diff --git a/backend/src/config/color.rs b/backend/src/config/color.rs index 7d85c9506..86fd75bd9 100644 --- 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::()); + 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 index d3327043f..2cadc1a39 100644 --- 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 index 3af6aa7cf..b7be5f0c3 100644 --- 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)",