Optimized the dark-mode toggle

2020-02-14 23:36:38 +08:00
parent a53afb912f
commit 65040ddd90
5 changed files with 78 additions and 53 deletions
--- a/assets/css/syntax.scss
+++ b/assets/css/syntax.scss
@@ -182,13 +182,13 @@ div.language-terminal.highlighter-rouge td.rouge-code {
 }

@media (prefers-color-scheme: light) {
-  html:not(.dark-mode) {
+  html:not([mode=dark]) {
    @include light-syntax-base;
  }
 }

@media (prefers-color-scheme: dark) {
-  html.light-mode {
+  html[mode=light] {
    @include light-syntax-base;
  }
 }