feat: add light mode support across all templates
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user