Update layout.html

Fix default search widget styling
jito-labs · Nov 15, 2024 · f44a5a9 · f44a5a9
1 parent eb54641
commit f44a5a9
Showing 1 changed file with 49 additions and 0 deletions.
diff --git 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 {