Merge pull request blockscout#30 from mantlenetworkio/albert/theme

update home page theme color
shellteo · Nov 28, 2022 · 6c81dff · 6c81dff
2 parents 45cfced + 81a5d5a
commit 6c81dff
Show file tree

Hide file tree

Showing 9 changed files with 1,166 additions and 15 deletions.
diff --git a/apps/block_scout_web/assets/css/app.scss b/apps/block_scout_web/assets/css/app.scss
@@ -127,7 +127,7 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 // Font Awesome
 @import "components/_fontawesome_icon";
 
-@import "theme/dark-theme";
+@import "theme/mantle-theme";
 
 @import "theme/custom_contracts/dark-forest-theme";
 @import "theme/custom_contracts/circles-theme";

diff --git a/apps/block_scout_web/assets/css/components/_dashboard-banner.scss b/apps/block_scout_web/assets/css/components/_dashboard-banner.scss
@@ -202,7 +202,7 @@ $dashboard-banner-chart-axis-font-color-alt: #333;
 .dashboard-banner-network-plain-container {
   align-items: center;
   align-self: flex-end;
-  background-color: $dashboard-banner-network-plain-container-background-color;
+  background-color: transparent;
   border-top-left-radius: 10px;
   display: flex;
   height: $dashboard-banner-network-plain-container-height;
@@ -234,7 +234,7 @@ $dashboard-banner-chart-axis-font-color-alt: #333;
   }
 
   &::after {
-    background-color: $dashboard-banner-network-plain-container-background-color;
+    background-color: transparent;
     bottom: 0;
     content: "";
     display: block;

diff --git a/apps/block_scout_web/assets/css/components/_fontawesome_icon.scss b/apps/block_scout_web/assets/css/components/_fontawesome_icon.scss
@@ -1,5 +1,5 @@
 .fontawesome-icon {
-    background-color: $footer-text-color;
+    background-color: #fff;
 
     &.github {
       -webkit-mask: url(../static/images/icons/fontawesome/github.svg) no-repeat center;

diff --git a/apps/block_scout_web/assets/css/components/_footer.scss b/apps/block_scout_web/assets/css/components/_footer.scss
@@ -8,8 +8,8 @@ $footer-logo-height: 28px !default;
 $footer-logo-width: auto !default;
 
 .footer {
-  background: $footer-background-color;
-  color: $footer-text-color;
+  background: #091312;
+  color: #fff;
   font-size: 12px;
   line-height: 1.67;
   margin: 0;
@@ -62,7 +62,7 @@ $footer-logo-width: auto !default;
 }
 
 .footer-link {
-  color: $footer-link-color;
+  color: #fff;
 
   &:hover {
     color: $footer-link-color;

diff --git a/apps/block_scout_web/assets/css/components/_navbar.scss b/apps/block_scout_web/assets/css/components/_navbar.scss
@@ -1,6 +1,6 @@
 // Default variables
 $header-background-color: #fff !default;
-$header-links-color: #828ba0 !default;
+$header-links-color: #21413F !default;
 $header-links-color-active: #333 !default;
 $header-icon-color: $header-links-color !default;
 $header-icon-color-hover: $secondary !default;

diff --git a/apps/block_scout_web/assets/css/main-page.scss b/apps/block_scout_web/assets/css/main-page.scss
@@ -73,4 +73,4 @@
 // Font Awesome
 @import "components/_fontawesome_icon";
 
-@import "theme/dark-theme";
+@import "theme/mantle-theme";
diff --git a/apps/block_scout_web/assets/css/theme/_base_variables.scss b/apps/block_scout_web/assets/css/theme/_base_variables.scss
@@ -72,8 +72,8 @@ $colors: map-merge(
 );
 
 $primary: $indigo !default;
-$dark-primary: #9b62ff !default;
-$dark-primary-alternate: #9b62ff !default;
+$dark-primary: #65B3AE !default;
+$dark-primary-alternate: #65B3AE !default;
 $secondary: #7dd79f !default;
 $dark-secondary: #87e1a9 !default;
 $tertiary: $purple !default;