commit d55ae6e81909a72769b6da6a283f22c6b589692f
parent 7ab05e584d454cd174802239e0a19b6198c511b8
Author: triesap <triesap@radroots.dev>
Date: Thu, 22 Jan 2026 22:50:35 +0000
app: normalize daisyui fallbacks
- replace oklch inputs with fallback color mappings
- map daisyui theme slots to app design tokens
- keep light/dark and explicit theme selectors aligned
- preserve existing shape and radius variables
Diffstat:
1 file changed, 60 insertions(+), 60 deletions(-)
diff --git a/app/stylesheets/daisyui.css b/app/stylesheets/daisyui.css
@@ -1,26 +1,26 @@
:root,
:root[data-theme="os_light"] {
color-scheme: light;
- --p: var(--accent);
- --pc: var(--accent-contrast);
- --s: var(--accent);
- --sc: var(--accent-contrast);
- --a: var(--accent);
- --ac: var(--accent-contrast);
- --n: var(--bg-elevated);
- --nc: var(--text-primary);
- --b1: var(--bg-app);
- --b2: var(--bg-grouped);
- --b3: var(--bg-elevated);
- --bc: var(--text-primary);
- --in: var(--accent);
- --inc: var(--accent-contrast);
- --su: var(--success);
- --suc: var(--accent-contrast);
- --wa: var(--warning);
- --wac: var(--accent-contrast);
- --er: var(--destructive);
- --erc: var(--accent-contrast);
+ --fallback-p: var(--accent);
+ --fallback-pc: var(--accent-contrast);
+ --fallback-s: var(--accent);
+ --fallback-sc: var(--accent-contrast);
+ --fallback-a: var(--accent);
+ --fallback-ac: var(--accent-contrast);
+ --fallback-n: var(--bg-elevated);
+ --fallback-nc: var(--text-primary);
+ --fallback-b1: var(--bg-app);
+ --fallback-b2: var(--bg-grouped);
+ --fallback-b3: var(--bg-elevated);
+ --fallback-bc: var(--text-primary);
+ --fallback-in: var(--accent);
+ --fallback-inc: var(--accent-contrast);
+ --fallback-su: var(--success);
+ --fallback-suc: var(--accent-contrast);
+ --fallback-wa: var(--warning);
+ --fallback-wac: var(--accent-contrast);
+ --fallback-er: var(--destructive);
+ --fallback-erc: var(--accent-contrast);
--rounded-box: 1rem;
--rounded-btn: 0.75rem;
--rounded-badge: 0.5rem;
@@ -32,26 +32,26 @@
@media (prefers-color-scheme: dark) {
:root:not([data-theme="os_light"]) {
color-scheme: dark;
- --p: var(--accent);
- --pc: var(--accent-contrast);
- --s: var(--accent);
- --sc: var(--accent-contrast);
- --a: var(--accent);
- --ac: var(--accent-contrast);
- --n: var(--bg-elevated);
- --nc: var(--text-primary);
- --b1: var(--bg-app);
- --b2: var(--bg-grouped);
- --b3: var(--bg-elevated);
- --bc: var(--text-primary);
- --in: var(--accent);
- --inc: var(--accent-contrast);
- --su: var(--success);
- --suc: var(--accent-contrast);
- --wa: var(--warning);
- --wac: var(--accent-contrast);
- --er: var(--destructive);
- --erc: var(--accent-contrast);
+ --fallback-p: var(--accent);
+ --fallback-pc: var(--accent-contrast);
+ --fallback-s: var(--accent);
+ --fallback-sc: var(--accent-contrast);
+ --fallback-a: var(--accent);
+ --fallback-ac: var(--accent-contrast);
+ --fallback-n: var(--bg-elevated);
+ --fallback-nc: var(--text-primary);
+ --fallback-b1: var(--bg-app);
+ --fallback-b2: var(--bg-grouped);
+ --fallback-b3: var(--bg-elevated);
+ --fallback-bc: var(--text-primary);
+ --fallback-in: var(--accent);
+ --fallback-inc: var(--accent-contrast);
+ --fallback-su: var(--success);
+ --fallback-suc: var(--accent-contrast);
+ --fallback-wa: var(--warning);
+ --fallback-wac: var(--accent-contrast);
+ --fallback-er: var(--destructive);
+ --fallback-erc: var(--accent-contrast);
--rounded-box: 1rem;
--rounded-btn: 0.75rem;
--rounded-badge: 0.5rem;
@@ -63,26 +63,26 @@
:root[data-theme="os_dark"] {
color-scheme: dark;
- --p: var(--accent);
- --pc: var(--accent-contrast);
- --s: var(--accent);
- --sc: var(--accent-contrast);
- --a: var(--accent);
- --ac: var(--accent-contrast);
- --n: var(--bg-elevated);
- --nc: var(--text-primary);
- --b1: var(--bg-app);
- --b2: var(--bg-grouped);
- --b3: var(--bg-elevated);
- --bc: var(--text-primary);
- --in: var(--accent);
- --inc: var(--accent-contrast);
- --su: var(--success);
- --suc: var(--accent-contrast);
- --wa: var(--warning);
- --wac: var(--accent-contrast);
- --er: var(--destructive);
- --erc: var(--accent-contrast);
+ --fallback-p: var(--accent);
+ --fallback-pc: var(--accent-contrast);
+ --fallback-s: var(--accent);
+ --fallback-sc: var(--accent-contrast);
+ --fallback-a: var(--accent);
+ --fallback-ac: var(--accent-contrast);
+ --fallback-n: var(--bg-elevated);
+ --fallback-nc: var(--text-primary);
+ --fallback-b1: var(--bg-app);
+ --fallback-b2: var(--bg-grouped);
+ --fallback-b3: var(--bg-elevated);
+ --fallback-bc: var(--text-primary);
+ --fallback-in: var(--accent);
+ --fallback-inc: var(--accent-contrast);
+ --fallback-su: var(--success);
+ --fallback-suc: var(--accent-contrast);
+ --fallback-wa: var(--warning);
+ --fallback-wac: var(--accent-contrast);
+ --fallback-er: var(--destructive);
+ --fallback-erc: var(--accent-contrast);
--rounded-box: 1rem;
--rounded-btn: 0.75rem;
--rounded-badge: 0.5rem;