Fix listener

withastro · Apr 10, 2024 · 19d163f · 19d163f
1 parent ddcc2d3
commit 19d163f
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/packages/starlight/components/ThemeSelect.astro b/packages/starlight/components/ThemeSelect.astro
@@ -42,14 +42,12 @@ const { labels } = Astro.props;
 						this.#onThemeChange(this.#parseTheme(e.currentTarget.value));
 					}
 				});
-				matchMedia(`(prefers-color-scheme: light)`).addEventListener('change', this.#handleMediaQuery);
+				matchMedia(`(prefers-color-scheme: light)`).addEventListener('change', () => {
+					if (this.#loadTheme() === 'auto') this.#onThemeChange('auto');
+				});
 			}
 		}
 
-		#handleMediaQuery(): void {
-			if (this.#loadTheme() === 'auto') this.#onThemeChange('auto');
-		};
-
 		/** Get a typesafe theme string from any JS value (unknown values are coerced to `'auto'`). */
 		#parseTheme(theme: unknown): Theme {
 			if (theme === 'auto' || theme === 'dark' || theme === 'light') {