From 768c4ec7e2eaa8fc716c3693bdf13f609cb9b365 Mon Sep 17 00:00:00 2001
From: suddenlyoranges <shirishshrestha420@gmail.com>
Date: Thu, 9 Apr 2026 21:47:52 +0100
Subject: [PATCH] updated ui components for global events and finds

made changes for dark theme for global events
---
 src/entity/cache/CacheItem.js | 16 ++++++++--------
 src/entity/event/EventItem.js | 16 ++++++++--------
 src/entity/find/FindItem.js   |  8 ++++----
 3 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/entity/cache/CacheItem.js b/src/entity/cache/CacheItem.js
index 7c3bf10..ced6643 100644
--- a/src/entity/cache/CacheItem.js
+++ b/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",
   },
 });
 
diff --git a/src/entity/event/EventItem.js b/src/entity/event/EventItem.js
index a0e196b..0465ac0 100644
--- a/src/entity/event/EventItem.js
+++ b/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",
   },
 });
 
diff --git a/src/entity/find/FindItem.js b/src/entity/find/FindItem.js
index 5e1dccf..e0949dd 100644
--- a/src/entity/find/FindItem.js
+++ b/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",
   },
 });