Add a theme toggle

This commit is contained in:
Djordje Atlialp 2021-04-07 19:10:40 +02:00
parent 128e1be607
commit a64d27b8fc
11 changed files with 278 additions and 27 deletions

View file

@ -1,5 +1,4 @@
.header {
background: $light-background-header;
display: flex;
align-items: center;
justify-content: center;
@ -10,6 +9,18 @@
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;
}
&__right {
display: flex;
flex-direction: row;
@ -42,7 +53,7 @@
fill: currentColor;
}
.unselectable {
.not-selectable {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;