diff --git a/client_v2/src/app.css b/client_v2/src/app.css index d8843598..a74d3709 100644 --- a/client_v2/src/app.css +++ b/client_v2/src/app.css @@ -24,12 +24,15 @@ --border-input: #383838; --hairline: rgba(255, 255, 255, 0.05); - /* Text */ + /* Text — muted/dim/faint are tuned to clear WCAG AA (4.5:1) on the dark + * surfaces they sit on (down to the lightest, surface-raised #2e2e2e) while + * staying monotonic (muted brightest, faint dimmest). See app.css light + * theme for the mirrored values. */ --text: #ececec; --text-2: #c9c9c9; - --text-muted: #8a8a8a; - --text-dim: #777; - --text-faint: #666; + --text-muted: #a0a0a0; + --text-dim: #979797; + --text-faint: #909090; /* Accent (warm orange) */ --accent: #be682f; @@ -94,19 +97,21 @@ --border-input: #ceccc6; --hairline: rgba(0, 0, 0, 0.06); - /* Text */ + /* Text — muted/dim/faint darkened to clear WCAG AA (4.5:1) on the light + * surfaces they sit on (down to the darkest, surface-sunken #e8e6e2) while + * staying monotonic (muted darkest, faint lightest). */ --text: #232323; --text-2: #444444; - --text-muted: #6c6c6c; - --text-dim: #858585; - --text-faint: #9a9a9a; + --text-muted: #5f5f5f; + --text-dim: #666666; + --text-faint: #6d6d6d; /* Accent (warm orange, darkened for contrast on light) */ --accent: #b25c26; --accent-hover: #9d4f1e; --accent-link: #a9551f; --accent-link-hover: #8f4718; - --accent-soft: #a35e2e; + --accent-soft: #95501f; --accent-muted: #8a5a2a; --accent-muted-2: #916433; --accent-wash: rgba(178, 92, 38, 0.12);