From a89945c24bf7b12283eea3350991efbde053f762 Mon Sep 17 00:00:00 2001
From: Dustin Healy <54083382+dustinhealy@users.noreply.github.com>
Date: Sat, 14 Feb 2026 10:39:29 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=99=20fix:=20Accessible=20Contrast=20f?=
 =?UTF-8?q?or=20Theme=20Switcher=20Icons=20(#11795)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: proper colors for contrast in theme switcher icons

* fix: use themed font colors
---
 packages/client/src/components/ThemeSelector.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/ThemeSelector.tsx b/packages/client/src/components/ThemeSelector.tsx
index b817c41d7e..5956e87b39 100644
--- a/packages/client/src/components/ThemeSelector.tsx
+++ b/packages/client/src/components/ThemeSelector.tsx
@@ -16,7 +16,7 @@ const Theme = ({ theme, onChange }: { theme: string; onChange: (value: string) =
 
   const themeIcons: Record<ThemeType, JSX.Element> = {
     system: <Monitor aria-hidden="true" />,
-    dark: <Moon color="white" aria-hidden="true" />,
+    dark: <Moon aria-hidden="true" />,
     light: <Sun aria-hidden="true" />,
   };
 
@@ -35,7 +35,7 @@ const Theme = ({ theme, onChange }: { theme: string; onChange: (value: string) =
 
   return (
     <button
-      className="flex items-center gap-2 rounded-lg p-2 transition-colors hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 focus-visible:ring-offset-2 dark:focus-visible:ring-0"
+      className="flex items-center gap-2 rounded-lg p-2 text-text-primary transition-colors hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 focus-visible:ring-offset-2 dark:focus-visible:ring-0"
       aria-label={localize('com_ui_toggle_theme')}
       aria-keyshortcuts="Ctrl+Shift+T"
       onClick={(e) => {