hipowered.dev/basecoat
1
0
Fork 0
mirror of https://github.com/hunvreus/basecoat.git synced 2026-11-11 04:38:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Narrow dark mode selectors

Browse Source
This commit is contained in:
Ronan Berder
2026-06-25 18:15:35 +08:00
parent 4942a79c95
commit 7cd8a09de3
10 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CHANGELOG.md
+4
View File
@@ -2,6 +2,10 @@
## Unreleased
### Changed
- Narrowed dark-mode generated selectors to `html.dark` to reduce broad style recalculation work.
## [1.0.0-beta.7] - 2026-06-25
### Added
src/css/base/base.css
+1 -1
View File
@@ -1,4 +1,4 @@
@custom-variant dark (&:is(.dark *));
@custom-variant dark (&:is(html.dark *));
:root {
--radius: 0.625rem;
src/css/styles/luma.css
+2 -2
View File
@@ -803,11 +803,11 @@
@apply bg-background rounded-full shadow-sm not-dark:bg-clip-padding;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
@apply bg-foreground;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
@apply bg-primary-foreground;
}
src/css/styles/lyra.css
+2 -2
View File
@@ -800,11 +800,11 @@
@apply bg-background rounded-full;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
@apply bg-foreground;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
@apply bg-primary-foreground;
}
src/css/styles/maia.css
+2 -2
View File
@@ -791,11 +791,11 @@
@apply bg-background rounded-full;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
@apply bg-foreground;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
@apply bg-primary-foreground;
}
src/css/styles/mira.css
+2 -2
View File
@@ -795,11 +795,11 @@
@apply bg-background rounded-full;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
@apply bg-foreground;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
@apply bg-primary-foreground;
}
src/css/styles/nova.css
+2 -2
View File
@@ -808,11 +808,11 @@
@apply bg-background rounded-full;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
@apply bg-foreground;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
@apply bg-primary-foreground;
}
src/css/styles/rhea.css
+2 -2
View File
@@ -803,11 +803,11 @@
@apply bg-background rounded-2xl shadow-sm not-dark:bg-clip-padding;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
@apply bg-foreground;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
@apply bg-primary-foreground;
}
src/css/styles/sera.css
+2 -2
View File
@@ -824,11 +824,11 @@
@apply bg-background;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
@apply bg-foreground;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
@apply bg-primary-foreground;
}
src/css/styles/vega.css
+2 -2
View File
@@ -808,11 +808,11 @@
@apply bg-background rounded-full;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
@apply bg-foreground;
}
.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
html.dark :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:before {
@apply bg-primary-foreground;
}