Merge pull request #1895 from maxgrapps/master

poa theme and poa logo

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ### Features
 
+- [#1895](https://github.com/poanetwork/blockscout/pull/1874) - add changes to poa theme and poa logo
 - [#1812](https://github.com/poanetwork/blockscout/pull/1812) - add pagination to addresses page
 - [#1874](https://github.com/poanetwork/blockscout/pull/1874) - add changes to ethereum theme and ethereum logo
 - [#1815](https://github.com/poanetwork/blockscout/pull/1815) - able to search without prefix "0x"

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

@@ -1,11 +1,50 @@
-$primary: #5b389f;
-$secondary: #7dd79f;
-$tertiary: #997fdc;
+// general
+$primary: #5c34a2;
+$secondary: #87e1a9;
+$tertiary: #bf9cff;
+$additional-font: #fff;
 
-$header-links-color-active: #333;
-$button-secondary-color: $primary;
-
-$footer-background-color: $primary;
+// footer
+$footer-background-color: #3c226a;
 $footer-title-color: #fff;
-$footer-text-color: #fff;
+$footer-text-color: #bda6e7;
 $footer-item-disc-color: $secondary;
+.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: #865bd4; // stats bg
+
+
+// navigation
+.navbar { box-shadow: 0px 0px 30px 0px rgba(21, 53, 80, 0.12); } // header shadow
+$header-icon-border-color-hover: $primary; // top border on hover
+$header-icon-color-hover: $primary; // nav icon on hover
+.dropdown-item:hover, .dropdown-item:focus { background-color: $primary !important; } // dropdown item on hover
+
+// buttons
+$btn-line-bg: #fff; // button bg
+$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
+
+//links & tile
+.tile a { color: $primary !important; } // links color for badges
+.tile-type-block {
+    border-left: 4px solid $primary;
+} // tab active bg
+
+// card
+$card-background-1: $primary;
+$card-tab-active: $primary;

apps/block_scout_web/assets/static/images/poa_logo.svg

@@ -1 +1,3 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 784.802 295.795"><defs><style>.cls-1{fill:#fff;}</style></defs><title>poa_logo</title><path class="cls-1" d="M396.219,268.878c-67.974,3.629-128.341-52.06-131.534-121.338-3.13-67.91,51.1-129.093,117.646-132.732,73.163-4,132.938,49.141,137.089,121.875C523.353,205.623,467.972,265.048,396.219,268.878Z"/><path class="cls-1" d="M11.9,141.308c0-34.343.283-68.69-.17-103.027C11.59,27.8,15.167,23.995,25.764,24.09c44.441.4,88.889-.137,133.33.255,49.985.441,91.942,43.057,93.616,94.385,1.574,48.276-37.962,93.594-85.93,98.278a242.125,242.125,0,0,1-24.193,1.036c-7.854-.023-11.592,2.835-12.116,11.258-1.95,31.322-2.173,31.308-33.906,31.308q-33.333,0-66.666-.008c-17.414-.022-17.988-.582-18-17.477Q11.875,192.216,11.9,141.308Z"/><path class="cls-1" d="M633.094,260.608q-63.645,0-127.289-.025c-15.248-.026-18.476-5.46-10.744-18.3Q559.1,135.943,623.33,29.714c7.883-13.036,13.493-12.908,21.482.331q63.82,105.768,127.5,211.619c8.277,13.763,5.324,18.9-10.719,18.921Q697.345,260.685,633.094,260.608Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="60" height="18">
+    <path fill="#5C34A2" fill-rule="evenodd" d="M10.313 14.437h-.938v2.657h-.003l.003.015c0 .492-.42.891-.938.891h-7.5C.42 18 0 17.601 0 17.109l.003-.015H0V.937h.003L0 .922C0 .43.42.031.937.031h9.376c4.142 0 7.499 3.225 7.499 7.203 0 3.979-3.357 7.203-7.499 7.203zM29.062.031c5.178 0 9.375 4.023 9.375 8.985S34.24 18 29.062 18c-5.177 0-9.374-4.022-9.374-8.984S23.885.031 29.062.031zM60 17.43c0 .307-.26.556-.58.556H38.151c-.025.003-.047.014-.073.014a.57.57 0 0 1-.578-.562c0-.123.048-.23.116-.322l-.009-.018L48.165.449h.023a.566.566 0 0 1 .557-.444c.28 0 .502.192.557.444h.023L60 17.209l-.037.048a.51.51 0 0 1 .037.173z"/>
+</svg>