updated ui components for global events and finds

made changes for dark theme for global events

src/entity/cache/CacheItem.js

@@ -41,11 +41,11 @@ const styles = StyleSheet.create({
     paddingVertical: 14,
     paddingHorizontal: 2,
     borderTopWidth: 1,
-    borderColor: "lightgray",
+    borderColor: "#45475a",
     gap: 4,
   },
   pressedItem: {
-    backgroundColor: "#f0f9ff",
+    backgroundColor: "#313244",
   },
   row: {
     flexDirection: "row",
@@ -55,18 +55,18 @@ const styles = StyleSheet.create({
   name: {
     fontSize: 16,
     fontWeight: "600",
-    color: "#111827",
+    color: "#cdd6f4",
     flex: 1,
     marginRight: 8,
   },
   clue: {
     fontSize: 13,
-    color: "#6b7280",
+    color: "#a6adc8",
   },
   points: {
     fontSize: 12,
     fontWeight: "500",
-    color: "#2563eb",
+    color: "#89b4fa",
   },
   badge: {
     paddingHorizontal: 8,
@@ -74,15 +74,15 @@ const styles = StyleSheet.create({
     borderRadius: 10,
   },
   badgeFound: {
-    backgroundColor: "#d1fae5",
+    backgroundColor: "#1e3a2f",
   },
   badgeOpen: {
-    backgroundColor: "#fef3c7",
+    backgroundColor: "#3d3117",
   },
   badgeText: {
     fontSize: 11,
     fontWeight: "600",
-    color: "#374151",
+    color: "#cdd6f4",
   },
 });
 

src/entity/event/EventItem.js

@@ -53,11 +53,11 @@ const styles = StyleSheet.create({
     paddingVertical: 14,
     paddingHorizontal: 2,
     borderTopWidth: 1,
-    borderColor: "lightgray",
+    borderColor: "#45475a",
     gap: 4,
   },
   pressedItem: {
-    backgroundColor: "#f0f9ff",
+    backgroundColor: "#313244",
   },
   row: {
     flexDirection: "row",
@@ -67,17 +67,17 @@ const styles = StyleSheet.create({
   name: {
     fontSize: 16,
     fontWeight: "600",
-    color: "#111827",
+    color: "#cdd6f4",
     flex: 1,
     marginRight: 8,
   },
   description: {
     fontSize: 13,
-    color: "#6b7280",
+    color: "#a6adc8",
   },
   meta: {
     fontSize: 12,
-    color: "#9ca3af",
+    color: "#a6adc8",
   },
   badge: {
     paddingHorizontal: 8,
@@ -85,15 +85,15 @@ const styles = StyleSheet.create({
     borderRadius: 10,
   },
   badgePublic: {
-    backgroundColor: "#dcfce7",
+    backgroundColor: "#1e3a2f",
   },
   badgePrivate: {
-    backgroundColor: "#f3f4f6",
+    backgroundColor: "#313244",
   },
   badgeText: {
     fontSize: 11,
     fontWeight: "600",
-    color: "#374151",
+    color: "#cdd6f4",
   },
 });
 

src/entity/find/FindItem.js

@@ -36,7 +36,7 @@ const styles = StyleSheet.create({
   item: {
     paddingVertical: 12,
     borderTopWidth: 1,
-    borderColor: "lightgray",
+    borderColor: "#45475a",
     gap: 3,
   },
   row: {
@@ -47,18 +47,18 @@ const styles = StyleSheet.create({
   cacheName: {
     fontSize: 15,
     fontWeight: "600",
-    color: "#111827",
+    color: "#cdd6f4",
     flex: 1,
     marginRight: 8,
   },
   points: {
     fontSize: 14,
     fontWeight: "700",
-    color: "#16a34a",
+    color: "#a6e3a1",
   },
   meta: {
     fontSize: 12,
-    color: "#9ca3af",
+    color: "#a6adc8",
   },
 });