update: gemini fixes

app/stackStyles/showDetailStyles.tsx

@@ -1,9 +1,10 @@
 import { StyleSheet } from "react-native";
+import { Colors } from "@/constants/colors";
 
 const styles = StyleSheet.create({
   mainContainer: {
     flex: 1,
-    backgroundColor: "hsl(221, 39%, 12%)",
+    backgroundColor: Colors.header,
   },
   showImage: {
     width: 200,
@@ -22,14 +23,14 @@ const styles = StyleSheet.create({
     bottom: 25,
   },
   showInfoText: {
-    color: "hsl(0, 0%, 80%)",
+    color: Colors.textSecondary,
     fontSize: 14,
   },
   dot: {
     width: 4,
     height: 4,
     borderRadius: 3,
-    backgroundColor: "hsl(0, 0%, 80%)",
+    backgroundColor: Colors.textSecondary,
     marginHorizontal: 7,
     marginTop: 2,
   },
@@ -49,27 +50,27 @@ const styles = StyleSheet.create({
   },
   infoContainner: {
     width: "100%",
-    height: "auto",
+    minHeight: "auto",
     paddingHorizontal: 20,
     paddingVertical: 15,
-    backgroundColor: "hsl(221, 39%, 0%)",
+    backgroundColor: Colors.background,
     flexDirection: "row",
     gap: 20,
   },
   infoLabel: {
     fontWeight: "300",
-    color: "hsl(0, 0%, 80%)",
+    color: Colors.textSecondary,
     fontSize: 16,
   },
   participantsDetailsContainer: {
     width: "100%",
     height: "100%",
-    backgroundColor: "hsl(221, 39%, 2%)",
+    backgroundColor: Colors.card,
   },
   participantContainer: {
     height: 160,
     width: 110,
-    backgroundColor: "hsl(336, 79%, 63%)",
+    backgroundColor: Colors.primary,
     borderRadius: 10,
     marginBottom: 30,
   },
@@ -82,8 +83,8 @@ const styles = StyleSheet.create({
   },
   seasonsSection: {
     width: "100%",
-    height: 40,
-    backgroundColor: "hsl(221, 39%, 2%)",
+    minHeight: 40,
+    backgroundColor: Colors.card,
     flexDirection: "row",
     alignItems: "center",
     gap: 10,
@@ -105,23 +106,23 @@ const styles = StyleSheet.create({
     alignItems: "center",
   },
   seasonLabel: {
-    color: "white",
+    color: Colors.text,
     fontWeight: "bold",
   },
   participantLabel: {
-    color: "white",
+    color: Colors.text,
     fontWeight: "500",
     textAlign: "center",
     fontSize: 11,
     marginTop: 10,
   },
   seasonsLabel: {
-    color: "hsl(0, 0%, 80%)",
+    color: Colors.textSecondary,
     fontWeight: "500",
     fontSize: 16,
   },
   detailTitle: {
-    color: "hsl(0, 0%, 100%)",
+    color: Colors.text,
     fontSize: 14,
     fontWeight: "bold",
     marginTop: 10,
@@ -129,7 +130,7 @@ const styles = StyleSheet.create({
     marginBottom: 5,
   },
   detailLabel: {
-    color: "hsl(0, 0%, 80%)",
+    color: Colors.textSecondary,
     fontSize: 14,
     lineHeight: 20,
     width: "90%",
@@ -138,7 +139,7 @@ const styles = StyleSheet.create({
     marginTop: 5,
   },
   startDate: {
-    color: "hsl(0, 0%, 80%)",
+    color: Colors.textSecondary,
     fontSize: 16,
     textAlign: "center",
     marginTop: 15,