docs: Search bar styling

docs/src/css/custom.css

@@ -33,6 +33,7 @@
     --ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" /></svg>')
     --body-background: white;
     --ifm-footer-background-color: #edf2f5;
+    --color-docsearch-border: #b7b7c3;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -52,6 +53,7 @@
     --docusaurus-highlighted-code-line-bg: rgba(15, 71, 117, 0.5);
     --body-background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(79, 208, 255, 0.3), transparent);
     --ifm-footer-background-color: #1a1f27;
+    --color-docsearch-border: #232347;
 }
 
 html[data-theme='dark'] {

docs/src/css/overrides.css

@@ -28,3 +28,9 @@ body {
     --ifm-hero-background-color: transparent;
     --ifm-hero-text-color: var(--ifm-font-color-base);
 }
+
+button.DocSearch-Button {
+    border-radius: 6px;
+    width: 250px;
+    border: 1px solid var(--color-docsearch-border);
+}