fix: improve dark mode consistency across all components

- Fix search dropdown background and borders to use CSS variables
- Update table hover, sidebar hover, and card headers for dark mode
- Improve alert backgrounds with rgba for better transparency
- Fix inline code background to respect theme colors
- Add proper text colors and remove hardcoded white backgrounds

Author: SubaashNair

docs/assets/css/style.css

@@ -119,7 +119,7 @@ body {
 }
 
 .feature-card .card-header {
-  background: var(--gray-100);
+  background: var(--bs-tertiary-bg);
   border-bottom: 2px solid var(--accent-color);
   font-weight: 600;
   color: var(--primary-color);
@@ -148,10 +148,11 @@ pre {
 }
 
 code {
-  background: var(--gray-200);
+  background: var(--bs-secondary-bg);
   padding: 0.2rem 0.4rem;
   border-radius: 4px;
   font-size: 0.9em;
+  color: var(--bs-emphasis-color);
 }
 
 pre code {
@@ -205,7 +206,7 @@ pre code {
 }
 
 .table tbody tr:hover {
-  background-color: var(--gray-100);
+  background-color: var(--bs-tertiary-bg);
 }
 
 /* Flow Chart */
@@ -226,21 +227,21 @@ pre code {
 }
 
 .alert-info {
-  background-color: #e6f3ff;
+  background-color: rgba(66, 153, 225, 0.1);
   border-left-color: var(--accent-color);
-  color: var(--primary-color);
+  color: var(--bs-emphasis-color);
 }
 
 .alert-success {
-  background-color: #f0fff4;
+  background-color: rgba(56, 161, 105, 0.1);
   border-left-color: var(--success-color);
-  color: #2f855a;
+  color: var(--bs-emphasis-color);
 }
 
 .alert-warning {
-  background-color: #fffbeb;
+  background-color: rgba(214, 158, 46, 0.1);
   border-left-color: var(--warning-color);
-  color: #b7791f;
+  color: var(--bs-emphasis-color);
 }
 
 /* Footer */
@@ -305,7 +306,7 @@ pre code {
 }
 
 .sidebar .nav-link:hover {
-  background-color: var(--gray-200);
+  background-color: var(--bs-tertiary-bg);
   color: var(--primary-color);
 }
 
@@ -385,23 +386,33 @@ section { scroll-margin-top: 90px; }
   top: 100%;
   left: 0;
   right: 0;
-  background: white;
-  border: 1px solid var(--gray-300);
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
   border-radius: 6px;
   max-height: 300px;
   overflow-y: auto;
   z-index: 1000;
   display: none;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 
 .search-result-item {
   padding: 0.75rem;
-  border-bottom: 1px solid var(--gray-200);
+  border-bottom: 1px solid var(--bs-border-color);
   cursor: pointer;
+  color: var(--bs-body-color);
 }
 
 .search-result-item:hover {
-  background-color: var(--gray-100);
+  background-color: var(--bs-tertiary-bg);
+}
+
+.search-result-item:last-child {
+  border-bottom: none;
+}
+
+.search-result-item .text-muted {
+  color: var(--bs-secondary-color) !important;
 }
 
 /* Dense layout helpers */