mirror of
https://github.com/picocss/pico.git
synced 2025-02-24 00:39:20 -05:00
35 lines
655 B
SCSS
35 lines
655 B
SCSS
@use "../settings";
|
|
@use "default/light" as *;
|
|
@use "default/dark" as *;
|
|
|
|
// Commons styles
|
|
@use "default/styles";
|
|
|
|
// Light theme (Default)
|
|
// Can be forced with data-theme="light"
|
|
[data-theme="light"],
|
|
:root:not([data-theme="dark"]) {
|
|
@include light;
|
|
}
|
|
|
|
// Dark theme (Auto)
|
|
// Automatically enabled if user has Dark mode enabled
|
|
@media only screen and (prefers-color-scheme: dark) {
|
|
:root:not([data-theme="light"]) {
|
|
@include dark;
|
|
}
|
|
}
|
|
|
|
// Dark theme (Forced)
|
|
// Enabled if forced with data-theme="dark"
|
|
[data-theme="dark"] {
|
|
@include dark;
|
|
}
|
|
|
|
progress,
|
|
[type="checkbox"],
|
|
[type="radio"],
|
|
[type="range"] {
|
|
accent-color: var(--primary);
|
|
}
|