Add darker/lighter neutral00 color for input backgrounds

elan-ev · Sep 20, 2023 · 1610e4c · 1610e4c
1 parent 3065c57
commit 1610e4c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/backend/src/config/color.rs b/backend/src/config/color.rs
@@ -260,6 +260,7 @@ impl ColorConfig {
 
         // Neutral colors (05 = background, 90 = foreground)
         let base_grey = Lch::from_color(self.grey50.0.into_format::<f32>());
+        add(&mut light, "neutral00", Lch { l: 100.0, ..base_grey });
         add(&mut light, "neutral05", Lch { l: 99.7, ..base_grey });
         add(&mut light, "neutral10", Lch { l: 95.9, ..base_grey });
         add(&mut light, "neutral15", Lch { l: 92.0, ..base_grey });
@@ -273,6 +274,7 @@ impl ColorConfig {
         add(&mut light, "neutral80", Lch { l: 17.0, ..base_grey });
         add(&mut light, "neutral90", Lch { l: 8.0, ..base_grey });
 
+        add(&mut dark, "neutral00", Lch { l: 5.0, ..base_grey });
         add(&mut dark, "neutral05", Lch { l: 7.7, ..base_grey });
         add(&mut dark, "neutral10", Lch { l: 11.5, ..base_grey });
         add(&mut dark, "neutral15", Lch { l: 15.3, ..base_grey });

diff --git a/frontend/src/GlobalStyle.tsx b/frontend/src/GlobalStyle.tsx
@@ -121,7 +121,7 @@ const GLOBAL_STYLE = css({
     },
     "p, label": { color: COLORS.neutral80 },
     "input, textarea": {
-        backgroundColor: COLORS.neutral05,
+        backgroundColor: COLORS.neutral00,
         color: COLORS.neutral90,
         ":disabled": {
             backgroundColor: COLORS.neutral10,

diff --git a/frontend/src/color.tsx b/frontend/src/color.tsx
@@ -22,6 +22,7 @@ export const COLORS = {
     happy2: "var(--color-happy2)",
     happy2BwInverted: "var(--color-happy2-bw-inverted)",
 
+    neutral00: "var(--color-neutral00)",
     neutral05: "var(--color-neutral05)",
     neutral10: "var(--color-neutral10)",
     neutral15: "var(--color-neutral15)",