coloring

frontend/assets/css/settings/_colors.scss

@@ -4,6 +4,7 @@ $hive-red--light: rgb(240, 20, 56);
 $hive-orange: #e34b13;
 $hive-black: #212529;
 $hive-dark-grey: rgba(33,37,41,.94118);
+$hive-mid-grey: rgba(33,37,41,.74118);
 $hive-dark-grey--light: rgba(33,37,41,.84118);
 
 $hive-light-grey: #f0f0f8;

frontend/components/header/partials/number.vue

@@ -87,18 +87,18 @@ export default {
 
  .color-one {
   background-color: $hive-red;
-  background: linear-gradient(90deg,$hive-red 3%,#ff002c);
+  background: linear-gradient(90deg,$hive-black 3%,$hive-mid-grey);
 }
 
 .color-two {
   
   background-color: #363e45;
-  background: linear-gradient(90deg,#363e45 3%,#585b60);
+  background: linear-gradient(90deg,$hive-mid-grey 3%,$hive-mid-grey);
 }
 
 .color-three {
   background-color: #585b60;
-  background: linear-gradient(90deg,#585b60 3%,#363e45);
+  background: linear-gradient(90deg,$hive-mid-grey 3%,$hive-black);
 }
 
 </style>