Add a theme toggle
This commit is contained in:
parent
128e1be607
commit
a64d27b8fc
11 changed files with 278 additions and 27 deletions
|
@ -1,11 +1,22 @@
|
|||
.menu {
|
||||
background: $light-background-header;
|
||||
z-index: 9999;
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
background: $dark-background-header;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
background: $light-background-header;
|
||||
}
|
||||
|
||||
[data-theme=dark] & {
|
||||
background: $dark-background-header;
|
||||
}
|
||||
|
||||
[data-theme=light] & {
|
||||
background: $light-background-header;
|
||||
}
|
||||
|
||||
@media #{$media-size-phone} {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue