From a79d60a266cbaa076465538ed9fc0dd56c006e22 Mon Sep 17 00:00:00 2001
From: Jenil1105 <unselfstudy@gmail.com>
Date: Mon, 25 May 2026 21:46:57 +0530
Subject: [PATCH 1/3] style: enhance DocSearch button UI with improved border
 and key styling

---
 src/styles/tailwind.css | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 9db5fb51dfaf..069fdc18a670 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -36,17 +36,30 @@
   --docsearch-primary-color: #1d78c1 !important;
 }
 .DocSearch-Button {
-  @apply bg-transparent! lg:bg-gray-500! transition! duration-200! lg:rounded-full!;
+  @apply bg-transparent! lg:bg-gray-500! lg:border! lg:border-white/80! transition! duration-200! lg:rounded-full!;
 }
 .DocSearch-Button-Placeholder {
-  @apply hidden! lg:font-light! lg:text-sm! lg:block! lg:text-gray-200! lg:dark:text-gray-300! transition! duration-200!;
+  @apply hidden! lg:font-light! lg:text-sm! lg:block! lg:text-gray-200!  transition! duration-200!;
 }
 .DocSearch-Button:hover .DocSearch-Button-Placeholder {
   @apply lg:text-gray-100!;
 }
 .DocSearch-Button-Keys {
-  @apply hidden! lg:flex!;
+  @apply hidden! lg:flex! items-center! gap-x-px!;
+  font-size: 12px;
+}
+.DocSearch-Button-Keys kbd {
+  @apply inline-flex items-center justify-center
+    h-[18px] leading-none
+    bg-transparent
+    text-white/80
+    border border-white/50
+    rounded-md
+    shadow-none
+    font-normal
+    text-[12px];
 }
+
 .DocSearch-Button .DocSearch-Search-Icon {
   @apply text-white! lg:text-gray-100!;
 }

From f76dbf6866730aa00e6c97df7a1172dad8a54370 Mon Sep 17 00:00:00 2001
From: Jenil1105 <unselfstudy@gmail.com>
Date: Fri, 12 Jun 2026 10:21:12 +0530
Subject: [PATCH 2/3] style: improve DocSearch shortcut contrast and visual
 hierarchy

---
 src/styles/tailwind.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 069fdc18a670..cefab87f286d 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -36,13 +36,13 @@
   --docsearch-primary-color: #1d78c1 !important;
 }
 .DocSearch-Button {
-  @apply bg-transparent! lg:bg-gray-500! lg:border! lg:border-white/80! transition! duration-200! lg:rounded-full!;
+  @apply bg-transparent! lg:bg-gray-600! lg:border! lg:border-white/80! transition! duration-200! lg:rounded-full!;
 }
 .DocSearch-Button-Placeholder {
-  @apply hidden! lg:font-light! lg:text-sm! lg:block! lg:text-gray-200!  transition! duration-200!;
+  @apply hidden! lg:font-light! lg:text-sm! lg:block! lg:text-gray-200 transition! duration-200!;
 }
 .DocSearch-Button:hover .DocSearch-Button-Placeholder {
-  @apply lg:text-gray-100!;
+  @apply lg:text-white!;
 }
 .DocSearch-Button-Keys {
   @apply hidden! lg:flex! items-center! gap-x-px!;
@@ -52,7 +52,7 @@
   @apply inline-flex items-center justify-center
     h-[18px] leading-none
     bg-transparent
-    text-white/80
+    text-white/100
     border border-white/50
     rounded-md
     shadow-none

From f897f6ce49edc737106990a05f4395d1cb1d2c3d Mon Sep 17 00:00:00 2001
From: Jenil1105 <unselfstudy@gmail.com>
Date: Fri, 12 Jun 2026 12:07:58 +0530
Subject: [PATCH 3/3] style: fix DocSearch button placeholder text color
 styling

---
 src/styles/tailwind.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index cefab87f286d..9fcd0b0e2d2b 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -39,7 +39,7 @@
   @apply bg-transparent! lg:bg-gray-600! lg:border! lg:border-white/80! transition! duration-200! lg:rounded-full!;
 }
 .DocSearch-Button-Placeholder {
-  @apply hidden! lg:font-light! lg:text-sm! lg:block! lg:text-gray-200 transition! duration-200!;
+  @apply hidden! lg:font-light! lg:text-sm! lg:block! lg:text-gray-200! transition! duration-200!;
 }
 .DocSearch-Button:hover .DocSearch-Button-Placeholder {
   @apply lg:text-white!;