diff --git a/module/color/variable/_decisions.scss b/module/color/variable/_decisions.scss
index 89ebfdf0d..627d5a3ad 100644
--- a/module/color/variable/_decisions.scss
+++ b/module/color/variable/_decisions.scss
@@ -97,7 +97,10 @@ $values: (
),
disabled: (
neutral: soft
- )
+ ),
+ black-white: (
+ neutral: absolute-black
+ ),
),
border: (
default: (
diff --git a/module/color/variable/_options.scss b/module/color/variable/_options.scss
index ac2e16753..a1c4eb995 100644
--- a/module/color/variable/_options.scss
+++ b/module/color/variable/_options.scss
@@ -2,6 +2,7 @@
// [color-name]-[grade]: [hex] [hue] [saturation] [lightness];
$values: (
// grey
+ grey-0: #000000,
grey-50: #161616 #343434 #474747,
grey-75: #1e1e1e #3f3f3f #525252,
grey-100: #242424 #474747 #5b5b5b,
diff --git a/module/color/variable/_sets.scss b/module/color/variable/_sets.scss
index 0e9b93fbc..02f452d50 100644
--- a/module/color/variable/_sets.scss
+++ b/module/color/variable/_sets.scss
@@ -1,6 +1,7 @@
$values: (
neutral: (
grey: (
+ absolute-black: grey-0 grey-1000,
black: grey-50 grey-1000,
darkest: grey-75 grey-975,
darker: grey-100 grey-950,
diff --git a/module/color/variable/_static.scss b/module/color/variable/_static.scss
index 3ce996903..c54149737 100644
--- a/module/color/variable/_static.scss
+++ b/module/color/variable/_static.scss
@@ -1,6 +1,7 @@
@use 'options';
$focus: #0a76f6;
+$absolute-black: #000000;
$black: nth(map-get(options.$values, grey-50), 1);
$black-a0: rgba(nth(map-get(options.$values, grey-50), 1), 0);
$black-a64: rgba(nth(map-get(options.$values, grey-50), 1), 64%);
diff --git a/src/component/logo/style/_module.scss b/src/component/logo/style/_module.scss
index 0acdae5ac..ca3cbe7f9 100644
--- a/src/component/logo/style/_module.scss
+++ b/src/component/logo/style/_module.scss
@@ -21,7 +21,7 @@
@include before('', block) {
background-repeat: no-repeat, no-repeat, no-repeat;
$marianne: svg-encode($svg-marianne, true);
- background-image: url($marianne), linear-gradient(90deg, color.$blue-france 0%, color.$blue-france 50%, color.$red-marianne 50%, color.$red-marianne 100%), linear-gradient(90deg, color.$black 0%, color.$black 100%);
+ background-image: url($marianne), linear-gradient(90deg, color.$blue-france 0%, color.$blue-france 50%, color.$red-marianne 50%, color.$red-marianne 100%), linear-gradient(90deg, color.$absolute-black 0%, color.$absolute-black 100%);
}
@include after('', block) {
diff --git a/src/component/logo/style/_scheme.scss b/src/component/logo/style/_scheme.scss
index 57aae5808..8a3bc32fb 100644
--- a/src/component/logo/style/_scheme.scss
+++ b/src/component/logo/style/_scheme.scss
@@ -7,6 +7,6 @@
@mixin _logo-scheme($legacy: false) {
#{ns(logo)} {
- @include color.text(title grey, (legacy:$legacy));
+ @include color.text(black-white grey, (legacy:$legacy));
}
}
diff --git a/src/component/logo/style/_setting.scss b/src/component/logo/style/_setting.scss
index 70c2c7b85..bcf117d4f 100644
--- a/src/component/logo/style/_setting.scss
+++ b/src/component/logo/style/_setting.scss
@@ -13,4 +13,4 @@ $logo-sizes: (
$svg-marianne: '';
-$svg-motto: '';
+$svg-motto: '';