feat: add light mode support across all templates

This commit is contained in:
2026-05-07 12:21:03 +02:00
parent 0879dde851
commit 7412c9ed68
12 changed files with 200 additions and 196 deletions

View File

@@ -6,17 +6,19 @@
@source "../web/**/*.templ";
@theme {
--color-background: #080808;
--color-background-sidebar: #0f0f0f;
--color-background-header: #141414;
--color-background-surface: #202020;
--color-background-button: #1a1a1a;
--color-background-button-hover: #252525;
--color-background: light-dark(#ffffff, #080808);
--color-background-sidebar: light-dark(#fafaf9, #0f0f0f);
--color-background-header: light-dark(#ffffff, #141414);
--color-background-surface: light-dark(#f5f5f4, #202020);
--color-background-button: light-dark(#ffffff, #1a1a1a);
--color-background-button-hover: light-dark(#f5f5f4, #252525);
--color-foreground-muted: #6a6b70;
--color-foreground: #f8f9fa;
--color-foreground-muted: light-dark(#6b7280, #6a6b70);
--color-foreground: light-dark(#1f2937, #f8f9fa);
--color-accent: #0466c8;
--color-border: light-dark(rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.08));
--color-surface-hover: light-dark(rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.04));
}
:root {