From ef8241fe88e84a965b5f2d233e3b665ef4d064fe Mon Sep 17 00:00:00 2001
From: Vlad Frangu <kingdgrizzle@gmail.com>
Date: Fri, 19 Aug 2022 22:39:35 +0300
Subject: [PATCH] chore: prettier search and contextual search

---
 website/docusaurus.config.js   |  2 +-
 website/src/css/discordjs.scss | 37 ++++++++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index a645a892..15df4ae0 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -257,7 +257,7 @@ const config = {
 				appId: 'TR1O0DBFL9',
 				apiKey: '6822440beca69053ab122881d75064dc',
 				indexName: 'discord-api-types',
-				contextualSearch: false
+				contextualSearch: true
 			}
 		})
 };
diff --git a/website/src/css/discordjs.scss b/website/src/css/discordjs.scss
index 0726b216..371f8ed6 100644
--- a/website/src/css/discordjs.scss
+++ b/website/src/css/discordjs.scss
@@ -48,3 +48,40 @@
 .navbar__toggle {
 	color: #f5f6f7;
 }
+
+// Search
+[data-theme='light'] .DocSearch {
+	/* --docsearch-primary-color: var(--ifm-color-primary); */
+	/* --docsearch-text-color: var(--ifm-font-color-base); */
+	--docsearch-muted-color: var(--ifm-color-secondary-darkest);
+	--docsearch-container-background: rgba(94, 100, 112, 0.7);
+	/* Modal */
+	--docsearch-modal-background: var(--ifm-color-secondary-lighter);
+	/* Search box */
+	--docsearch-searchbox-background: var(--ifm-color-secondary);
+	--docsearch-searchbox-focus-background: var(--ifm-color-white);
+	/* Hit */
+	--docsearch-hit-color: var(--ifm-font-color-base);
+	--docsearch-hit-active-color: var(--ifm-color-white);
+	--docsearch-hit-background: var(--ifm-color-white);
+	/* Footer */
+	--docsearch-footer-background: var(--ifm-color-white);
+}
+
+[data-theme='dark'] .DocSearch {
+	--docsearch-text-color: var(--ifm-font-color-base);
+	--docsearch-muted-color: var(--ifm-color-secondary-darkest);
+	--docsearch-container-background: rgba(47, 55, 69, 0.7);
+	/* Modal */
+	--docsearch-modal-background: var(--ifm-background-color);
+	/* Search box */
+	--docsearch-searchbox-background: var(--ifm-background-color);
+	--docsearch-searchbox-focus-background: var(--ifm-color-black);
+	/* Hit */
+	--docsearch-hit-color: var(--ifm-font-color-base);
+	--docsearch-hit-active-color: var(--ifm-color-white);
+	--docsearch-hit-background: var(--ifm-color-emphasis-100);
+	/* Footer */
+	--docsearch-footer-background: var(--ifm-background-surface-color);
+	--docsearch-key-gradient: linear-gradient(-26.5deg, var(--ifm-color-emphasis-200) 0%, var(--ifm-color-emphasis-100) 100%);
+}