| 1 | // Dark theme (Auto) [Additions for docs]
|
| 2 | // Automatically enabled if user has Dark mode enabled
|
| 3 | @media only screen and (prefers-color-scheme: dark) {
|
| 4 | :root:not([data-theme="light"]) {
|
| 5 | --nav-background: #{rgba(darken($grey-900, 6%), .8)};
|
| 6 | --nav-border: #{rgba($grey-500, .2)};
|
| 7 | }
|
| 8 | }
|
| 9 |
|
| 10 |
|
| 11 |
|
| 12 | // Dark theme (Forced) [Additions for docs]
|
| 13 | // Enabled if forced with data-theme="dark"
|
| 14 | [data-theme="dark"] {
|
| 15 | --nav-background: #{rgba(darken($grey-900, 6%), .8)};
|
| 16 | --nav-border: #{rgba($grey-500, .2)};
|
| 17 | }
|