From 4fc29aab9aeea60d453cc3999522cfcbd7af5d7d Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 9 Mar 2023 16:57:17 +0800
Subject: [PATCH] Fix checkbox colors on theme selector

---
 .../components/templates/article/ReaderSettingsControl.tsx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/templates/article/ReaderSettingsControl.tsx b/packages/web/components/templates/article/ReaderSettingsControl.tsx
index 0484c47e9..b05f547fc 100644
--- a/packages/web/components/templates/article/ReaderSettingsControl.tsx
+++ b/packages/web/components/templates/article/ReaderSettingsControl.tsx
@@ -560,7 +560,7 @@ function ThemeSelector(props: ReaderSettingsProps): JSX.Element {
               border: '2px solid #6A6968',
             },
           }}
-          data-state={currentTheme == ThemeId.Light ? 'unselected' : 'selected'}
+          data-state={currentTheme == ThemeId.Light ? 'selected' : 'unselected'}
           onClick={() => {
             updateTheme(ThemeId.Light)
             setCurrentTheme(currentThemeName())
@@ -624,7 +624,7 @@ function ThemeSelector(props: ReaderSettingsProps): JSX.Element {
             setCurrentTheme(currentThemeName())
           }}
         >
-          {currentTheme == ThemeId.Sepia && <Check color="#F9D354" size={20} />}
+          {currentTheme == ThemeId.Sepia && <Check color="#6A6968" size={20} />}
         </Button>
         <Button
           style="themeSwitch"
@@ -655,7 +655,7 @@ function ThemeSelector(props: ReaderSettingsProps): JSX.Element {
           }}
         >
           {currentTheme == ThemeId.Apollo && (
-            <Check color="#F9D354" size={20} />
+            <Check color="#6A6968" size={20} />
           )}
         </Button>
       </HStack>