From f44a5a9ef1009dc51cd3f5371987f9288e1985eb Mon Sep 17 00:00:00 2001
From: Marshall <36639405+mdr0id@users.noreply.github.com>
Date: Fri, 15 Nov 2024 12:38:10 -0800
Subject: [PATCH] Update layout.html

Fix default search widget styling
---
 docs/source/_templates/layout.html | 49 ++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)

diff --git a/docs/source/_templates/layout.html b/docs/source/_templates/layout.html
index 90ff82c..9c4110f 100644
--- a/docs/source/_templates/layout.html
+++ b/docs/source/_templates/layout.html
@@ -68,6 +68,55 @@
             background-color: #2d2d2d;
         }
 
+        /* Search widget styling */
+        .search__outer {
+            background-color: #0a0a0a !important;
+            border: 1px solid #444 !important;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
+        }
+
+        .search__input {
+            background-color: #2d2d2d !important;
+            color: #ffffff !important;
+            border: 1px solid #444 !important;
+            border-radius: 4px !important;
+        }
+
+        .search__result {
+            border-bottom: 1px solid #333 !important;
+        }
+
+        .search__result__content {
+            color: #ffffff !important;
+        }
+
+        .search__result__title {
+            color: #7ec699 !important;
+        }
+
+        .search__result__content mark {
+            background-color: rgba(126, 198, 153, 0.2) !important;
+            color: #7ec699 !important;
+            padding: 0 2px !important;
+            border-radius: 2px !important;
+        }
+
+        .search__hint {
+            color: #888888 !important;
+        }
+
+        .search__hint kbd {
+            background-color: #2d2d2d !important;
+            border: 1px solid #444 !important;
+            color: #ffffff !important;
+            box-shadow: none !important;
+        }
+
+        .search__result--active,
+        .search__result:hover {
+            background-color: #2d2d2d !important;
+        }
+
         /* Mobile adjustments */
         @media screen and (max-width: 768px) {
             .social-header {