From 357f0784dc4d7269880e7c64b1883d644d1e2e95 Mon Sep 17 00:00:00 2001
From: Gabriel Rodriguez Alsina <gabriel.rodriguez@altoros.com>
Date: Tue, 9 Apr 2019 16:44:35 -0300
Subject: [PATCH] (add) stats color

---
 apps/block_scout_web/assets/css/_mixins.scss               | 6 +++---
 .../assets/css/components/_dashboard-banner.scss           | 4 +++-
 apps/block_scout_web/assets/css/components/_stakes.scss    | 4 +++-
 .../block_scout_web/assets/css/theme/_lukso_variables.scss | 7 ++++++-
 4 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/apps/block_scout_web/assets/css/_mixins.scss b/apps/block_scout_web/assets/css/_mixins.scss
index e961ce6e48..add1c7be09 100644
--- a/apps/block_scout_web/assets/css/_mixins.scss
+++ b/apps/block_scout_web/assets/css/_mixins.scss
@@ -24,9 +24,9 @@
   margin-top: -3rem;
 }
 
-@mixin stats-item() {
+@mixin stats-item($border-color: #fff, $text-color: #fff) {
   &-item {
-    color: #fff;
+    color: $text-color;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -35,7 +35,7 @@
     position: relative;
 
     &::before {
-      background-color: rgba(#fff, 0.5);
+      background-color: $border-color;
       border-radius: 2px;
       content: "";
       height: 100%;
diff --git a/apps/block_scout_web/assets/css/components/_dashboard-banner.scss b/apps/block_scout_web/assets/css/components/_dashboard-banner.scss
index a7c12fcf39..90bf7a180b 100644
--- a/apps/block_scout_web/assets/css/components/_dashboard-banner.scss
+++ b/apps/block_scout_web/assets/css/components/_dashboard-banner.scss
@@ -6,6 +6,8 @@ $dashboard-banner-gradient-end: lighten(
 $dashboard-banner-network-graph-background-color: #fff !default;
 $dashboard-line-color-price: $primary !default;
 $dashboard-line-color-market: $secondary !default;
+$dashboard-stats-item-color: #fff !default;
+$dashboard-stats-item-border-color: #fff !default;
 
 .dashboard-banner-container {
   @include gradient-container();
@@ -165,5 +167,5 @@ $dashboard-line-color-market: $secondary !default;
   padding-bottom: 30px;
   row-gap: 45px;
 
-  @include stats-item();
+  @include stats-item($dashboard-stats-item-border-color, $dashboard-stats-item-color);
 }
diff --git a/apps/block_scout_web/assets/css/components/_stakes.scss b/apps/block_scout_web/assets/css/components/_stakes.scss
index 62eccccd1f..87271bc983 100644
--- a/apps/block_scout_web/assets/css/components/_stakes.scss
+++ b/apps/block_scout_web/assets/css/components/_stakes.scss
@@ -3,6 +3,8 @@ $stakes-address-color: $primary !default;
 $stakes-control-color: $primary !default;
 $stakes-banned-color: #ff7986 !default;
 $stakes-banned-background: #fff3f7 !default;
+$stakes-stats-item-color: #fff !default;
+$stakes-stats-item-border-color: #fff !default;
 
 .stakes-top {
   @include gradient-container();
@@ -15,7 +17,7 @@ $stakes-banned-background: #fff3f7 !default;
   display: flex;
   justify-content: space-between;
 
-  @include stats-item();
+  @include stats-item($stakes-stats-item-border-color, $stakes-stats-item-color);
 
   @include media-breakpoint-down(md) {
     column-gap: 30px;
diff --git a/apps/block_scout_web/assets/css/theme/_lukso_variables.scss b/apps/block_scout_web/assets/css/theme/_lukso_variables.scss
index 48cb7118a4..09c3f3fef3 100644
--- a/apps/block_scout_web/assets/css/theme/_lukso_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_lukso_variables.scss
@@ -18,4 +18,9 @@ $footer-text-color: #fff;
 $footer-logo-height: 18px;
 $footer-logo-width: 100px;
 
-$btn-line-color: $primary;
\ No newline at end of file
+$btn-line-color: $primary;
+
+$dashboard-stats-item-color: $primary;
+$dashboard-stats-item-border-color: $primary;
+$stakes-stats-item-color: $primary;
+$stakes-stats-item-border-color: $primary;
\ No newline at end of file