Merge pull request #1922 from maxgrapps/master

Ethereum classic theme and logo

CHANGELOG.md

@@ -1,6 +1,7 @@
 ## Current
 
 ### Features
+- [#1922](https://github.com/poanetwork/blockscout/pull/1922) - added ethereum classic theme and logo
 - [#1907](https://github.com/poanetwork/blockscout/pull/1907) - dropdown color bug fix (lukso theme) and tooltip color bug fix
 - [#1903](https://github.com/poanetwork/blockscout/pull/1903) - added rsk theme and rsk logo
 - [#1895](https://github.com/poanetwork/blockscout/pull/1895) - add changes to poa theme and poa logo

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

@@ -1,8 +1,50 @@
-$primary: #1b1b39;
+// general
-$secondary: #4beba0;
+$primary: #1c1c3d;
-$tertiary: #4beba0;
+$secondary: #4ad7a7;
+$tertiary: #5959d8;
+$additional-font: #bdbdff;
 
+// footer
 $footer-background-color: $primary;
 $footer-title-color: #fff;
-$footer-text-color: #fff;
+$footer-text-color: $additional-font;
-$footer-item-disc-color: $secondary;
+$footer-item-disc-color: $tertiary;
+.footer-logo { filter: brightness(0) invert(1); }
+
+// dashboard
+$dashboard-line-color-price: $tertiary; // price left border
+
+$dashboard-banner-chart-legend-value-color: $additional-font; // chart labels
+
+$dashboard-stats-item-value-color: $additional-font; // stat values
+
+$dashboard-stats-item-border-color: $secondary; // stat border
+
+$dashboard-banner-gradient-start: $primary; // gradient begin
+
+$dashboard-banner-gradient-end: lighten($primary, 5); // gradient end
+
+$dashboard-banner-network-plain-container-background-color: #2d2d69; // stats bg
+
+
+// navigation
+.navbar { box-shadow: 0px 0px 30px 0px rgba(21, 53, 80, 0.12); } // header shadow
+$header-icon-border-color-hover: $tertiary; // top border on hover
+$header-icon-color-hover: $tertiary; // nav icon on hover
+.dropdown-item:hover, .dropdown-item:focus { background-color: $tertiary !important; } // dropdown item on hover
+
+// buttons
+$btn-line-bg: #fff; // button bg
+$btn-line-color: #27275e; // button border and font color && hover bg color
+$btn-copy-color: #27275e; // btn copy
+$btn-qr-color: #27275e; // btn qr-code
+
+//links & tile
+.tile a { color: $tertiary !important; } // links color for badges
+.tile-type-block {
+    border-left: 4px solid #27275e;
+} // tab active bg
+
+// card
+$card-background-1: $tertiary;
+$card-tab-active: $tertiary;