arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-30 19:57:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(colors): move css variables to base layer

Browse Source 
Resolves #3075
This commit is contained in:
Benjamin Canac
2025-01-16 12:22:25 +01:00
parent 86e1888474
commit 533ccec110
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/runtime/plugins/colors.ts
View File

@@ -19,13 +19,16 @@ export default defineNuxtPlugin(() => {
const root = computed(() => { const root = computed(() => {
const { neutral, ...colors } = appConfig.ui.colors const { neutral, ...colors } = appConfig.ui.colors
return `:root { return `@layer base {
:root {
${Object.entries(appConfig.ui.colors).map(([key, value]: [string, string]) => generateShades(key, value)).join('\n ')} ${Object.entries(appConfig.ui.colors).map(([key, value]: [string, string]) => generateShades(key, value)).join('\n ')}
}
:root, .light {
${Object.keys(colors).map(key => generateColor(key, 500)).join('\n ')} ${Object.keys(colors).map(key => generateColor(key, 500)).join('\n ')}
} }
.dark { .dark {
${Object.keys(colors).map(key => generateColor(key, 400)).join('\n ')} ${Object.keys(colors).map(key => generateColor(key, 400)).join('\n ')}
}
}` }`
}) })