From b9edd222b3bfd4241d9629014e3dd25abfc6d5f6 Mon Sep 17 00:00:00 2001 From: Dana Bauer Date: Thu, 26 Feb 2026 14:27:18 -0500 Subject: [PATCH 1/3] fix css bug and improve search design --- src/css/custom.css | 100 ++++++++++++++++++++++++++++++++++++++------- 1 file changed, 85 insertions(+), 15 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index c4bc6c8c..cdadd523 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -52,21 +52,23 @@ } [data-theme='light'] .DocSearch { - --docsearch-primary-color: var(--ifm-color-black); - --docsearch-text-color: var(--ifm-font-color-primary); - --docsearch-muted-color: var(--ifm-color-black); - --docsearch-container-background: rgba(94, 100, 112, 0.7); + --docsearch-primary-color: #3a48b8; + --docsearch-text-color: #1a1a2e; + --docsearch-muted-color: #495057; + --docsearch-container-background: rgba(0, 0, 0, 0.6); /* Modal */ - --docsearch-modal-background: var(--ifm-color-black); + --docsearch-modal-background: #ffffff; + --docsearch-modal-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); /* Search box */ - --docsearch-searchbox-background: var(--ifm-background-color); - --docsearch-searchbox-focus-background: var(--ifm-color-white); + --docsearch-searchbox-background: #f1f3f5; + --docsearch-searchbox-focus-background: #ffffff; /* Hit */ - --docsearch-hit-color: var(--ifm-font-color-base); - --docsearch-hit-active-color: var(--ifm-color-white); - --docsearch-hit-background: var(--ifm-color-white); + --docsearch-hit-color: #1a1a2e; + --docsearch-hit-active-color: #ffffff; + --docsearch-hit-background: #ffffff; /* Footer */ - --docsearch-footer-background: var(--ifm-color-white); + --docsearch-footer-background: #ffffff; + --docsearch-footer-shadow: 0 -1px 0 0 #dee2e6; } [data-theme='dark'] .DocSearch { @@ -92,7 +94,75 @@ ); } -/* Header Icons */ +/* ================================= + DOCSEARCH MODAL SIZE & POSITION + ================================= */ + +/* Wider, centered modal */ +.DocSearch-Modal { + max-width: 800px; + margin: 10vh auto; +} + +/* Larger search input inside modal */ +.DocSearch-Input { + font-size: 1.2rem; + padding: 0.75rem 1rem; + color: #1a1a2e; + font-weight: 500; +} + +/* ================================= + NAVBAR SEARCH — BIGGER & PROMINENT + ================================= */ + +.navbar .DocSearch-Button { + padding: 0.35rem 1rem; + border-radius: 8px; + border: none; + background: #3a48b8; + color: #ffffff; + box-shadow: 0 2px 8px rgba(58, 72, 184, 0.3); + transition: all 0.2s ease; +} + +.navbar .DocSearch-Button:hover { + background: #2c2e7f; + box-shadow: 0 4px 12px rgba(58, 72, 184, 0.4); + transform: translateY(-1px); +} + +.navbar .DocSearch-Button-Placeholder { + font-size: 1rem; + color: rgba(255, 255, 255, 0.9); +} + +.navbar .DocSearch-Search-Icon { + width: 18px; + height: 18px; + color: rgba(255, 255, 255, 0.9); +} + +.navbar .DocSearch-Button-Keys kbd { + background: rgba(255, 255, 255, 0.2); + border: 1px solid rgba(255, 255, 255, 0.3); + color: #ffffff; + box-shadow: none; +} + +[data-theme='dark'] .navbar .DocSearch-Button { + background: #3a48b8; + box-shadow: 0 2px 8px rgba(58, 72, 184, 0.4); +} + +[data-theme='dark'] .navbar .DocSearch-Button:hover { + background: #5362d1; + box-shadow: 0 4px 12px rgba(58, 72, 184, 0.5); +} + +/* ================================= + HEADER ICONS + ================================= */ .github-link { width: 32px; @@ -120,9 +190,9 @@ 0 0 / contain; } -/* =================================>>>>>>> REPLACE +/* ================================= SMART TABLE STYLING - ======================================== */ + ================================= */ /* Smart table container */ .smart-table-container { @@ -614,4 +684,4 @@ [data-theme='dark'] .schema-fields-table .expand-button:hover { background-color: var(--ifm-color-primary-dark); color: var(--ifm-color-primary-lightest); -} +} \ No newline at end of file From 031c5d3dc4001e9b617d316fbd9cb7cfdc2517c8 Mon Sep 17 00:00:00 2001 From: Dana Bauer Date: Thu, 26 Feb 2026 15:06:43 -0500 Subject: [PATCH 2/3] fix query text in dark mode --- src/css/custom.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/css/custom.css b/src/css/custom.css index cdadd523..da3c8592 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -112,6 +112,10 @@ font-weight: 500; } +[data-theme='dark'] .DocSearch-Input { + color: #e6edf3; +} + /* ================================= NAVBAR SEARCH — BIGGER & PROMINENT ================================= */ From 08d56b913675e08a066abef2645520ad7e021095 Mon Sep 17 00:00:00 2001 From: Dana Bauer Date: Thu, 26 Feb 2026 15:56:13 -0500 Subject: [PATCH 3/3] adjust opacity of search buttons --- src/css/custom.css | 28 +++++++++------------------- 1 file changed, 9 insertions(+), 19 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index da3c8592..40ea7bf5 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -1,3 +1,4 @@ + /** * Any CSS included here will be global. The classic template * bundles Infima by default. Infima is a CSS framework designed to @@ -20,7 +21,6 @@ --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); } -/* For readability concerns, you should choose a lighter palette in dark mode. */ [data-theme='light'] { --ifm-color-primary: #2c2e7f; --ifm-color-primary-dark: #3a48b8; @@ -94,17 +94,11 @@ ); } -/* ================================= - DOCSEARCH MODAL SIZE & POSITION - ================================= */ - -/* Wider, centered modal */ .DocSearch-Modal { max-width: 800px; margin: 10vh auto; } -/* Larger search input inside modal */ .DocSearch-Input { font-size: 1.2rem; padding: 0.75rem 1rem; @@ -116,23 +110,19 @@ color: #e6edf3; } -/* ================================= - NAVBAR SEARCH — BIGGER & PROMINENT - ================================= */ - .navbar .DocSearch-Button { padding: 0.35rem 1rem; border-radius: 8px; border: none; - background: #3a48b8; + background: rgba(58, 72, 184, 0.8); color: #ffffff; - box-shadow: 0 2px 8px rgba(58, 72, 184, 0.3); + box-shadow: 0 2px 8px rgba(58, 72, 184, 0.2); transition: all 0.2s ease; } .navbar .DocSearch-Button:hover { - background: #2c2e7f; - box-shadow: 0 4px 12px rgba(58, 72, 184, 0.4); + background: rgba(58, 72, 184, 0.9); + box-shadow: 0 4px 12px rgba(58, 72, 184, 0.3); transform: translateY(-1px); } @@ -155,13 +145,13 @@ } [data-theme='dark'] .navbar .DocSearch-Button { - background: #3a48b8; - box-shadow: 0 2px 8px rgba(58, 72, 184, 0.4); + background: rgba(58, 72, 184, 0.6); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); } [data-theme='dark'] .navbar .DocSearch-Button:hover { - background: #5362d1; - box-shadow: 0 4px 12px rgba(58, 72, 184, 0.5); + background: rgba(83, 98, 209, 0.75); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); } /* =================================