fix(utterances): correct theme on the auto color mode

razonyang · Jul 6, 2022 · 2720497 · 2720497
1 parent e8ff2f8
commit 2720497
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/assets/main/js/utterances.ts b/assets/main/js/utterances.ts
@@ -10,16 +10,27 @@ class Utterances {
                 self.rerender(self.getTheme(e.detail.mode));
             });
             setTimeout(function() {
-                self.rerender('github-' + LocalStorage.getItem('mode'));
+                self.rerender(self.getTheme(LocalStorage.getItem('mode')));
             }, 2000);
         }
     }
 
+    getPreferMode(): string {
+      if (window.getComputedStyle(document.body).getPropertyValue('--mode').toString().trim() === 'dark') {
+        return 'dark';
+      }
+      return 'light';
+    }
+
     getTheme(mode) {
+        if (mode === 'auto') {
+             mode = this.getPreferMode();
+        }
         return mode === 'dark' ? 'github-dark' : 'github-light';
     }
 
     rerender(theme) {
+        console.log(theme);
         const msg = {
             type: 'set-theme',
             theme: theme