TalexDreamSoul/teatea-pension
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add workspace theme toggle

Browse Source
This commit is contained in:
admin
2026-07-03 04:28:01 -07:00
parent c4d5222ddd
commit fb15d4db47
4 changed files with 147 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
app/globals.css
View File

@@ -63,6 +63,37 @@
--color-kumo-badge-green: oklch(0.48 0.11 155);
}
.dark {
--background: oklch(0.18 0.018 160);
--foreground: oklch(0.93 0.014 154);
--card: oklch(0.235 0.02 160);
--card-foreground: oklch(0.93 0.014 154);
--popover: oklch(0.22 0.022 160);
--popover-foreground: oklch(0.93 0.014 154);
--primary: oklch(0.69 0.13 154);
--primary-foreground: oklch(0.15 0.022 158);
--secondary: oklch(0.29 0.026 160);
--secondary-foreground: oklch(0.9 0.018 154);
--muted: oklch(0.27 0.02 160);
--muted-foreground: oklch(0.72 0.02 154);
--accent: oklch(0.39 0.07 154);
--accent-foreground: oklch(0.94 0.018 154);
--destructive: oklch(0.64 0.19 25);
--destructive-foreground: oklch(0.98 0.012 25);
--border: oklch(0.36 0.024 160);
--input: oklch(0.38 0.024 160);
--ring: oklch(0.72 0.12 154);
--color-kumo-brand: var(--primary);
--color-kumo-brand-hover: oklch(0.76 0.13 154);
--color-kumo-focus: var(--ring);
--color-kumo-link: var(--primary);
--text-color-kumo-brand: var(--primary);
--text-color-kumo-link: var(--primary);
--color-kumo-success: oklch(0.7 0.13 154);
--color-kumo-success-tint: oklch(0.3 0.055 154);
--color-kumo-badge-green: oklch(0.69 0.13 154);
}
* {
border-color: var(--border);
}
@@ -192,7 +223,7 @@ a,
.teatea-button-secondary:hover,
.teatea-button-ghost:hover {
border-color: color-mix(in oklch, var(--primary) 45%, var(--border));
background: color-mix(in oklch, var(--secondary) 72%, white);
background: color-mix(in oklch, var(--secondary) 72%, var(--background));
color: var(--accent-foreground);
}
@@ -247,7 +278,7 @@ a,
.teatea-select-trigger:hover,
:where([data-kumo-component="Select"][data-kumo-part="trigger"]):hover {
border-color: color-mix(in oklch, var(--primary) 45%, var(--input));
background: color-mix(in oklch, var(--secondary) 34%, white);
background: color-mix(in oklch, var(--secondary) 34%, var(--background));
}
.teatea-select-trigger[data-open="true"] {