chore: remove unused colors

src/styles/base/_color.scss

@@ -2,12 +2,6 @@
 $dark-2: #1b1c22;
 $dark-light: #25262b;
 $dark-light-2: #121212;
-$dark-3: #181819;
-$dark-background: radial-gradient(
-  60.65% 30.62% at 50% 3.13%,
-  #2a2b30 0%,
-  #1b1c22 100%
-);
 /** RED **/
 $red-primary: #d25959;
 
@@ -21,31 +15,22 @@ $gold-euro: #f1c017;
 $orange: #ec9d41;
 
 /** BLUE **/
-$blue: #58ffff;
-$blue-40: #58ffff40;
 $blue-light: #61f0f2;
-$blue-shadowed: rgba(58, 152, 236, 0.4);
-$blue-gradient: linear-gradient(180deg, #61f0f2 0%, #48c2c4 100%);
 $blue-radial-gradient: radial-gradient(
     105.25% 64.58% at 49.68% 70.83%,
     rgba(1, 153, 163, 0.5) 0%,
     rgba(255, 255, 255, 0) 100%
   ),
-  $blue;
-$blue-radial-gradient-transparent: radial-gradient(
-  circle,
-  $blue 0%,
-  rgba(255, 255, 255, 0) 100%
-);
+  #58ffff;
 $blue-accessibility: #1b8bff;
 
 /** GREEN **/
 $green: #7fd771;
-$green-light: #a6e191;
 
 /** WHITE **/
 $white: #ffffff;
 $white-light: rgba(255, 255, 255, 0.6);
+$bg-active: rgba(255, 255, 255, 0.1);
 
 /** GREY **/
 $grey-bright: #e0e0e0;
@@ -57,9 +42,6 @@ $grey-linear-gradient-background: linear-gradient(
   #25262b 100%
 );
 
-$bg-active: rgba(255, 255, 255, 0.1);
-
-// new greys
 /** Base background for every screen */
 $grey-0: #1b1c21;
 /** Level 1, for background blocks */
@@ -69,21 +51,18 @@ $grey-2: #2f3139;
 
 /** App colors **/
 $elec-color: #d87b39;
-$elec-color-40: rgba(216, 123, 57, 0.4);
 $elec-off-color: #5d3d2a;
-$elec-compare-color: #e2bca1;
+$elec-compare-color: #e0b495;
 $elec-compare-off-color: #795c47;
 
 $gas-color: #45d1b8;
-$gas-color-40: rgba(69, 209, 184, 0.4);
 $gas-off-color: #184940;
-$gas-compare-color: #a8f7e9;
+$gas-compare-color: #b3f2e7;
 $gas-compare-off-color: #597773;
 
 $water-color: #3a98ec;
-$water-color-40: rgba(58, 152, 236, 0.4);
 $water-off-color: #20415e;
-$water-compare-color: #abd4fa;
+$water-compare-color: #9ec4e6;
 $water-compare-off-color: #4d5c6e;
 
 $multi-color: #e3b82a;
@@ -91,52 +70,12 @@ $multi-off-color: #705d1d;
 $multi-compare-color: #ffd597;
 $multi-compare-off-color: #7d6a4e;
 
-/** TABS GRADIENT **/
-$multi-color-radial-gradient-transparent: radial-gradient(
-  circle,
-  #e3b82a 0%,
-  rgba(255, 255, 255, 0) 100%
-);
-$elec-color-radial-gradient-transparent: radial-gradient(
-  circle,
-  #d87b39 0%,
-  rgba(255, 255, 255, 0) 100%
-);
-$water-color-radial-gradient-transparent: radial-gradient(
-  circle,
-  #3a98ec 0%,
-  rgba(255, 255, 255, 0) 100%
-);
-$gas-color-radial-gradient-transparent: radial-gradient(
-  circle,
-  #45d1b8 0%,
-  rgba(255, 255, 255, 0) 100%
-);
-
 $multi-color-radial-gradient: radial-gradient(
     105.25% 64.58% at 49.68% 70.83%,
     rgba(226, 137, 4, 0.5) 0%,
     rgba(255, 255, 255, 0) 100%
   ),
   #f1c017;
-$elec-color-radial-gradient: radial-gradient(
-    105.25% 64.58% at 49.68% 70.83%,
-    rgba(158, 67, 2, 0.5) 0%,
-    rgba(255, 255, 255, 0) 100%
-  ),
-  #d87b39;
-$gas-color-radial-gradient: radial-gradient(
-    105.25% 64.58% at 49.68% 70.83%,
-    rgba(4, 106, 88, 0.5) 0%,
-    rgba(255, 255, 255, 0) 100%
-  ),
-  #45d1b8;
-$water-color-radial-gradient: radial-gradient(
-    105.25% 64.58% at 49.68% 70.83%,
-    rgba(2, 93, 174, 0.5) 0%,
-    rgba(255, 255, 255, 0) 100%
-  ),
-  #3a98ec;
 
 /** SCROLLBAR **/
 $scrollbar-track: #3e4045;

src/styles/index.scss

@@ -19,42 +19,21 @@
 
 :root {
   white-space: pre-line;
-  --blue: #{$blue};
-  --blue40: #{$blue-40};
-  --blueBackground: #{$blue-radial-gradient};
-  --blueRadialGradient: #{$blue-radial-gradient};
-  --blueRadialGradientTrans: #{$blue-radial-gradient-transparent};
   --elecColor: #{$elec-color};
-  // V4REMOVE
-  --elecColor40: #{$elec-color-40};
   --elecCompareColor: #{$elec-compare-color};
   --gasColor: #{$gas-color};
-  // V4REMOVE
-  --gasColor40: #{$gas-color-40};
   --gasCompareColor: #{$gas-compare-color};
   --waterColor: #{$water-color};
-  // V4REMOVE
-  --waterColor40: #{$water-color-40};
   --waterCompareColor: #{$water-compare-color};
   --multiColor: #{$multi-color};
   --multiCompareColor: #{$multi-compare-color};
   --redPrimary: #{$red-primary};
   --greyBright: #{$grey-bright};
   --greyDark: #{$grey-dark};
-  --textWhite: #{$white};
   --softGrey: #{$soft-grey};
   --darkLight: #{$dark-light};
   --darkLight2: #{$dark-light-2};
   --textFont: #{$text-font};
-  --greyLinearGradientBackground: #{$grey-linear-gradient-background};
-  --multiColorRadialGradientTrans: #{$multi-color-radial-gradient-transparent};
-  --elecColorRadialGradientTrans: #{$elec-color-radial-gradient-transparent};
-  --waterColorRadialGradientTrans: #{$water-color-radial-gradient-transparent};
-  --gasColorRadialGradientTrans: #{$multi-color-radial-gradient-transparent};
-  --multiColorRadialGradient: #{$multi-color-radial-gradient};
-  --elecColorRadialGradient: #{$elec-color-radial-gradient};
-  --gasColorRadialGradient: #{$gas-color-radial-gradient};
-  --waterColorRadialGradient: #{$water-color-radial-gradient};
   --grey-0: #{$grey-0};
   --grey-1: #{$grey-1};
   --grey-2: #{$grey-2};