fix: preferer color may unexpected when using auto mode (#1989)

umijs · Dec 18, 2023 · 0fa9f9c · 0fa9f9c
1 parent 4246aff
commit 0fa9f9c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/client/theme-api/usePrefersColor.ts b/src/client/theme-api/usePrefersColor.ts
@@ -86,15 +86,15 @@ class ColorChanger {
    * listen color change
    * @param cb  callback
    */
-  listen(cb: typeof this.callbacks[number]) {
+  listen(cb: (typeof this.callbacks)[number]) {
     this.callbacks.push(cb);
   }
 
   /**
    * unlisten color change
    * @param cb  callback
    */
-  unlisten(cb: typeof this.callbacks[number]) {
+  unlisten(cb: (typeof this.callbacks)[number]) {
     this.callbacks.splice(this.callbacks.indexOf(cb), 1);
   }
 
@@ -108,7 +108,7 @@ class ColorChanger {
     this.prefersColor = color;
     this.color =
       color === 'auto' ? (this.isColorMode('dark') ? 'dark' : 'light') : color;
-    document.documentElement.setAttribute(PREFERS_COLOR_ATTR, color);
+    document.documentElement.setAttribute(PREFERS_COLOR_ATTR, this.color);
     this.applyCallbacks();
 
     return color;