methanium/ui
Watch
3
0
Fork
You've already forked ui
 0
Code Issues Pull requests 3 Projects Releases 21 Packages Wiki Activity Actions

(feat): improve secret theme
All checks were successful
/ deploy-and-package (push) Successful in 1m7s
Details

Browse source
This commit is contained in:
Alois 2026-07-30 20:43:04 +02:00
commit 2d1f3d89f3
Signed by: alois
SSH key fingerprint: SHA256:GBzT2DXvAuGV9XIV5W3WrzVpjU54FThmxHXdbz95J24
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/theme/presets.ts
View file

@ -621,30 +621,30 @@ export const BUILT_IN_THEMES = defineThemes([
} }
:root[data-theme="secret"] :where([data-slot="button"], [data-slot="badge"], [data-slot="toggle"])[data-variant="outline"] { :root[data-theme="secret"] :where([data-slot="button"], [data-slot="badge"], [data-slot="toggle"])[data-variant="outline"] {
background-color: var(--secondary); background-color: var(--secondary);
border-color: var(--input); border-color: transparent;
color: var(--secondary-foreground); color: var(--secondary-foreground);
} }
:root[data-theme="secret"] [data-slot="button"][data-variant="outline"]:hover { :root[data-theme="secret"] [data-slot="button"][data-variant="outline"]:hover {
background-color: color-mix(in srgb, #5e244e 82%, #24120c 18%); background-color: color-mix(in srgb, #5e244e 82%, #24120c 18%);
border-color: var(--input); border-color: transparent;
} }
:root[data-theme="secret"] :where([data-slot="badge"], [data-slot="toggle"])[data-variant="outline"]:hover { :root[data-theme="secret"] :where([data-slot="badge"], [data-slot="toggle"])[data-variant="outline"]:hover {
background-color: color-mix(in srgb, #5e244e 82%, #24120c 18%); background-color: color-mix(in srgb, #5e244e 82%, #24120c 18%);
border-color: var(--input); border-color: transparent;
} }
:root[data-theme="secret"] :where([data-slot="button"], [data-slot="badge"], [data-slot="toggle"])[data-variant="outline"]:is(:focus-visible, [aria-expanded="true"], [data-popup-open], [data-open]) { :root[data-theme="secret"] :where([data-slot="button"], [data-slot="badge"], [data-slot="toggle"])[data-variant="outline"]:is(:focus-visible, [aria-expanded="true"], [data-popup-open], [data-open]) {
background-color: color-mix(in srgb, #5e244e 82%, #24120c 18%); background-color: color-mix(in srgb, #5e244e 82%, #24120c 18%);
border-color: var(--input); border-color: transparent;
} }
:root:not(.dark)[data-theme="secret"] [data-slot="button"][data-variant="outline"]:hover, :root:not(.dark)[data-theme="secret"] [data-slot="button"][data-variant="outline"]:hover,
:root:not(.dark)[data-theme="secret"] :where([data-slot="badge"], [data-slot="toggle"])[data-variant="outline"]:hover, :root:not(.dark)[data-theme="secret"] :where([data-slot="badge"], [data-slot="toggle"])[data-variant="outline"]:hover,
:root:not(.dark)[data-theme="secret"] :where([data-slot="button"], [data-slot="badge"], [data-slot="toggle"])[data-variant="outline"]:is(:focus-visible, [aria-expanded="true"], [data-popup-open], [data-open]) { :root:not(.dark)[data-theme="secret"] :where([data-slot="button"], [data-slot="badge"], [data-slot="toggle"])[data-variant="outline"]:is(:focus-visible, [aria-expanded="true"], [data-popup-open], [data-open]) {
background-color: color-mix(in srgb, var(--secondary) 82%, #fffaf2 18%); background-color: color-mix(in srgb, var(--secondary) 82%, #fffaf2 18%);
border-color: var(--input); border-color: transparent;
} }
:root.dark[data-theme="secret"] :where([data-slot="button"], [data-slot="badge"], [data-slot="toggle"])[data-variant="outline"] { :root.dark[data-theme="secret"] :where([data-slot="button"], [data-slot="badge"], [data-slot="toggle"])[data-variant="outline"] {
background-color: #5e244e; background-color: #5e244e;
border-color: var(--input); border-color: transparent;
color: #ffe8b4; color: #ffe8b4;
} }
:root.dark[data-theme="secret"] [data-slot="button"][data-variant="outline"]:hover { :root.dark[data-theme="secret"] [data-slot="button"][data-variant="outline"]:hover {