(add) stats color

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%;

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);
 }

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;

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;
+$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;