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.

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;