From ed86f7ef012fb558fe8a8974e1e162ce75cbfd15 Mon Sep 17 00:00:00 2001 From: Mohamed Bassem 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/theme/index.ts | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 apps/mobile/theme/index.ts (limited to 'apps/mobile/theme/index.ts') 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 }; -- cgit v1.2.3-70-g09d2