Light theme

electroneum · Jul 1, 2022 · fa53ccd · fa53ccd
1 parent 1f9bdaa
commit fa53ccd
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 28 deletions.
diff --git a/apps/block_scout_web/assets/css/components/_dashboard-banner.scss b/apps/block_scout_web/assets/css/components/_dashboard-banner.scss
@@ -1,4 +1,4 @@
-$dashboard-banner-gradient-start: $dark-primary !default;
+$dashboard-banner-gradient-start: $ETN-dark-primary !default; //Dashboard color
 $dashboard-banner-gradient-end: lighten(
   $dashboard-banner-gradient-start,
   5%

diff --git a/apps/block_scout_web/assets/css/components/_navbar.scss b/apps/block_scout_web/assets/css/components/_navbar.scss
@@ -65,7 +65,7 @@ $navbar-logo-width: auto !default;
         color: $header-links-color-active;
         .nav-link-icon {
           path {
-            fill: $header-icon-color-hover;
+            fill: $ETN-dark-blue; //ETN Icon navbar hover
           }
         }
       }

diff --git a/apps/block_scout_web/assets/css/theme/_dark-theme.scss b/apps/block_scout_web/assets/css/theme/_dark-theme.scss
@@ -166,7 +166,7 @@ $dark-stakes-banned-background: #3e314c;
 			color: $dark-primary;
 		}
 		&.active {
-			background-color: darken($turquoise,10%);
+			background-color: $dark-primary-alternate; 
 			color: #fff;
 		}
 	}

diff --git a/apps/block_scout_web/assets/css/theme/_neutral_variables.scss b/apps/block_scout_web/assets/css/theme/_neutral_variables.scss
@@ -1,56 +1,68 @@
-// general
+// general ETN variables
 $primary: #5c34a2;
 $secondary: #87e1a9;
 $tertiary: #bf9cff;
 $additional-font: #fff;
 
+$ETN-blue:#4FE8D6 !default;
+$ETN-dark-blue:#042B45 !default;
+$ETN-indigo:#3D49A6 !default;
+$ETN-purlple: #7E3487 !default;
+$ETN-burgundy:#7B003D !default;
+$ETN-pink:#E71984 !default;
+$ETN-light-pink:#FC3BBA !default;
+$ETN-lilac: #bbbdbb !default;
+$ETN-red: #F50A56 !default;
+$ETN-turquoise: #00AEAE !default;
+$ETN-additional-font: #fff;
+
 // footer
-$footer-background-color: #3c226a;
+$footer-background-color: $ETN-dark-blue; //Footer background color
 $footer-title-color: #fff;
-$footer-text-color: #bda6e7;
-$footer-item-disc-color: $secondary;
+$footer-text-color: #fff;
+$footer-item-disc-color: $ETN-blue;
 .footer-logo { filter: brightness(0) invert(1); }
 
 // dashboard
 $dashboard-line-color-price: $tertiary;// price left border
 
-$dashboard-banner-chart-legend-label-color: #dcc8ff;
+$dashboard-banner-chart-legend-label-color: $ETN-additional-font;
 $dashboard-stats-item-label-color: $dashboard-banner-chart-legend-label-color;
-$dashboard-banner-chart-legend-value-color: #fff; // chart labels
-$dashboard-stats-item-value-color: #fff; // stat values
+$dashboard-banner-chart-legend-value-color: $ETN-additional-font; // chart labels
+$dashboard-stats-item-value-color: $ETN-additional-font; // stat values
 
 $dashboard-stats-item-border-color: $secondary; // stat border
 
-$dashboard-banner-gradient-start: $primary; // gradient begin
+$dashboard-banner-gradient-start: $ETN-dark-blue; // ETN Dashboard color start
 
-$dashboard-banner-gradient-end: lighten($primary, 5); // gradient end
+$dashboard-banner-gradient-end: lighten($dashboard-banner-gradient-start, 5); // ETN Dashboard color end
 
-$dashboard-banner-network-plain-container-background-color: #8258cd;
+$dashboard-banner-network-plain-container-background-color: lighten($dashboard-banner-gradient-end,5);  //ETN Dashboard netowrk stats
 
 
 // navigation
 .navbar { box-shadow: 0px 0px 30px 0px rgba(21, 53, 80, 0.12); } // header shadow
-$dropdown-menu-item-hover-color: $primary !default;
-$dropdown-menu-item-hover-background: rgba($primary, .1) !default;
-$header-icon-color-hover: $primary;
-$header-icon-border-color-hover: $primary;
+$dropdown-menu-item-hover-color: $ETN-dark-blue !default;
+$dropdown-menu-item-hover-background: rgba($dropdown-menu-item-hover-color, .1) !default; 
+$header-icon-color-hover: $ETN-dark-blue !default;
+$header-icon-border-color-hover: $ETN-dark-blue !default;
 
 // 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
-$btn-address-card-icon-color: $primary; // btn address color
+$btn-line-bg: $ETN-additional-font; // button bg
+$btn-line-color: $ETN-dark-blue; // button border and font color && hover bg color
+$btn-copy-color: $ETN-dark-blue; // btn copy
+$btn-qr-color: $ETN-dark-blue; // btn qr-code
+$btn-address-card-icon-color: $ETN-dark-blue; // btn address color
 
 //links & tile
-$tile-body-a-color: $primary;
-$tile-type-block-color: $primary;
-$tile-type-progress-bar-color: $primary;
-a.tile-title { color: $primary !important; }
+$tile-body-a-color: $ETN-dark-blue;
+$tile-type-block-color: $ETN-dark-blue;
+$tile-type-progress-bar-color: $ETN-dark-blue;
+a.tile-title { color: $ETN-dark-blue !important; }
 
 // card
 $card-background-1: $primary;
-$card-tab-active: $primary;
+$card-tab-active: $ETN-indigo;
 
 .layout-container {
 	.dashboard-banner-container {
@@ -70,7 +82,7 @@ $api-text-monospace-color: $primary;
 // Tokens dropdown
 .token-balance-dropdown[aria-labelledby="dropdown-tokens"] {
   .dropdown-items .dropdown-item:hover {
-	color: $primary !important;
+	color: $ETN-dark-blue !important;
   }
 }