diff --git a/frontend/src/v2/styles/tokens.css b/frontend/src/v2/styles/tokens.css index 4919b7a87..597be52d6 100644 --- a/frontend/src/v2/styles/tokens.css +++ b/frontend/src/v2/styles/tokens.css @@ -183,9 +183,9 @@ html[data-input="pad"] .r-v2 { --r-color-surface-hover: rgba(255, 255, 255, 0.12); --r-color-fg: #ffffff; --r-color-fg-heading: #ffffff; - --r-color-fg-secondary: rgba(255, 255, 255, 0.75); - --r-color-fg-muted: rgba(255, 255, 255, 0.45); - --r-color-fg-faint: rgba(255, 255, 255, 0.25); + --r-color-fg-secondary: rgba(255, 255, 255, 0.83); + --r-color-fg-muted: rgba(255, 255, 255, 0.55); + --r-color-fg-faint: rgba(255, 255, 255, 0.45); --r-color-fg-faint-hard: rgba(255, 255, 255, 0.05); --r-color-border: rgba(255, 255, 255, 0.07); --r-color-border-strong: rgba(255, 255, 255, 0.15); diff --git a/frontend/src/v2/tokens/index.ts b/frontend/src/v2/tokens/index.ts index 7dbf6bfbb..bee4946cb 100644 --- a/frontend/src/v2/tokens/index.ts +++ b/frontend/src/v2/tokens/index.ts @@ -131,9 +131,9 @@ export const colorDark = { // theme overrides this to a slightly-muted near-black (white-on-dark titles // don't read as harshly as black-on-white ones). fgHeading: "#ffffff", - fgSecondary: "rgba(255, 255, 255, 0.75)", - fgMuted: "rgba(255, 255, 255, 0.45)", - fgFaint: "rgba(255, 255, 255, 0.25)", + fgSecondary: "rgba(255, 255, 255, 0.83)", + fgMuted: "rgba(255, 255, 255, 0.55)", + fgFaint: "rgba(255, 255, 255, 0.45)", fgFaintHard: "rgba(255, 255, 255, 0.05)", border: "rgba(255, 255, 255, 0.07)", borderStrong: "rgba(255, 255, 255, 0.15)",