fix(mobile): Fix some icon colors in dark mode

hoarder-app · Sep 14, 2024 · 095995d · 095995d
1 parent 3452e47
commit 095995d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/apps/mobile/app.json b/apps/mobile/app.json
@@ -30,7 +30,7 @@
           "NSAllowsLocalNetworking": true
         }
       },
-      "buildNumber": "10"
+      "buildNumber": "11"
     },
     "android": {
       "adaptiveIcon": {
@@ -48,7 +48,7 @@
         }
       },
       "package": "app.hoarder.hoardermobile",
-      "versionCode": 10
+      "versionCode": 11
     },
     "plugins": [
       "expo-router",

diff --git a/apps/mobile/app/dashboard/(tabs)/index.tsx b/apps/mobile/app/dashboard/(tabs)/index.tsx
@@ -4,6 +4,7 @@ import * as Haptics from "expo-haptics";
 import * as ImagePicker from "expo-image-picker";
 import NoteEditorModal from "@/components/bookmarks/NewBookmarkModal";
 import UpdatingBookmarkList from "@/components/bookmarks/UpdatingBookmarkList";
+import { TailwindResolver } from "@/components/TailwindResolver";
 import CustomSafeAreaView from "@/components/ui/CustomSafeAreaView";
 import PageTitle from "@/components/ui/PageTitle";
 import { useToast } from "@/components/ui/Toast";
@@ -95,7 +96,12 @@ export default function Home() {
         className="absolute bottom-4 right-4 rounded-full bg-foreground p-6"
         onPress={() => newBookmarkModal.current?.present()}
       >
-        <Plus size={30} color="white" />
+        <TailwindResolver
+          comp={(styles) => (
+            <Plus size={30} color={styles?.color?.toString()} />
+          )}
+          className="text-background"
+        />
       </Pressable>
     </CustomSafeAreaView>
   );

diff --git a/apps/mobile/app/dashboard/settings/theme.tsx b/apps/mobile/app/dashboard/settings/theme.tsx
@@ -23,7 +23,7 @@ export default function ThemePage() {
               ]
             }
           </Text>
-          {isChecked && <Check />}
+          {isChecked && <Check color="rgb(0, 122, 255)" />}
         </Pressable>,
         <Divider
           key={theme + "-divider"}