mirror of
https://github.com/picocss/pico.git
synced 2025-02-24 00:39:20 -05:00
24 lines
530 B
SCSS
24 lines
530 B
SCSS
|
/**
|
||
|
|
* Dark theme (Auto) [Additions for docs]
|
||
|
|
* Automatically enabled if user has Dark mode enabled
|
||
|
|
*/
|
||
|
|
|
||
|
|
@media only screen and (prefers-color-scheme: dark) {
|
||
|
|
:root:not([data-theme="light"]) {
|
||
|
|
--nav-background: #{rgba(darken($grey-900, 6%), .8)};
|
||
|
|
--nav-border: #{rgba($grey-500, .2)};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Dark theme (Forced) [Additions for docs]
|
||
|
|
* Enabled if forced with data-theme="dark"
|
||
|
|
*/
|
||
|
|
|
||
|
|
[data-theme="dark"] {
|
||
|
|
--nav-background: #{rgba(darken($grey-900, 6%), .8)};
|
||
|
|
--nav-border: #{rgba($grey-500, .2)};
|
||
|
|
}
|