From 7697f20f7081518b4516ce231ce641db73cd7447 Mon Sep 17 00:00:00 2001
From: Bastien DUMONT <bdumont@grandlyon.com>
Date: Thu, 14 Nov 2024 10:22:37 +0100
Subject: [PATCH] chore: remove unused colors
---
src/styles/base/_color.scss | 71 +++----------------------------------
src/styles/index.scss | 21 -----------
2 files changed, 5 insertions(+), 87 deletions(-)
diff --git a/src/styles/base/_color.scss b/src/styles/base/_color.scss
index d48801a81..bfc3bab32 100644
--- a/src/styles/base/_color.scss
+++ b/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;
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 1fdf7d6f0..acee86b76 100644
--- a/src/styles/index.scss
+++ b/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};
--
GitLab