main.scss: fix mobile navigation

This commit is contained in:
Aminda Suomalainen 2024-05-27 08:06:06 +03:00
parent 8f80bdcc79
commit 5e522b54f1
Signed by: Mikaela
SSH Key Fingerprint: SHA256:CXLULpqNBdUKB6E6fLA1b/4SzG0HvKD19PbIePU175Q

View File

@ -65,3 +65,23 @@ $on-laptop: 800px;
"layout", "layout",
"syntax-highlighting" "syntax-highlighting"
; ;
// Overrides for dark themes
@media (prefers-color-scheme: dark) {
.site-nav {
color-scheme: only dark !important;
color: #ffffff !important;
background-color: #1c1b22 !important;
border: 1px solid #ffffff !important;
}
}
// Overrides for light themes
@media (prefers-color-scheme: light) {
.site-nav {
color-scheme: only light !important;
color: #000000 !important;
background-color: #ffffff !important;
border: 1px solid #000000 !important;
}
}