keb/kesper
1
0
Fork 0
mirror of https://github.com/ZetaKebab/kesper.git synced 2025-07-02 01:47:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fixed mobile menu background in dark mode

Browse Source 
no issues

- when there's no publication cover and the color scheme is in dark mode, the mobile menu had white background
- this fixes the issue by adding explicit dark mode rules to the styles
This commit is contained in:
Sodbileg Gansukh
2023-05-09 13:27:37 +08:00
parent 23f7c30365
commit 50d5727f77
5 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/css/screen.css
View File

@ -2119,7 +2119,8 @@ html.dark-mode figcaption a {
color: #fff;
}
html.dark-mode .gh-head {
html.dark-mode .gh-head,
html.dark-mode .has-cover:not(.home-template) .gh-head {
background: var(--color-darkmode);
color: #fff;
}
@ -2286,6 +2287,13 @@ html.dark-mode .footer-cta-title {
color: #fff;
}
@media (max-width: 767px) {
html.dark-mode .gh-head-open #gh-head,
html.dark-mode .gh-head-open #gh-head .gh-head-actions {
background: var(--color-darkmode);
}
}
@media (prefers-color-scheme: dark) {
html.auto-color body {
color: rgba(255, 255, 255, 0.75);
@ -2304,7 +2312,8 @@ html.dark-mode .footer-cta-title {
color: #fff;
}
html.auto-color .gh-head {
html.auto-color .gh-head,
html.auto-color .has-cover:not(.home-template) .gh-head {
background: var(--color-darkmode);
color: #fff;
}
@ -2470,6 +2479,13 @@ html.dark-mode .footer-cta-title {
html.auto-color .footer-cta-title {
color: #fff;
}
@media (max-width: 767px) {
html.auto-color .gh-head-open #gh-head,
html.auto-color .gh-head-open #gh-head .gh-head-actions {
background: var(--color-darkmode);
}
}
}
/*