From ed86f7ef012fb558fe8a8974e1e162ce75cbfd15 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Tue, 26 Aug 2025 15:47:05 +0300
Subject: feat(mobile): Retheme the mobile app (#1872)

* Add nativewindui

* migrate to nativewindui text

* Replace buttons with nativewindui buttons

* Use nativewindui search input

* fix the divider color

* More changes

* fix manage tag icon

* fix styling of bookmark card

* fix ios compilation

* fix search clear

* fix tag pill border color

* Store theme setting in app settings

* fix setting color appearance

* fix coloring of search input

* fix following system theme

* add a save button to info

* fix the grey colors on android

* fix icon active tint color

* drop the use of TextField
---
 apps/mobile/app/dashboard/settings/theme.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

(limited to 'apps/mobile/app/dashboard/settings/theme.tsx')

diff --git a/apps/mobile/app/dashboard/settings/theme.tsx b/apps/mobile/app/dashboard/settings/theme.tsx
index f7feacdb..a4f0494a 100644
--- a/apps/mobile/app/dashboard/settings/theme.tsx
+++ b/apps/mobile/app/dashboard/settings/theme.tsx
@@ -1,6 +1,7 @@
-import { Pressable, Text, View } from "react-native";
+import { Pressable, View } from "react-native";
 import CustomSafeAreaView from "@/components/ui/CustomSafeAreaView";
 import { Divider } from "@/components/ui/Divider";
+import { Text } from "@/components/ui/Text";
 import useAppSettings from "@/lib/settings";
 import { Check } from "lucide-react-native";
 
@@ -16,7 +17,7 @@ export default function ThemePage() {
           className="flex flex-row justify-between"
           key={theme}
         >
-          <Text className="text-lg text-accent-foreground">
+          <Text>
             {
               { light: "Light Mode", dark: "Dark Mode", system: "System" }[
                 theme
@@ -38,9 +39,7 @@ export default function ThemePage() {
   return (
     <CustomSafeAreaView>
       <View className="flex h-full w-full items-center px-4 py-2">
-        <View className="w-full rounded-lg bg-white px-4 py-2 dark:bg-accent">
-          {options}
-        </View>
+        <View className="w-full rounded-lg bg-card px-4 py-2">{options}</View>
       </View>
     </CustomSafeAreaView>
   );
-- 
cgit v1.2.3-70-g09d2

