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

1 files changed, 30 insertions, 0 deletions

diff --git a/apps/mobile/theme/index.ts b/apps/mobile/theme/index.ts
new file mode 100644
index 00000000..05b42bf7
--- /dev/null
+++ b/apps/mobile/theme/index.ts
@@ -0,0 +1,30 @@
+import { DarkTheme, DefaultTheme } from "@react-navigation/native";
+
+import { COLORS } from "./colors";
+
+const NAV_THEME = {
+  light: {
+    ...DefaultTheme,
+    colors: {
+      background: COLORS.light.background,
+      border: COLORS.light.grey5,
+      card: COLORS.light.card,
+      notification: COLORS.light.destructive,
+      primary: COLORS.light.primary,
+      text: COLORS.black,
+    },
+  },
+  dark: {
+    ...DarkTheme,
+    colors: {
+      background: COLORS.dark.background,
+      border: COLORS.dark.grey5,
+      card: COLORS.dark.grey6,
+      notification: COLORS.dark.destructive,
+      primary: COLORS.dark.primary,
+      text: COLORS.white,
+    },
+  },
+};
+
+export { NAV_THEME };