feat: add color object

Author: Youssefwafa7

src/types/ColorThemeTypes.ts

@@ -0,0 +1,26 @@
+export interface SwitchColors {
+  trackOff: string;
+  trackOn: string;
+  thumbOff: string;
+  thumbOn: string;
+}
+
+export interface ThemeColors {
+  background: string;
+  foreground: string;
+  border: string;
+  checkboxBorder: string;
+  input: string;
+  mutedForeground: string;
+  primary: string;
+  accent: string;
+  ring: string;
+  destructive: string;
+  search: string;
+  switch: SwitchColors;
+}
+
+export interface ColorTheme {
+  light: ThemeColors;
+  dark: ThemeColors;
+}

src/utils/colorTheme.ts

@@ -1,26 +1,83 @@
 import { vars } from 'nativewind';
 
+import { ColorTheme } from '../types/ColorThemeTypes';
+
 export const themes = {
   light: vars({
     '--color-background': '#ffffff',
     '--color-foreground': '#0f1419',
     '--color-border': '#eff3f4',
+    '--color-checkbox-border': '#687e8b',
     '--color-input': '#d1d9de',
     '--color-muted-foreground': '#536471',
     '--color-primary': '#007bff',
     '--color-accent': '#f7f9f9',
     '--color-ring': '#888a8c',
     '--color-destructive': '#f4212e',
+    '--color-search': '#ECF3F1',
+
+    '--color-switch-track-off': '#BBBDBB',
+    '--color-switch-track-on': '#BFE3F9',
+    '--color-switch-thumb-off': '#E9ECE9',
+    '--color-switch-thumb-on': '#0E90ED',
   }),
   dark: vars({
     '--color-background': '#000000',
     '--color-foreground': '#e7e9ea',
-    '--color-border': '#303336',
+    '--color-border': '#515D62',
+    '--color-checkbox-border': '#8CA1AA',
     '--color-input': '#536471',
     '--color-muted-foreground': '#71767b',
-    '--color-primary': '#007bff',
+    '--color-primary': '#1194F2',
     '--color-accent': '#16181c',
     '--color-ring': '#f7f9fa',
     '--color-destructive': '#82181a',
+    '--color-search': '#1c2324',
+
+    '--color-switch-track-off': '#4B4E4B',
+    '--color-switch-track-on': '#042d48',
+    '--color-switch-thumb-off': '#B6B9B6',
+    '--color-switch-thumb-on': '#0e90ed',
   }),
 };
+
+export const colors: ColorTheme = {
+  light: {
+    background: '#ffffff',
+    foreground: '#0f1419',
+    border: '#eff3f4',
+    checkboxBorder: '#687e8b',
+    input: '#d1d9de',
+    mutedForeground: '#536471',
+    primary: '#007bff',
+    accent: '#f7f9f9',
+    ring: '#888a8c',
+    destructive: '#f4212e',
+    search: '#ECF3F1',
+    switch: {
+      trackOff: '#BBBDBB',
+      trackOn: '#BFE3F9',
+      thumbOff: '#E9ECE9',
+      thumbOn: '#0E90ED',
+    },
+  },
+  dark: {
+    background: '#000000',
+    foreground: '#e7e9ea',
+    border: '#515D62',
+    checkboxBorder: '#8CA1AA',
+    input: '#536471',
+    mutedForeground: '#71767b',
+    primary: '#007bff',
+    accent: '#16181c',
+    ring: '#f7f9fa',
+    destructive: '#82181a',
+    search: '#1c2324',
+    switch: {
+      trackOff: '#4B4E4B',
+      trackOn: '#042d48',
+      thumbOff: '#B6B9B6',
+      thumbOn: '#0e90ed',
+    },
+  },
+};