hernik/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix: text color of header on mobile (#38)

Browse source 
When the dark mode is on and on the mobile, the header text color
is also dark, we should change it to light color for the contrast.
This commit is contained in:
jeffreytse 2021-05-19 00:58:03 +08:00
parent 1e02458f89
commit 9eda84bcaa
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
_sass/yat/_dark.scss
View file

@ -3,6 +3,16 @@ $dark-text-color: #bbb !default;
html[data-theme="dark"] {
&[data-scroll-status='top'] {
header.site-header-transparent {
&.site-header {
@include media-query($on-laptop) {
.page-link {
color: #f8f8f8;
}
}
}
}
footer.site-footer {
.site-footer-inner {
border-top: solid 1px #2f2f2f !important;