feat(css): add light variant to reverse colors

nuxt · Jan 15, 2025 · 75f7064 · 75f7064
1 parent 51e5e65
commit 75f7064
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/runtime/index.css b/src/runtime/index.css
@@ -1,13 +1,14 @@
 @import './keyframes.css';
 
+@variant light (&:where(.light, .light *));
 @variant dark (&:where(.dark, .dark *));
 
 @layer base {
   body {
     @apply antialiased text-[var(--ui-text)] bg-[var(--ui-bg)] scheme-light dark:scheme-dark;
   }
 
-  :root {
+  :root, .light {
     --ui-text-dimmed: var(--ui-color-neutral-400);
     --ui-text-muted: var(--ui-color-neutral-500);
     --ui-text-toned: var(--ui-color-neutral-600);