diff options
| author | Mohamed Bassem <me@mbassem.com> | 2025-08-26 15:47:05 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-08-26 13:47:05 +0100 |
| commit | ed86f7ef012fb558fe8a8974e1e162ce75cbfd15 (patch) | |
| tree | a3470b0e1a01aede90b75bc61eeba2545e51fe83 /apps/mobile/app/dashboard/settings | |
| parent | ec56ea33b5e37d02e87e480da305038a5ce7de49 (diff) | |
| download | karakeep-ed86f7ef012fb558fe8a8974e1e162ce75cbfd15.tar.zst | |
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
Diffstat (limited to 'apps/mobile/app/dashboard/settings')
| -rw-r--r-- | apps/mobile/app/dashboard/settings/bookmark-default-view.tsx | 9 | ||||
| -rw-r--r-- | apps/mobile/app/dashboard/settings/theme.tsx | 9 |
2 files changed, 8 insertions, 10 deletions
diff --git a/apps/mobile/app/dashboard/settings/bookmark-default-view.tsx b/apps/mobile/app/dashboard/settings/bookmark-default-view.tsx index c8c522cf..5f4463ae 100644 --- a/apps/mobile/app/dashboard/settings/bookmark-default-view.tsx +++ b/apps/mobile/app/dashboard/settings/bookmark-default-view.tsx @@ -1,7 +1,8 @@ -import { Pressable, Text, View } from "react-native"; +import { Pressable, View } from "react-native"; import { useRouter } from "expo-router"; import CustomSafeAreaView from "@/components/ui/CustomSafeAreaView"; import { Divider } from "@/components/ui/Divider"; +import { Text } from "@/components/ui/Text"; import { useToast } from "@/components/ui/Toast"; import useAppSettings from "@/lib/settings"; import { Check } from "lucide-react-native"; @@ -41,9 +42,7 @@ export default function BookmarkDefaultViewSettings() { className="flex flex-row justify-between" key={mode} > - <Text className="text-lg text-accent-foreground"> - {{ browser: "Browser", reader: "Reader" }[mode]} - </Text> + <Text>{{ browser: "Browser", reader: "Reader" }[mode]}</Text> {isChecked && <Check color="rgb(0, 122, 255)" />} </Pressable>, <Divider @@ -59,7 +58,7 @@ export default function BookmarkDefaultViewSettings() { 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"> + <View className="w-full rounded-lg bg-card bg-card px-4 py-2"> {options} </View> </View> 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> ); |