From 7bc71d23d883c49bde275f8a0d2509c7fc184a02 Mon Sep 17 00:00:00 2001
From: Arhey <github@oiya.xyz>
Date: Thu, 22 Sep 2022 05:14:35 +0300
Subject: [PATCH] Update SearchSyntaxPopup.svelte

---
 src/components/SearchSyntaxPopup.svelte | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/SearchSyntaxPopup.svelte b/src/components/SearchSyntaxPopup.svelte
index 00c13658f..d7f403650 100644
--- a/src/components/SearchSyntaxPopup.svelte
+++ b/src/components/SearchSyntaxPopup.svelte
@@ -60,20 +60,21 @@
       </button>
     </div>
     <div class="overflow-y-scroll overflow-x-hidden w-full">
-      <div class="p-6 text-gray-800">
-        <!-- <h2 class="text-xl font-semibold pb-2 border-b-[1px] my-2">Basic search</h2> -->
+      <div class="p-6 text-gray-800 dark:text-white">
         <table class="w-full">
           <thead>
             <tr>
-              <th class="border p-2">Query</th>
-              <th class="border p-2">Result</th>
+              <th class="border p-2 dark:border-gray-700">Query</th>
+              <th class="border p-2 dark:border-gray-700">Result</th>
             </tr>
           </thead>
           <tbody class="text-left">
             {#each examples as example}
-            <tr class="even:bg-gray-50">
-              <td class="border px-4 py-3 whitespace-nowrap">{example.query}</td>
-              <td class="border px-4 py-3">{example.result}</td>
+            <tr class="even:bg-gray-50 even:dark:bg-gray-700">
+              <td class="border dark:border-gray-700 px-4 py-3 whitespace-nowrap">
+                {example.query}
+              </td>
+              <td class="border dark:border-gray-700 px-4 py-3">{example.result}</td>
             </tr>
             {/each}
           </tbody>