Reintroduce dark/light theme toggle functionality with PJAX support and improved initialization

Author: sineeli

themes/icarus/include/style/dark-mode.styl

@@ -415,52 +415,16 @@ html, body, .card, .navbar-main, .footer, a, .content, .title, p, h1, h2, h3, h4
             background: #30363d !important
             color: #58a6ff !important
 
-    /* Insight search in dark mode */
-    .searchbox
-        background: #161b22 !important
-        border-color: #30363d !important
-    
-    .searchbox-input
-        background: #0d1117 !important
-        color: #c9d1d9 !important
-        border-color: #30363d !important
-        
-        &::placeholder
-            color: #8b949e !important
-    
-    .searchbox-result-list
-        background: #161b22 !important
-        border-color: #30363d !important
-    
-    .searchbox-result-item
-        border-color: #30363d !important
-        
-        &:hover
-            background: #21262d !important
-    
-    .searchbox-result-item-title
-        color: #e6eef8 !important
-    
-    .searchbox-result-item-snippet
-        color: #8b949e !important
-    
+    /* Insight search (alternative search UI) */
     .ins-search
         background: rgba(13, 17, 23, 0.95) !important
 
     .ins-search-wrapper
         background: #161b22 !important
         border-color: #30363d !important
 
-    .ins-section-wrapper
-        background: #161b22 !important
-    
-    .ins-section-header
-        background: #21262d !important
-        color: #e6eef8 !important
-        border-color: #30363d !important
-    
     .ins-input-wrapper
-        background: #0d1117 !important
+        background: #161b22 !important
         border-color: #30363d !important
 
     .ins-input
@@ -470,10 +434,16 @@ html, body, .card, .navbar-main, .footer, a, .content, .title, p, h1, h2, h3, h4
         &::placeholder
             color: #8b949e !important
 
-    .ins-selectable
+    .ins-section-wrapper
         background: #161b22 !important
-        color: #c9d1d9 !important
+    
+    .ins-section-header
+        background: #21262d !important
+        color: #e6eef8 !important
         border-color: #30363d !important
+    
+    .ins-selectable
+        color: #c9d1d9 !important
 
         &:hover, &.active
             background: #21262d !important

themes/icarus/include/style/search.styl

@@ -202,3 +202,86 @@ $searchbox-bg-pagination-item-disabled ?= $searchbox-bg-container
         width: 100%
         height: 100%
         border-radius: 0
+
+/* Dark mode overrides for search box */
+.dark-mode
+    .searchbox
+        background: rgba(13, 17, 23, 0.95)
+    
+    .searchbox-container
+        background: #161b22
+        border-color: #30363d
+    
+    .searchbox-header
+        background: #161b22
+    
+    .searchbox-input
+        background: #161b22
+        color: #c9d1d9
+        
+        &::placeholder
+            color: #8b949e
+    
+    .searchbox-close
+        color: #c9d1d9
+        
+        &:hover
+            background: #21262d
+            color: #58a6ff
+        
+        &:active
+            background: #30363d
+    
+    .searchbox-body
+        background: #0d1117
+        border-top-color: #30363d
+    
+    .searchbox-result-section
+        border-bottom-color: #30363d
+        
+        header
+            color: #8b949e
+            background: #0d1117
+    
+    .searchbox-result-item
+        background: #0d1117
+        color: #c9d1d9
+        
+        &:not(.disabled):not(.active):not(:active):hover
+            background: #161b22
+        
+        &:active, &.active
+            background: #238636
+            color: #ffffff
+        
+        em
+            background: #6e7681
+            color: #ffeb3b
+    
+    .searchbox-result-title
+        color: #e6eef8
+    
+    .searchbox-result-title-secondary,
+    .searchbox-result-preview
+        color: #8b949e
+    
+    .searchbox-footer
+        background: #161b22
+        border-top-color: #30363d
+    
+    .searchbox-pagination-link
+        background: #21262d
+        color: #c9d1d9
+        
+        &:hover
+            background: #30363d
+    
+    .searchbox-pagination-item.active
+        .searchbox-pagination-link
+            background: #238636
+            color: #ffffff
+    
+    .searchbox-pagination-item.disabled
+        .searchbox-pagination-link
+            background: #161b22
+            color: #6e7681