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

feat(css): use color-scheme utilities on body

Browse Source
This commit is contained in:
Benjamin Canac
2024-11-27 12:37:29 +01:00
parent 4eb79021ed
commit a2512f680d
1 changed files with 1 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/runtime/index.css
View File

@@ -4,12 +4,10 @@
@layer base { @layer base {
body { body {
@apply antialiased text-[var(--ui-text)] bg-[var(--ui-bg)]; @apply antialiased text-[var(--ui-text)] bg-[var(--ui-bg)] scheme-light dark:scheme-dark;
} }
:root { :root {
color-scheme: 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);
@@ -32,8 +30,6 @@
} }
.dark { .dark {
color-scheme: dark;
--ui-text-dimmed: var(--ui-color-neutral-500); --ui-text-dimmed: var(--ui-color-neutral-500);
--ui-text-muted: var(--ui-color-neutral-400); --ui-text-muted: var(--ui-color-neutral-400);
--ui-text-toned: var(--ui-color-neutral-300); --ui-text-toned: var(--ui-color-neutral-300);