summaryrefslogtreecommitdiff
path: root/_sass
diff options
context:
space:
mode:
authorjeffreytse <jeffreytse.mail@gmail.com>2021-05-19 00:58:03 +0800
committerjeffreytse <jeffreytse.mail@gmail.com>2021-05-19 00:58:03 +0800
commit9eda84bcaad5f631186fa86259bebbf4dc66bddb (patch)
tree3ff7dce487e90c999efbb1b110fdcc8d7f870d2d /_sass
parent1e02458f89b574a69b916444f174ccf5d28a6236 (diff)
fix: text color of header on mobile (#38)
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.
Diffstat (limited to '_sass')
-rw-r--r--_sass/yat/_dark.scss10
1 files changed, 10 insertions, 0 deletions
diff --git a/_sass/yat/_dark.scss b/_sass/yat/_dark.scss
index 474b747..9763a85 100644
--- a/_sass/yat/_dark.scss
+++ b/_sass/yat/_dark.scss
@@ -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;