fix: improve style for algolia docsearch

static/css/extensions/docsearch.css

@@ -0,0 +1,44 @@
+html.light,
+html.dark {
+  --docsearch-primary-color: var(--accent-9);
+  --docsearch-text-color: var(--sy-c-text);
+  --docsearch-modal-background: var(--sy-c-background);
+  --docsearch-footer-background: var(--sy-c-surface);
+  --docsearch-searchbox-background: var(--sy-c-surface);
+  --docsearch-searchbox-focus-background: var(--sy-c-background);
+  --docsearch-muted-color: var(--sy-c-light);
+  --docsearch-hit-color: var(--sy-c-text);
+  --docsearch-hit-background: var(--sy-c-surface);
+  --docsearch-hit-active-color: var(--accent-9-contrast);
+  --docsearch-hit-shadow: inset 0 0 1px 0 var(--gray-a11);
+  --docsearch-container-background: var(--sy-c-overlay);
+}
+html.light {
+  --docsearch-key-gradient: linear-gradient(-225deg, #e6e6e6, #f8f8f8);
+  --docsearch-key-shadow:  inset 0 -2px #dbdbdb, inset 0 0 1px 1px #fff, 0 1px 2px 1px #50505066;
+}
+html.dark {
+  --docsearch-key-gradient: linear-gradient(-225deg, #353434, #141414);
+  --docsearch-key-shadow: inset 0 -2px #373737, inset 0 0 1px 1px #222, 0 1px 2px 1px #000;
+  --docsearch-footer-shadow: 0 -1px 0 0 #373737,0 -3px 6px 0 #141414;
+  --docsearch-modal-shadow: inset 1px 1px 0 0 #373737,0 3px 8px 0 #141414;
+}
+
+#docsearch .DocSearch-Button {
+  border-radius: 6px;
+}
+
+#docsearch .DocSearch-Button-Key,
+#docsearch .DocSearch-Button-Placeholder {
+  font-size: 0.825rem;
+}
+
+#docsearch .DocSearch-Button-Placeholder,
+#docsearch .DocSearch-Button-Keys {
+  display: flex !important;
+}
+
+#docsearch .DocSearch-Search-Icon {
+  width: 0.875rem !important;
+  height: 0.875rem !important;
+}

static/css/modules.css

@@ -33,4 +33,5 @@
 @import "./extensions/jupyter.css";
 @import "./extensions/nbsphinx.css";
 @import "./extensions/sphinx-gallery.css";
+@import "./extensions/docsearch.css";
 @import "./extensions/misc.css";