From e5ab1b686cb8321b7c588cb2eb7b2038559ec38c Mon Sep 17 00:00:00 2001
From: pthmas <9058370+pthmas@users.noreply.github.com>
Date: Tue, 14 Apr 2026 10:57:29 +0200
Subject: [PATCH] Make search bar text white

---
 frontend/src/components/SearchBar.tsx | 2 +-
 frontend/src/index.css                | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/SearchBar.tsx b/frontend/src/components/SearchBar.tsx
index 4cc4c36..8fc42c0 100644
--- a/frontend/src/components/SearchBar.tsx
+++ b/frontend/src/components/SearchBar.tsx
@@ -192,7 +192,7 @@ export default function SearchBar() {
         onChange={(e) => setQuery(e.target.value)}
         onKeyDown={onKeyDown}
         placeholder="Search Address / Tx Hash / Block / Token / NFT"
-        className="w-full bg-dark-700/80 backdrop-blur border border-dark-500 px-4 py-2 pl-10 text-sm text-fg placeholder-gray-500 rounded-full shadow-md shadow-black/20 focus:outline-none focus:border-accent-primary focus:ring-2 focus:ring-accent-primary/40 transition"
+        className="search-input w-full bg-dark-700/80 backdrop-blur border border-dark-500 px-4 py-2 pl-10 text-sm rounded-full shadow-md shadow-black/20 focus:outline-none focus:border-accent-primary focus:ring-2 focus:ring-accent-primary/40 transition"
       />
       <svg
         className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-500"
diff --git a/frontend/src/index.css b/frontend/src/index.css
index d063cfd..dfafb24 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -86,6 +86,15 @@
     @apply hover:border-dark-500 hover:shadow-lg hover:shadow-black/30;
   }
 
+  .search-input {
+    color: #fff;
+    caret-color: #fff;
+  }
+
+  .search-input::placeholder {
+    color: rgb(255 255 255 / 0.72);
+  }
+
   .btn {
     @apply px-3 py-1.5 font-medium rounded-lg transition-all duration-150;
     @apply focus-visible:outline-none focus-visible:ring-2;