Upload fastsearch-tauri/ui/styles.css

fastsearch-tauri/ui/styles.css

@@ -1,15 +1,15 @@
 :root {
-  --bg-primary: rgba(30, 30, 30, 0.88);
-  --bg-secondary: rgba(45, 45, 45, 0.85);
-  --bg-hover: rgba(60, 60, 60, 0.8);
-  --bg-selected: rgba(10, 132, 255, 0.35);
+  --bg-primary: rgba(30, 30, 35, 0.97);
+  --bg-secondary: rgba(50, 50, 60, 0.9);
+  --bg-hover: rgba(70, 70, 85, 0.9);
+  --bg-selected: rgba(10, 132, 255, 0.4);
   --text-primary: #ffffff;
-  --text-secondary: rgba(255, 255, 255, 0.55);
+  --text-secondary: rgba(255, 255, 255, 0.6);
   --text-tertiary: rgba(255, 255, 255, 0.35);
   --accent: #0a84ff;
   --accent-hover: #0077e6;
   --border: rgba(255, 255, 255, 0.08);
-  --shadow: 0 25px 80px rgba(0, 0, 0, 0.6), 0 10px 30px rgba(0, 0, 0, 0.4);
+  --shadow: 0 25px 80px rgba(0, 0, 0, 0.5), 0 10px 30px rgba(0, 0, 0, 0.3);
   --radius: 18px;
   --radius-sm: 10px;
   --transition: 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
@@ -23,7 +23,7 @@
 
 body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
-  background: transparent;
+  background: #1a1a24;
   overflow: hidden;
   color: var(--text-primary);
   -webkit-font-smoothing: antialiased;
@@ -38,13 +38,11 @@ body {
   padding-top: 80px;
 }
 
-/* ── Search Container ─────────────────────────────────────────────── */
+/* -- Search Container ------------------------------------------------ */
 .search-container {
   width: 720px;
   max-width: 90vw;
   background: var(--bg-primary);
-  backdrop-filter: blur(60px) saturate(180%);
-  -webkit-backdrop-filter: blur(60px) saturate(180%);
   border: 1px solid var(--border);
   border-radius: var(--radius);
   box-shadow: var(--shadow);
@@ -64,7 +62,7 @@ body {
   }
 }
 
-/* ── Search Bar ──────────────────────────────────────────────────── */
+/* -- Search Bar ---------------------------------------------------- */
 .search-bar {
   display: flex;
   align-items: center;
@@ -126,7 +124,7 @@ body {
   flex-shrink: 0;
 }
 
-/* ── Results Container ──────────────────────────────────────────── */
+/* -- Results Container --------------------------------------------- */
 .results-container {
   max-height: 420px;
   overflow-y: auto;
@@ -154,7 +152,7 @@ body {
   padding: 6px 8px;
 }
 
-/* ── Result Item ────────────────────────────────────────────────── */
+/* -- Result Item --------------------------------------------------- */
 .result-item {
   display: flex;
   align-items: center;
@@ -244,7 +242,7 @@ body {
   font-family: monospace;
 }
 
-/* ── Results Footer ─────────────────────────────────────────────── */
+/* -- Results Footer ------------------------------------------------ */
 .results-footer {
   display: flex;
   align-items: center;
@@ -273,7 +271,7 @@ body {
   font-size: 11px;
 }
 
-/* ── Empty State ──────────────────────────────────────────────────── */
+/* -- Empty State --------------------------------------------------- */
 .empty-state {
   padding: 40px 20px;
   text-align: center;
@@ -333,7 +331,7 @@ body {
   text-align: left;
 }
 
-/* ── No Results ───────────────────────────────────────────────────── */
+/* -- No Results ---------------------------------------------------- */
 .no-results {
   padding: 40px 20px;
   text-align: center;
@@ -365,7 +363,7 @@ body {
   display: block;
 }
 
-/* ── Animations ───────────────────────────────────────────────────── */
+/* -- Animations ---------------------------------------------------- */
 .result-item {
   animation: fadeIn 0.1s ease-out;
 }
@@ -381,7 +379,7 @@ body {
   }
 }
 
-/* ── Responsive ───────────────────────────────────────────────────── */
+/* -- Responsive ---------------------------------------------------- */
 @media (max-width: 800px) {
   .search-container {
     width: 95vw;