Make search bar text white (#59)

Author: pthmas

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"

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;