arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-05 14:48:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(module): override dark variant with class strategy

Browse Source
This commit is contained in:
Benjamin Canac
2024-10-02 15:31:33 +02:00
parent c9a2631bc3
commit 0f86b87385
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/runtime/index.css
View File

@@ -49,6 +49,8 @@
--color-gray-950: var(--color-gray-950); --color-gray-950: var(--color-gray-950);
} }
@variant dark (&:where(.dark, .dark *));
@layer base { @layer base {
:root { :root {
color-scheme: light dark; color-scheme: light dark;

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

@@ -18,7 +18,7 @@ export default defineNuxtPlugin(() => {
${Object.entries(appConfig.ui.colors).map(([key, value]: [string, string]) => generateColor(key, value)).join('\n ')} ${Object.entries(appConfig.ui.colors).map(([key, value]: [string, string]) => generateColor(key, value)).join('\n ')}
--color-primary-DEFAULT: var(--color-primary-500); --color-primary-DEFAULT: var(--color-primary-500);
} }
@media (prefers-color-scheme: dark) { .dark {
--color-primary-DEFAULT: var(--color-primary-400); --color-primary-DEFAULT: var(--color-primary-400);
} }
` `