themming and try to create awesome theme

src/components/CustomButton.tsx

@@ -13,7 +13,7 @@ type CustomButtonProps = {
 export default function CustomButton({
   title,
   onPress,
-  backgroundColor = "#6C63FF",
+  backgroundColor = "#000000ff",
   textColor = "#fff",
   loading = false,
   style,

src/components/colors.ts

@@ -1,10 +1,15 @@
 // colors.ts
 const colors = {
-  pastelPink: "#F8BBD0",   // darker pink
-  pastelBlue: "#90CAF9",   // darker blue
-  pastelGreen: "#A5D6A7",  // darker green
-  pastelOrange: "#FFCC80", // darker orange
+  pastelPink: "#decbfcff",   // darker pink
+  pastelBlue: "#D7E9F7",   // darker blue
+  pastelGreen: "#DFF6DD",  // darker green
+  pastelOrange: "#FFF4D2", // darker orange
 
+  // darker accent colors
+  Home: "#995dfaff",     // Rose red for contrast
+  Profile: "#2D9CDB",  // Deep sky blue
+  Group: "#27AE60",    // Green for freshness
+  Settings: "#F39C12", // Amber for warmth
   // common text + UI colors
   textDark: "#212121",
   textLight: "#555555",