Scarriffle/certain
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Dark-Theme in dunkles Grün (Hintergrund + Sidebar ohne Blaustich)

Browse Source 
Neutraltöne (bg/surface/border/text/muted) hell wie dunkel leicht grün getönt.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Guido
2026-08-19 22:43:31 +02:00
co-authored by Claude Opus 4.8
parent 204a24d0df
commit 468e76ef4c
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/styles.css
+17 -17
View File
@@ -1,11 +1,11 @@
:root { :root {
--bg: #f6f7f9; --bg: #f2f7f4;
--surface: #ffffff; --surface: #ffffff;
--surface-2: #f1f3f5; --surface-2: #eaf2ec;
--border: #e3e6ea; --border: #dde8e1;
--border-strong: #d1d6dc; --border-strong: #c9d6cd;
--text: #1a1f27; --text: #17211b;
--muted: #6b7480; --muted: #6a7c71;
--accent: #3f9c72; --accent: #3f9c72;
--accent-hover: #34825f; --accent-hover: #34825f;
--accent-soft: #e6f3ec; --accent-soft: #e6f3ec;
@@ -1001,13 +1001,13 @@ select.zeitraum:hover { color: var(--text); }
/* ---------- Dark theme ---------- */ /* ---------- Dark theme ---------- */
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--bg: #0d1117; --bg: #0b1610;
--surface: #161b22; --surface: #11211a;
--surface-2: #1c2230; --surface-2: #172a20;
--border: #262d38; --border: #223629;
--border-strong: #333c4a; --border-strong: #304637;
--text: #e6edf3; --text: #e6f0ea;
--muted: #8b949e; --muted: #8aa396;
--accent: #6cc39d; --accent: #6cc39d;
--accent-hover: #82d0af; --accent-hover: #82d0af;
--accent-soft: #16291f; --accent-soft: #16291f;
@@ -1022,14 +1022,14 @@ select.zeitraum:hover { color: var(--text); }
.alert.ok { background: #14301f; border-color: #21503a; } .alert.ok { background: #14301f; border-color: #21503a; }
} }
:root[data-theme="dark"] { :root[data-theme="dark"] {
--bg: #0d1117; --surface: #161b22; --surface-2: #1c2230; --border: #262d38; --bg: #0b1610; --surface: #11211a; --surface-2: #172a20; --border: #223629;
--border-strong: #333c4a; --text: #e6edf3; --muted: #8b949e; --accent: #6cc39d; --border-strong: #304637; --text: #e6f0ea; --muted: #8aa396; --accent: #6cc39d;
--accent-hover: #82d0af; --accent-soft: #16291f; --danger: #f0857a; --danger-soft: #2a1a1a; --accent-hover: #82d0af; --accent-soft: #16291f; --danger: #f0857a; --danger-soft: #2a1a1a;
--warn: #e0a955; --warn-soft: #2a2312; --ok: #5fbf8c; --warn: #e0a955; --warn-soft: #2a2312; --ok: #5fbf8c;
} }
:root[data-theme="light"] { :root[data-theme="light"] {
--bg: #f6f7f9; --surface: #ffffff; --surface-2: #f1f3f5; --border: #e3e6ea; --bg: #f2f7f4; --surface: #ffffff; --surface-2: #eaf2ec; --border: #dde8e1;
--border-strong: #d1d6dc; --text: #1a1f27; --muted: #6b7480; --accent: #3f9c72; --border-strong: #c9d6cd; --text: #17211b; --muted: #6a7c71; --accent: #3f9c72;
--accent-hover: #34825f; --accent-soft: #e6f3ec; --danger: #c0392b; --danger-soft: #fbeceb; --accent-hover: #34825f; --accent-soft: #e6f3ec; --danger: #c0392b; --danger-soft: #fbeceb;
--warn: #b06f14; --warn-soft: #fbf3e6; --ok: #2e7d55; --warn: #b06f14; --warn-soft: #fbf3e6; --ok: #2e7d55;
} }