mirror of
https://github.com/picocss/pico.git
synced 2025-06-17 19:55:22 -04:00
17 lines
512 B
SCSS
17 lines
512 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)};
|
|
}
|