From fdbaa93a4efc55b3deb01d6912d316747744dd3c Mon Sep 17 00:00:00 2001 From: shortcuts Date: Tue, 27 Jun 2023 22:45:09 +0200 Subject: [PATCH 1/4] fix(css): override default bootstrap style for DocSearch --- css/main.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/css/main.css b/css/main.css index f0a248c..6045c86 100644 --- a/css/main.css +++ b/css/main.css @@ -560,3 +560,11 @@ iframe.poll { .news-section table { margin-top: 1rem; } + +/* + * DocSearch overrides + */ + + .DocSearch mark { + padding: 0; + } From 309cb43619bfc9774e6d9b073c44cde3bb2ebedc Mon Sep 17 00:00:00 2001 From: "Justin M. Keyes" Date: Wed, 28 Jun 2023 05:49:34 -0700 Subject: [PATCH 2/4] Update css/main.css --- css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/main.css b/css/main.css index 6045c86..b77860e 100644 --- a/css/main.css +++ b/css/main.css @@ -566,5 +566,5 @@ iframe.poll { */ .DocSearch mark { - padding: 0; + padding: 0; } From cec0a340415443752ec49ca9f921869de808fe33 Mon Sep 17 00:00:00 2001 From: shortcuts Date: Wed, 28 Jun 2023 00:08:24 +0200 Subject: [PATCH 3/4] feat(search): match DocSearch style with Neovim --- _layouts/default.html | 10 ++--- css/main.css | 97 +++++++++++++++++++++++++++++++++++++++++-- 2 files changed, 99 insertions(+), 8 deletions(-) diff --git a/_layouts/default.html b/_layouts/default.html index 5cebcae..02f590f 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -7,16 +7,16 @@ {% feed_meta %} {% if page.title %}{{ page.title }} - {% endif %}{{ site.title }} - - - - - + + + + + diff --git a/css/main.css b/css/main.css index b77860e..7083595 100644 --- a/css/main.css +++ b/css/main.css @@ -565,6 +565,97 @@ iframe.poll { * DocSearch overrides */ - .DocSearch mark { - padding: 0; - } +:root { + --docsearch-primary-color: var(--accent-color); + --docsearch-text-color: var(--fg-color); + --docsearch-highlight-color: var(--link-color); + --docsearch-container-background: rgba(231, 238, 232, 0.2); + + /* modal */ + --docsearch-modal-background: var(--bg-color); + --docsearch-modal-shadow: none; + + /* searchbox */ + --docsearch-searchbox-background: var(--accent-bg-color); + --docsearch-searchbox-focus-background: var(--accent-bg-color); + + /* hit */ + --docsearch-hit-color: var(--docsearch-text-color); + --docsearch-hit-active-color: #fff; + --docsearch-hit-background: var(--accent-bg-color); + --docsearch-hit-shadow: none; + + /* key */ + --docsearch-key-gradient: transparent; + --docsearch-key-shadow: none; + + /* footer */ + --docsearch-footer-background: var(--bg-color); + --docsearch-footer-shadow: none; +} + +@media (prefers-color-scheme: dark) { + :root { + --docsearch-primary-color: var(--accent-color); + --docsearch-text-color: var(--fg-color); + --docsearch-highlight-color: var(--link-color); + --docsearch-container-background: rgba(231, 238, 232, 0.2); + + /* modal */ + --docsearch-modal-background: var(--bg-color); + --docsearch-modal-shadow: none; + + /* searchbox */ + --docsearch-searchbox-background: var(--accent-bg-color); + --docsearch-searchbox-focus-background: var(--accent-bg-color); + + /* hit */ + --docsearch-hit-color: var(--docsearch-text-color); + --docsearch-hit-active-color: #fff; + --docsearch-hit-background: var(--accent-bg-color); + --docsearch-hit-shadow: none; + + /* key */ + --docsearch-key-gradient: transparent; + --docsearch-key-shadow: none; + + /* footer */ + --docsearch-footer-background: var(--bg-color); + --docsearch-footer-shadow: none; + } +} + +.DocSearch mark { + padding: 0; +} + +.DocSearch footer { + border-top: 1px solid var(--link-color) +} + +.DocSearch-Button-Key { + top: 0; + padding: 0; + margin-right: 0; + width: auto; +} + +.DocSearch-Button-Keys { + border-radius: 4px; + padding: 0 6px; + min-width: auto; + border: 1px solid var(--hi-b-black); +} + +@media (prefers-color-scheme: dark) { + .DocSearch footer { + border-top: 1px solid var(--link-color) + } + + .DocSearch-Button-Keys { + border-radius: 4px; + padding: 0 6px; + min-width: auto; + border: 1px solid var(--hi-b-black); + } +} From d4333ddf6c2a76bb7c587945a5234cc6a12a2ebe Mon Sep 17 00:00:00 2001 From: shortcuts Date: Wed, 28 Jun 2023 22:46:29 +0200 Subject: [PATCH 4/4] fix: review and 2 space indent --- css/main.css | 106 +++++++++++++++++++++++++++------------------------ 1 file changed, 57 insertions(+), 49 deletions(-) diff --git a/css/main.css b/css/main.css index 7083595..b706a6e 100644 --- a/css/main.css +++ b/css/main.css @@ -566,6 +566,36 @@ iframe.poll { */ :root { + --docsearch-primary-color: var(--accent-color); + --docsearch-text-color: var(--fg-color); + --docsearch-highlight-color: var(--link-color); + --docsearch-container-background: rgba(231, 238, 232, 0.2); + + /* modal */ + --docsearch-modal-background: var(--bg-color); + --docsearch-modal-shadow: none; + + /* searchbox */ + --docsearch-searchbox-background: var(--accent-bg-color); + --docsearch-searchbox-focus-background: var(--accent-bg-color); + + /* hit */ + --docsearch-hit-color: var(--docsearch-text-color); + --docsearch-hit-active-color: #fff; + --docsearch-hit-background: var(--accent-bg-color); + --docsearch-hit-shadow: none; + + /* key */ + --docsearch-key-gradient: transparent; + --docsearch-key-shadow: none; + + /* footer */ + --docsearch-footer-background: var(--bg-color); + --docsearch-footer-shadow: none; +} + +@media (prefers-color-scheme: dark) { + :root { --docsearch-primary-color: var(--accent-color); --docsearch-text-color: var(--fg-color); --docsearch-highlight-color: var(--link-color); @@ -592,70 +622,48 @@ iframe.poll { /* footer */ --docsearch-footer-background: var(--bg-color); --docsearch-footer-shadow: none; -} - -@media (prefers-color-scheme: dark) { - :root { - --docsearch-primary-color: var(--accent-color); - --docsearch-text-color: var(--fg-color); - --docsearch-highlight-color: var(--link-color); - --docsearch-container-background: rgba(231, 238, 232, 0.2); - - /* modal */ - --docsearch-modal-background: var(--bg-color); - --docsearch-modal-shadow: none; - - /* searchbox */ - --docsearch-searchbox-background: var(--accent-bg-color); - --docsearch-searchbox-focus-background: var(--accent-bg-color); - - /* hit */ - --docsearch-hit-color: var(--docsearch-text-color); - --docsearch-hit-active-color: #fff; - --docsearch-hit-background: var(--accent-bg-color); - --docsearch-hit-shadow: none; - - /* key */ - --docsearch-key-gradient: transparent; - --docsearch-key-shadow: none; - - /* footer */ - --docsearch-footer-background: var(--bg-color); - --docsearch-footer-shadow: none; - } + } } .DocSearch mark { - padding: 0; + padding: 0; } .DocSearch footer { - border-top: 1px solid var(--link-color) + border-top: 1px solid var(--link-color) } .DocSearch-Button-Key { - top: 0; - padding: 0; - margin-right: 0; - width: auto; + top: 0; + padding: 0; + margin-right: 0; + width: auto; } .DocSearch-Button-Keys { + border-radius: 4px; + padding: 0 6px; + min-width: auto; + border: 1px solid var(--hi-b-black); +} + +.DocSearch-Button { + border: 1px solid var(--docsearch-primary-color) +} + +@media (prefers-color-scheme: dark) { + .DocSearch footer { + border-top: 1px solid var(--link-color) + } + + .DocSearch-Button-Keys { border-radius: 4px; padding: 0 6px; min-width: auto; border: 1px solid var(--hi-b-black); -} + } -@media (prefers-color-scheme: dark) { - .DocSearch footer { - border-top: 1px solid var(--link-color) - } - - .DocSearch-Button-Keys { - border-radius: 4px; - padding: 0 6px; - min-width: auto; - border: 1px solid var(--hi-b-black); - } + .DocSearch-Button { + border: 1px solid var(--docsearch-primary-color) + } }