fix: the dark mode of menu bar not appearing (#18)
This commit is contained in:
parent
bc244e2404
commit
b8ed37973e
|
@ -50,11 +50,22 @@ html[data-theme="dark"] {
|
||||||
.ct-language-dropdown {
|
.ct-language-dropdown {
|
||||||
color: #f8f8f8;
|
color: #f8f8f8;
|
||||||
background-color: $dark-background-color;
|
background-color: $dark-background-color;
|
||||||
|
box-shadow: 0 0 3px 1px #0000005b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ct-language-selected, .ct-language-dropdown li:hover {
|
.ct-language-selected, .ct-language-dropdown li:hover {
|
||||||
background-color: #222 !important;
|
background-color: #222 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@include media-query($on-laptop) {
|
||||||
|
.menu-icon > svg {
|
||||||
|
fill: rgba($dark-text-color, 80%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-nav input:checked ~ .trigger {
|
||||||
|
background-color: #090909;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-footer {
|
.site-footer {
|
||||||
|
|
Loading…
Reference in a new issue