From aab62cbe410da1e8ed28adea8809593fe80831fd Mon Sep 17 00:00:00 2001 From: Masahiko AMANO Date: Thu, 11 Jun 2026 10:40:05 +0300 Subject: [PATCH] style(frontend): mute the light theme background The light theme page background was a glaring near-white (#f5f5f5) with pure white sheets. Mirror the dark theme's approach (its background isn't pure black) by dimming the surfaces and adding a faint lavender tint from the brand palette, keeping the surface relationships intact: page on the dimmest surface, sheets brighter to pop, chips slightly darker for definition. Co-Authored-By: Claude Opus 4.8 --- frontend/src/app.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/frontend/src/app.css b/frontend/src/app.css index c4a02b6..29fbb88 100644 --- a/frontend/src/app.css +++ b/frontend/src/app.css @@ -19,15 +19,18 @@ } :root[data-theme="light"] { - --color-bg-primary: #f5f5f5; - --color-bg-secondary: #ffffff; - --color-bg-elevated: #e8e8ec; + /* Muted, faintly lavender-tinted surfaces — not a glaring near-white, the same + way the dark theme's background isn't pure black. Page sits on the dimmest + surface; sheets are brighter to pop, chips a touch darker for definition. */ + --color-bg-primary: #e4e2ec; + --color-bg-secondary: #f2f1f6; + --color-bg-elevated: #d8d6e2; --color-accent: #6B68A0; --color-accent-hover: #5A578F; --color-text-primary: #111118; --color-text-muted: #555566; - --color-tag-default: #ccccdd; - --color-nav-bg: rgba(240, 240, 245, 0.85); + --color-tag-default: #cbcad9; + --color-nav-bg: rgba(228, 226, 236, 0.85); --color-nav-active: rgba(90, 87, 143, 0.22); }