commit b34e8f4d84f7424116d9348af3889bbd26253f0b parent b35a93392a777bed4ad76973c4ea8f6994198f39 Author: triesap <triesap@radroots.dev> Date: Thu, 22 Jan 2026 16:58:01 +0000 app: add daisyui theme bridge - add daisyui theme css mapping to ly* tokens - wire daisyui theme import into app css - keep os_light/os_dark theme definitions - preserve ly* variables as source of truth Diffstat:
| M | app/app.css | | | 1 | + |
| A | crates/ui-tokens/assets/themes/daisyui.css | | | 69 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
2 files changed, 70 insertions(+), 0 deletions(-)
diff --git a/app/app.css b/app/app.css @@ -4,6 +4,7 @@ @import "../crates/ui-tokens/assets/themes/layout.css"; @import "../crates/ui-tokens/assets/themes/screens.css"; @import "../crates/ui-tokens/assets/themes/theme_os.css"; +@import "../crates/ui-tokens/assets/themes/daisyui.css"; @import "./stylesheets/apps-base.css"; @import "./stylesheets/apps-ui.css"; @import "./stylesheets/styles-maplibre-gl.css"; diff --git a/crates/ui-tokens/assets/themes/daisyui.css b/crates/ui-tokens/assets/themes/daisyui.css @@ -0,0 +1,69 @@ +@plugin "daisyui" { + themes: os_light, os_dark; +} + +@plugin "daisyui/theme" { + name: "os_light"; + default: false; + prefersdark: false; + 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(--text-tertiary); + --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); + --rounded-box: 1rem; + --rounded-btn: 0.75rem; + --rounded-badge: 0.5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.75rem; +} + +@plugin "daisyui/theme" { + name: "os_dark"; + default: false; + prefersdark: true; + 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(--text-tertiary); + --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); + --rounded-box: 1rem; + --rounded-btn: 0.75rem; + --rounded-badge: 0.5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.75rem; +}