Merge pull request #2750 from YegorSan/ab-erc-721-coin-instance-page

Fixed contract buttons color for NFT token instance on each theme.

CHANGELOG.md

@@ -12,6 +12,7 @@
 - [#2663](https://github.com/poanetwork/blockscout/pull/2663) - Fetch address counters in parallel
 
 ### Fixes
+- [#2750](https://github.com/poanetwork/blockscout/pull/2750) - fixed contract buttons color for NFT token instance on each theme
 - [#2718](https://github.com/poanetwork/blockscout/pull/2718) - Include all addresses taking part in transactions in wallets' addresses counter
 - [#2709](https://github.com/poanetwork/blockscout/pull/2709) - Fix stuck label and value for uncle block height
 - [#2707](https://github.com/poanetwork/blockscout/pull/2707) - fix for dashboard banner chart legend items

apps/block_scout_web/assets/css/theme/_ether1_variables.scss

@@ -37,7 +37,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: #4b021e; // button border and font color && hover bg color
 $btn-copy-color: #4b021e; // btn copy
 $btn-qr-color: #4b021e; // btn qr-code
-
+$btn-contract-color: #4b021e;
 //links & tile
 .tile a { color: $tertiary !important; } // links color for badges
 .tile-type-block {

apps/block_scout_web/assets/css/theme/_ethereum_classic_variables.scss

@@ -35,6 +35,7 @@ $btn-line-color: $tertiary; // button border and font color && hover bg color
 $btn-copy-color: $tertiary; // btn copy
 $btn-qr-color: $tertiary; // btn qr-code
 $btn-address-card-icon-color: $tertiary; // btn address color
+$btn-contract-color: $tertiary;
 
 //links & tile
 $tile-body-a-color: $tertiary;

apps/block_scout_web/assets/css/theme/_ethereum_variables.scss

@@ -38,6 +38,7 @@ $btn-line-color: $secondary; // button border and font color && hover bg color
 $btn-copy-color: $secondary; // btn copy
 $btn-qr-color: $secondary; // btn qr-code
 $btn-address-card-icon-color: $secondary; // btn address color
+$btn-contract-color: $secondary;
 
 //links & tile
 $tile-body-a-color: $secondary;

apps/block_scout_web/assets/css/theme/_goerli_variables.scss

@@ -44,6 +44,7 @@ $btn-line-color: $sub-accent-color; // button border and font color && hover bg
 $btn-copy-color: $sub-accent-color; // btn copy
 $btn-qr-color: $sub-accent-color; // btn qr-code
 $btn-address-card-icon-color: $sub-accent-color; // btn address color
+$btn-contract-color: $sub-accent-color;
 
 //links & tile
 $tile-body-a-color: $sub-accent-color;

apps/block_scout_web/assets/css/theme/_kovan_variables.scss

@@ -39,6 +39,7 @@ $btn-line-color: $tertiary; // button border and font color && hover bg color
 $btn-copy-color: $tertiary; // btn copy
 $btn-qr-color: $tertiary; // btn qr-code
 $btn-address-card-icon-color: $tertiary; // btn address color
+$btn-contract-color: $tertiary;
 
 //links & tile
 $tile-body-a-color: $tertiary;

apps/block_scout_web/assets/css/theme/_poa_variables.scss

@@ -41,6 +41,7 @@ $btn-line-color: $primary; // button border and font color && hover bg color
 $btn-copy-color: $primary; // btn copy
 $btn-qr-color: $primary; // btn qr-code
 $btn-address-card-icon-color: $primary; // btn address color
+$btn-contract-color: $primary;
 
 //links & tile
 $tile-body-a-color: $primary;

apps/block_scout_web/assets/css/theme/_rinkeby_variables.scss

@@ -38,6 +38,7 @@ $btn-line-color: $secondary; // button border and font color && hover bg color
 $btn-copy-color: $secondary; // btn copy
 $btn-qr-color: $secondary; // btn qr-code
 $btn-address-card-icon-color: $secondary; // btn address color
+$btn-contract-color: $secondary;
 
 //links & tile
 $tile-body-a-color: $secondary;

apps/block_scout_web/assets/css/theme/_ropsten_variables.scss

@@ -38,6 +38,7 @@ $btn-line-color: $secondary; // button border and font color && hover bg color
 $btn-copy-color: $secondary; // btn copy
 $btn-qr-color: $secondary; // btn qr-code
 $btn-address-card-icon-color: $secondary; // btn address color
+$btn-contract-color: $secondary;
 
 //links & tile
 $tile-body-a-color: $secondary;

apps/block_scout_web/assets/css/theme/_rsk_variables.scss

@@ -39,7 +39,7 @@ $btn-line-color: $secondary; // button border and font color && hover bg color
 $btn-copy-color: $secondary; // btn copy
 $btn-qr-color: $secondary; // btn qr-code
 $btn-address-card-icon-color: $secondary; // btn address color
-
+$btn-contract-color: $secondary;
 // card
 $card-background-1: $secondary;
 $card-tab-active: $secondary;

apps/block_scout_web/assets/css/theme/_social_variables.scss

@@ -5,4 +5,4 @@ $tertiary: #53a9ff;
 $footer-background-color: $primary;
 $footer-title-color: #fff;
 $footer-text-color: #fff;
-$footer-item-disc-color: $secondary;
+$footer-item-disc-color: $secondary;

apps/block_scout_web/assets/css/theme/_sokol_variables.scss

@@ -50,7 +50,7 @@ $btn-line-color: $sub-accent-color; // button border and font color && hover bg
 $btn-copy-color: $sub-accent-color; // btn copy
 $btn-qr-color: $sub-accent-color; // btn qr-code
 $btn-address-card-icon-color: $sub-accent-color; // btn address color
-
+$btn-contract-color: $sub-accent-color;
 //links & tile
 $tile-body-a-color: $sub-accent-color;
 $tile-type-block-color: $sub-accent-color;

apps/block_scout_web/assets/css/theme/_tomochain_variables.scss

@@ -1,3 +1,4 @@
 $primary: #211841;
 $secondary: #f16950;
 $tertiary: #8b84bc;
+$btn-contract-color: $primary;