From 75f7064b409a47d068007d0b4f3af007fb24c679 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Wed, 15 Jan 2025 14:00:37 +0100 Subject: [PATCH] feat(css): add `light` variant to reverse colors --- src/runtime/index.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/runtime/index.css b/src/runtime/index.css index 725196d5..6a2dcc2b 100644 --- a/src/runtime/index.css +++ b/src/runtime/index.css @@ -1,5 +1,6 @@ @import './keyframes.css'; +@variant light (&:where(.light, .light *)); @variant dark (&:where(.dark, .dark *)); @layer base { @@ -7,7 +8,7 @@ @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);