mkelvers/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: adjust color scheme for better header-background contrast

Browse Source
This commit is contained in:
mkelvers
2026-04-25 21:35:57 +02:00
parent d3ab99e06b
commit 9446e332f9
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
static/style.css
View File

@@ -7,25 +7,25 @@
:root { :root {
color-scheme: light dark; color-scheme: light dark;
--bg: light-dark(#fafaf9, #0c0a09); --bg: light-dark(#fafaf9, #080808);
--panel: light-dark(#f5f5f4, #1c1917); --panel: light-dark(#f5f5f4, #181818);
--panel-soft: light-dark(#e7e5e4, #292524); --panel-soft: light-dark(#e7e5e4, #202020);
--header: light-dark(#ffffff, #1c1917); --header: light-dark(#ffffff, #101010);
--text: light-dark(#1c1917, #e7e5e4); --text: light-dark(#1c1917, #e7e5e4);
--text-muted: light-dark(#57534e, #a8a29e); --text-muted: light-dark(#57534e, #a8a29e);
--text-faint: light-dark(#a8a29e, #78716c); --text-faint: light-dark(#a8a29e, #78716c);
--accent: light-dark(#0c0a09, #fafaf9); --accent: light-dark(#0c0a09, #fafaf9);
--danger: #dc2626; --danger: #dc2626;
--surface-search: light-dark(#f5f5f4, #1c1917); --surface-search: light-dark(#f5f5f4, #181818);
--surface-search-focus-border: light-dark(rgba(12, 10, 9, 0.12), rgba(255, 255, 255, 0.12)); --surface-search-focus-border: light-dark(rgba(12, 10, 9, 0.12), rgba(255, 255, 255, 0.12));
--surface-thumb: light-dark(#e7e5e4, #44403c); --surface-thumb: light-dark(#e7e5e4, #44403c);
--surface-input: light-dark(#ffffff, #1c1917); --surface-input: light-dark(#ffffff, #181818);
--surface-input-focus: light-dark(#ffffff, #1c1917); --surface-input-focus: light-dark(#ffffff, #181818);
--surface-tab-hover: light-dark(#e7e5e4, #292524); --surface-tab-hover: light-dark(#e7e5e4, #202020);
--surface-tab-active: light-dark(#1c1917, #fafaf9); --surface-tab-active: light-dark(#1c1917, #fafaf9);
--text-tab-active: light-dark(#fafaf9, #0c0a09); --text-tab-active: light-dark(#fafaf9, #0c0a09);
--surface-select: light-dark(#ffffff, #1c1917); --surface-select: light-dark(#ffffff, #181818);
--surface-search-view-all: light-dark(#f5f5f4, #1c1917); --surface-search-view-all: light-dark(#f5f5f4, #181818);
--text-on-accent: light-dark(#fafaf9, #0c0a09); --text-on-accent: light-dark(#fafaf9, #0c0a09);
--overlay-subtle: light-dark(rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.04)); --overlay-subtle: light-dark(rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.04));
--shadow-subtle: light-dark(0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.2)); --shadow-subtle: light-dark(0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.2));