feat(module): override dark variant with class strategy

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

View File

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

View File

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