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