Customize search (#278)

cloudposse · Dec 15, 2022 · 608fe65 · 608fe65
1 parent c90dcb8
commit 608fe65
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/website/Makefile b/website/Makefile
@@ -5,4 +5,5 @@ deps:
 	npm install
 
 up:
+	npm run build
 	npm run start
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -59,6 +59,10 @@ li > ul.menu__list {
     --ifm-color-primary-light: #538ce9;
     --ifm-color-primary-lighter: #72a1ed;
     --ifm-color-primary-lightest: #9abcf2;
+
+    --aa-input-border-color-rgb: var(--ifm-toc-border-color);
+    --aa-input-border-color-alpha: var(--ifm-toc-border-color);
+    --aa-primary-color-rgb: var(--ifm-toc-border-color) !important;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -135,3 +139,11 @@ pre code {
 li.menu__list-item.command {
  font-family: var(--ifm-font-family-monospace);
 }
+
+.aa-Autocomplete > .aa-DetachedSearchButton {
+    border-radius: 32px;
+}
+
+.aa-Autocomplete {
+    min-width: 150px;
+}