fa/breadcrumb-the-shire
1
0
Fork 1
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

refactor(css): overhaul dark mode palette to deep neutral tones

Browse Source 
Align dark mode surfaces with a cooler, deeper aesthetic inspired by
Claude's dark theme:
- Background: #1f1f1e (was rgb(19,22.5,30.5))
- Sidebar: #171716 (separate from main background)
- Cards/Dropdowns: #242422 (was #181c25)
- Borders: #2f2f2d / #383835 (was blue-tinted grays)
- Text: neutralized grays (#c8c8c6, #6e6e6c etc.)
- Box-shadows: pure black rgba (was blue-tinted)

Also updates the self-contained error-debug page fallback tokens.

Both explicit [data-theme=dark] and prefers-color-scheme blocks are
kept in sync. High-contrast dark overrides remain untouched.
This commit is contained in:
Felix Schneider
2026-04-24 18:54:39 +02:00
parent da7e7c593e
commit 5e705f780d
2 changed files with 107 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/css/pages/app-error-debug.css
View File

@@ -55,15 +55,15 @@
/* dark mode fallback (prefers-color-scheme or data-theme) */
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
--app-background-color: rgb(19, 22.5, 30.5);
--app-color: #c2c7d0;
--app-muted-color: #7b8495;
--app-muted-border-color: #202632;
--app-card-background-color: #181c25;
--app-card-border-color: #181c25;
--app-card-sectioning-background-color: rgb(28, 33, 43.5);
--app-form-element-background-color: rgb(28, 33, 43.5);
--app-form-element-border-color: #2a3140;
--app-background-color: #1f1f1e;
--app-color: #c8c8c6;
--app-muted-color: #6e6e6c;
--app-muted-border-color: #2f2f2d;
--app-card-background-color: #242422;
--app-card-border-color: #242422;
--app-card-sectioning-background-color: #2a2a28;
--app-form-element-background-color: #2a2a28;
--app-form-element-border-color: #383835;
--app-border: var(--app-form-element-border-color);
--badge-danger-bg: #3a1b1b;
--badge-danger-color: #f2a3a3;