From 19d163ffdd82dfb122ad667cb4e12a8102fa425b Mon Sep 17 00:00:00 2001
From: Chris Swithinbank <swithinbank@gmail.com>
Date: Wed, 10 Apr 2024 17:22:42 +0200
Subject: [PATCH] Fix listener

---
 packages/starlight/components/ThemeSelect.astro | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/starlight/components/ThemeSelect.astro b/packages/starlight/components/ThemeSelect.astro
index 3703ec1583..8467a43b35 100644
--- 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') {