Almost done with rewrite

constants/Colors.ts

@@ -1,26 +1,27 @@
-/**
- * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
- * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
- */
-
-const tintColorLight = '#0a7ea4';
+// Dark mode colors
+const dark = '#2e2f3d';
 const tintColorDark = '#fff';
+const iconColorDark = '#9BA1A6';
+// Light mode colors
+const light = '#ECEDEE';
+const tintColorLight = '#0a7ea4';
+const iconColorLight = '#687076';
 
 export const Colors = {
   light: {
-    text: '#11181C',
-    background: '#fff',
+    text: dark,
+    background: light,
     tint: tintColorLight,
-    icon: '#687076',
-    tabIconDefault: '#687076',
+    icon: iconColorLight,
+    tabIconDefault: iconColorLight,
     tabIconSelected: tintColorLight,
   },
   dark: {
-    text: '#ECEDEE',
-    background: '#151718',
+    text: dark,
+    background: light,
     tint: tintColorDark,
-    icon: '#9BA1A6',
-    tabIconDefault: '#9BA1A6',
+    icon: iconColorDark,
+    tabIconDefault: iconColorDark,
     tabIconSelected: tintColorDark,
   },
 };