arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-29 11:20:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(css): add light variant to reverse colors

Browse Source
This commit is contained in:
Benjamin Canac
2025-01-15 14:00:37 +01:00
parent 51e5e65be7
commit 75f7064b40
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/runtime/index.css
View File

@@ -1,5 +1,6 @@
@import './keyframes.css'; @import './keyframes.css';
@variant light (&:where(.light, .light *));
@variant dark (&:where(.dark, .dark *)); @variant dark (&:where(.dark, .dark *));
@layer base { @layer base {
@@ -7,7 +8,7 @@
@apply antialiased text-[var(--ui-text)] bg-[var(--ui-bg)] scheme-light dark:scheme-dark; @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-dimmed: var(--ui-color-neutral-400);
--ui-text-muted: var(--ui-color-neutral-500); --ui-text-muted: var(--ui-color-neutral-500);
--ui-text-toned: var(--ui-color-neutral-600); --ui-text-toned: var(--ui-color-neutral-600);