mentos1386/mnts.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixed burger menu icon visibility on dark mode

Browse source 
refs #925
This commit is contained in:
Sodbileg Gansukh 2023-02-28 13:57:05 +08:00
parent f00918589f
commit 4293dab0a7
3 changed files with 21 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/built/screen.css
View file

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View file

File diff suppressed because one or more lines are too long

23
assets/css/screen.css
View file

@ -265,6 +265,7 @@ production stylesheet in assets/built/screen.css
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.3em; line-height: 1.3em;
background-color: #fff; background-color: #fff;
z-index: 150;
} }
.has-cover:not(.home-template) .gh-head { .has-cover:not(.home-template) .gh-head {
@ -2122,8 +2123,9 @@ html.dark-mode .gh-head {
color: #fff; color: #fff;
} }
html.dark-mode .gh-burger-box { html.dark-mode .gh-burger::before,
color: #fff; html.dark-mode .gh-burger::after {
background-color: #fff;
} }
html.dark-mode .site-header-content { html.dark-mode .site-header-content {
@ -2283,6 +2285,12 @@ html.dark-mode .footer-cta-title {
color: #fff; color: #fff;
} }
@media (max-width: 767px) {
html.dark-mode .gh-head-open #gh-head .gh-head-actions {
background-color: var(--color-darkmode);
}
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html.auto-color body { html.auto-color body {
color: rgba(255, 255, 255, 0.75); color: rgba(255, 255, 255, 0.75);
@ -2306,8 +2314,9 @@ html.dark-mode .footer-cta-title {
color: #fff; color: #fff;
} }
html.auto-color .gh-burger-box { html.auto-color .gh-burger::before,
color: #fff; html.auto-color .gh-burger::after {
background-color: #fff;
} }
html.auto-color .site-header-content { html.auto-color .site-header-content {
@ -2466,6 +2475,12 @@ html.dark-mode .footer-cta-title {
html.auto-color .footer-cta-title { html.auto-color .footer-cta-title {
color: #fff; color: #fff;
} }
@media (max-width: 767px) {
html.auto-color .gh-head-open #gh-head .gh-head-actions {
background-color: var(--color-darkmode);
}
}
} }
/* /*