From 20ec573468b6896877e32ca66a6bc8b96b390ed6 Mon Sep 17 00:00:00 2001 From: PierreGAMEN Date: Wed, 16 Apr 2025 13:58:13 +0200 Subject: [PATCH 1/2] feat: add blue and grey color variables to the color scheme --- scss/_color-declaration.scss | 24 ++++++++++++++++++++++++ scss/_color.scss | 4 ++++ 2 files changed, 28 insertions(+) diff --git a/scss/_color-declaration.scss b/scss/_color-declaration.scss index 454aaad..a1b97cb 100644 --- a/scss/_color-declaration.scss +++ b/scss/_color-declaration.scss @@ -137,6 +137,30 @@ //BLACK --a-black: #{$a-black}; + //BLUE +--a-blue-lightest: #{$a-blue-lightest}; +--a-blue-lightest-invert: #{$a-blue-lightest-invert}; + + + //GREY + --a-grey-darker: #{$a-grey-darker}; + --a-grey-darker-invert: #{$a-grey-darker-invert}; + + --a-grey-dark: #{$a-grey-dark}; + --a-grey-dark-invert: #{$a-grey-dark-invert}; + + --a-grey: #{$a-grey}; + --a-grey-invert: #{$a-grey-invert}; + + --a-grey-light: #{$a-grey-light}; + --a-grey-light-invert: #{$a-grey-light-invert}; + + --a-grey-lighter: #{$a-grey-lighter}; + --a-grey-lighter-invert: #{$a-grey-lighter-invert}; + + --a-grey-lightest: #{$a-grey-lightest}; +$a-blue-lightest-invert: #000; + //GREY --a-grey-darker: #{$a-grey-darker}; --a-grey-darker-invert: #{$a-grey-darker-invert}; diff --git a/scss/_color.scss b/scss/_color.scss index e594240..db587ca 100644 --- a/scss/_color.scss +++ b/scss/_color.scss @@ -150,6 +150,10 @@ $a-info-lightest-invert: #000; //BLACK $a-black: #000; +//BLUE +$a-blue-lightest: #F6F8FA; +$a-blue-lightest-invert: #000; + //GREY $a-grey-darker: #4d4d4d; $a-grey-darker-invert: #fff; From f03daeb4217f6c1108c59875a44dce9e2c90cfde Mon Sep 17 00:00:00 2001 From: Pierre GAMEN <136753701+PierreGAMEN@users.noreply.github.com> Date: Wed, 16 Apr 2025 13:59:46 +0200 Subject: [PATCH 2/2] Update _color-declaration.scss --- scss/_color-declaration.scss | 24 ++---------------------- 1 file changed, 2 insertions(+), 22 deletions(-) diff --git a/scss/_color-declaration.scss b/scss/_color-declaration.scss index a1b97cb..e65d8a3 100644 --- a/scss/_color-declaration.scss +++ b/scss/_color-declaration.scss @@ -138,28 +138,8 @@ --a-black: #{$a-black}; //BLUE ---a-blue-lightest: #{$a-blue-lightest}; ---a-blue-lightest-invert: #{$a-blue-lightest-invert}; - - - //GREY - --a-grey-darker: #{$a-grey-darker}; - --a-grey-darker-invert: #{$a-grey-darker-invert}; - - --a-grey-dark: #{$a-grey-dark}; - --a-grey-dark-invert: #{$a-grey-dark-invert}; - - --a-grey: #{$a-grey}; - --a-grey-invert: #{$a-grey-invert}; - - --a-grey-light: #{$a-grey-light}; - --a-grey-light-invert: #{$a-grey-light-invert}; - - --a-grey-lighter: #{$a-grey-lighter}; - --a-grey-lighter-invert: #{$a-grey-lighter-invert}; - - --a-grey-lightest: #{$a-grey-lightest}; -$a-blue-lightest-invert: #000; + --a-blue-lightest: #{$a-blue-lightest}; + --a-blue-lightest-invert: #{$a-blue-lightest-invert}; //GREY --a-grey-darker: #{$a-grey-darker};