From 407433fa4346687038a2db3fbd72d65bfc60d755 Mon Sep 17 00:00:00 2001
From: Maciej Bodek <maciej.bodek@gmail.com>
Date: Fri, 22 Sep 2023 17:14:54 +0200
Subject: [PATCH] Update Docsearch trigger

---
 packages/web-console/src/scenes/Editor/Menu/index.tsx | 4 ++--
 packages/web-console/src/theme/global-styles.ts       | 9 ++++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/web-console/src/scenes/Editor/Menu/index.tsx b/packages/web-console/src/scenes/Editor/Menu/index.tsx
index 78e845dc8..1120ce1f9 100644
--- a/packages/web-console/src/scenes/Editor/Menu/index.tsx
+++ b/packages/web-console/src/scenes/Editor/Menu/index.tsx
@@ -239,8 +239,8 @@ const Menu = () => {
           appId="QL9L2YL7AQ"
           apiKey="2f67aeacbe73ad08a49efb9214ea27f3"
           indexName="questdb"
-          placeholder="Search documentation"
-          translations={{ button: { buttonText: "Search documentation" } }}
+          placeholder="Search docs"
+          translations={{ button: { buttonText: "Search docs" } }}
           hitComponent={({ hit, children }) => (
             <a href={hit.url} target="_blank" rel="noreferrer">
               {children}
diff --git a/packages/web-console/src/theme/global-styles.ts b/packages/web-console/src/theme/global-styles.ts
index 31bf35ee9..d663f883f 100644
--- a/packages/web-console/src/theme/global-styles.ts
+++ b/packages/web-console/src/theme/global-styles.ts
@@ -36,7 +36,7 @@ const DocSearchStyles = css`
     height: 3rem;
     border-radius: 0.4rem;
     background: ${({ theme }) => theme.color.selection};
-    color: ${({ theme }) => theme.color.gray2};
+    color: ${({ theme }) => theme.color.foreground};
     border: none;
   }
 
@@ -44,7 +44,6 @@ const DocSearchStyles = css`
     border: none;
     background: ${({ theme }) => theme.color.comment};
     box-shadow: none;
-    color: ${({ theme }) => theme.color.foreground};
   }
 
   .DocSearch-Button-Placeholder {
@@ -52,9 +51,9 @@ const DocSearchStyles = css`
   }
 
   .DocSearch-Button .DocSearch-Search-Icon {
-    color: ${({ theme }) => theme.color.gray2};
-    width: 1.8rem;
-    height: 1.8rem;
+    color: ${({ theme }) => theme.color.foreground};
+    width: 1.4rem;
+    height: 1.4rem;
   }
 
   .DocSearch-Button:hover .DocSearch-Search-Icon {