tech/tanabata
1
1
Fork 0
Code Pull Requests Actions 1 Releases Activity

style(frontend): mute the light theme background

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Masahiko AMANO
2026-06-11 10:40:05 +03:00
parent 7a0c57a79c
commit aab62cbe41
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app.css
+8 -5
View File
@@ -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);
}