Merge pull request #2677 from YegorSan/new-xdai-theme-created

New xdai theme styles added

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

@@ -1,23 +1,23 @@
 // general
-$primary: #17314f;
+$primary: #233174;
-$secondary: #15bba6;
+$secondary: #15f9bb;
-$tertiary: #93d7ff;
+$tertiary: #5a77ff;
 $additional-font: #fff;
 
 // footer
-$footer-background-color: $primary;
+$footer-background-color:#202d6a;
 $footer-title-color: #fff;
-$footer-text-color: #96bde8;
+$footer-text-color: #b5c2ff;
 $footer-item-disc-color: $secondary;
 .footer-logo { filter: brightness(0) invert(1); }
-
+.footer-social-icon { color: $secondary!important; }
 // dashboard
 $dashboard-line-color-price: $tertiary; // price left border
 
 $dashboard-line-color-market: $secondary;
 
 $dashboard-banner-chart-legend-label-color: $footer-text-color;
-$dashboard-stats-item-label-color: $footer-text-color;
+$dashboard-stats-item-label-color: #b4c1ff;
 $dashboard-banner-chart-legend-value-color: #fff; // chart labels
 $dashboard-stats-item-value-color: #fff; // stat values
 
@@ -25,9 +25,11 @@ $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-gradient-end: #1e2a63;
+// gradient end
 
-$dashboard-banner-network-plain-container-background-color: #20446e; // stats bg
+$dashboard-banner-network-plain-container-background-color: #273781
+; // stats bg
 
 
 // navigation
@@ -35,20 +37,20 @@ $dashboard-banner-network-plain-container-background-color: #20446e; // stats bg
 
 // buttons
 $btn-line-bg: #fff; // button bg
-$btn-line-color: $secondary; // button border and font color && hover bg color
+$btn-line-color: $primary; // button border and font color && hover bg color
-$btn-copy-color: $secondary; // btn copy
+$btn-copy-color: $primary; // btn copy
-$btn-qr-color: $secondary; // btn qr-code
+$btn-qr-color: $primary; // btn qr-code
 $btn-address-card-icon-color: $secondary; // btn address color
 
 //links & tile
-$tile-body-a-color: $secondary;
+$tile-body-a-color: $tertiary;
-$tile-type-block-color: $secondary;
+$tile-type-block-color: $primary;
-$tile-type-progress-bar-color: $secondary;
+$tile-type-progress-bar-color: $primary;
-a.tile-title { color: $secondary !important; }
+a.tile-title { color: $primary !important; }
 
 // card
-$card-background-1: $secondary;
+$card-background-1: $primary;
-$card-tab-active: $secondary;
+$card-tab-active: $primary;
 
 .layout-container {
 	.dashboard-banner-container {
@@ -66,6 +68,20 @@ $badge-neutral-background-color: rgba(#20446e, .1);
 $api-text-monospace-color: #20446e;
 
 // Dark theme
-$dark-primary: #15bba6;
+$dark-primary: #233174;
-$dark-secondary: #93d7ff;
+$dark-secondary:#15f9bb;
-$dark-primary-alternate: #15bba6;
+$dark-tertiary: #5a77ff;
+
+.dark-theme-applied .tile .tile-body a, .dark-theme-applied .tile span[data-address-hash] {
+    color: $dark-tertiary!important;
+}
+
+.dark-theme-applied .btn-line {
+    background-color: transparent!important;
+    border-color: $dark-tertiary!important;
+    color: $dark-tertiary!important;
+}
+
+.dark-theme-applied .btn-line:hover {
+    color: $additional-font!important;
+}

apps/block_scout_web/assets/static/images/network-selector-icons/xdai-chain.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30">
-    <path fill="#12AC97" fill-rule="evenodd" d="M30 14.999V30H0V0h30v14.999z"/>
+    <path fill="#202D6A" fill-rule="evenodd" d="M0 30V0h30v30H0z"/>
-    <path fill="#FFF" fill-rule="evenodd" d="M17.172 14.999l5.828 7h-4.344v-.001h.775c-.497 0-.926-.228-1.223-.568l-.015.012-2.655-3.188h-.019a.681.681 0 0 0-.519-.246.681.681 0 0 0-.519.246h-.019l-2.655 3.188-.015-.012c-.297.34-.726.568-1.223.568h.775v.001H7l5.828-7-5.828-7h3.569c.497 0 .926.228 1.223.568l.015-.011 2.651 3.184h.019a.682.682 0 0 0 .523.252.682.682 0 0 0 .523-.252h.018l2.652-3.184.015.011c.297-.34.726-.568 1.223-.568H23l-5.828 7z"/>
+    <path fill="#15F9BB" fill-rule="evenodd" d="M17.172 15L23 22.001h-4.344.775c-.497 0-.926-.229-1.223-.569l-.015.012-2.654-3.187h-.011a.7.7 0 0 0-.528-.243.7.7 0 0 0-.528.243h-.012l-2.653 3.187-.015-.012c-.297.34-.726.569-1.223.569h.774-4.344L12.828 15 6.999 8h3.569l.001-.001c.497 0 .926.229 1.223.569l.014-.012 2.652 3.185h.012c.13.147.315.245.53.245.215 0 .4-.098.53-.245h.011l2.652-3.185.015.012A1.618 1.618 0 0 1 19.432 8h3.569l-5.829 7z"/>
 </svg>