fixed minor mess up with demos for light dark
This commit is contained in:
parent
c5afc3c718
commit
93f64ae233
4 changed files with 8 additions and 6 deletions
|
|
@ -19,7 +19,7 @@
|
||||||
|
|
||||||
:root:has(body.toggled) {
|
:root:has(body.toggled) {
|
||||||
--pico-color: white;
|
--pico-color: white;
|
||||||
--pico-background-color: black;
|
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
:root {
|
:root {
|
||||||
--pico-color: white;
|
--pico-color: white;
|
||||||
--pico-background-color: black;
|
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
:root:has(body.toggled) {
|
:root:has(body.toggled) {
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,7 @@
|
||||||
|
|
||||||
:root:has(body.toggled) {
|
:root:has(body.toggled) {
|
||||||
--pico-color: white;
|
--pico-color: white;
|
||||||
--pico-background-color: black;
|
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
:root {
|
:root {
|
||||||
--pico-color: white;
|
--pico-color: white;
|
||||||
--pico-background-color: black;
|
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
:root:has(body.toggled) {
|
:root:has(body.toggled) {
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,7 @@
|
||||||
|
|
||||||
:root:has(#light-dark-toggle:checked) {
|
:root:has(#light-dark-toggle:checked) {
|
||||||
--pico-color: white;
|
--pico-color: white;
|
||||||
--pico-background-color: black;
|
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||||
--button-bg: #888;
|
--button-bg: #888;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -28,7 +28,7 @@
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
:root {
|
:root {
|
||||||
--pico-color: white;
|
--pico-color: white;
|
||||||
--pico-background-color: black;
|
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||||
--button-bg: #888;
|
--button-bg: #888;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -28,6 +28,7 @@
|
||||||
|
|
||||||
:root:has(body.toggled) {
|
:root:has(body.toggled) {
|
||||||
--pico-color: white;
|
--pico-color: white;
|
||||||
|
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||||
|
|
||||||
& .red {
|
& .red {
|
||||||
color: red;
|
color: red;
|
||||||
|
|
@ -41,6 +42,7 @@
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
:root {
|
:root {
|
||||||
--pico-color: white;
|
--pico-color: white;
|
||||||
|
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||||
|
|
||||||
& .red {
|
& .red {
|
||||||
color: red;
|
color: red;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue