Skip to content

Commit 639de5f

Browse files
committed
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
1 parent eaffd0e commit 639de5f

File tree

1 file changed

+25
-14
lines changed

1 file changed

+25
-14
lines changed

docs/assets/css/style.css

Lines changed: 25 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ body {
119119
}
120120

121121
.feature-card .card-header {
122-
background: var(--gray-100);
122+
background: var(--bs-tertiary-bg);
123123
border-bottom: 2px solid var(--accent-color);
124124
font-weight: 600;
125125
color: var(--primary-color);
@@ -148,10 +148,11 @@ pre {
148148
}
149149

150150
code {
151-
background: var(--gray-200);
151+
background: var(--bs-secondary-bg);
152152
padding: 0.2rem 0.4rem;
153153
border-radius: 4px;
154154
font-size: 0.9em;
155+
color: var(--bs-emphasis-color);
155156
}
156157

157158
pre code {
@@ -205,7 +206,7 @@ pre code {
205206
}
206207

207208
.table tbody tr:hover {
208-
background-color: var(--gray-100);
209+
background-color: var(--bs-tertiary-bg);
209210
}
210211

211212
/* Flow Chart */
@@ -226,21 +227,21 @@ pre code {
226227
}
227228

228229
.alert-info {
229-
background-color: #e6f3ff;
230+
background-color: rgba(66, 153, 225, 0.1);
230231
border-left-color: var(--accent-color);
231-
color: var(--primary-color);
232+
color: var(--bs-emphasis-color);
232233
}
233234

234235
.alert-success {
235-
background-color: #f0fff4;
236+
background-color: rgba(56, 161, 105, 0.1);
236237
border-left-color: var(--success-color);
237-
color: #2f855a;
238+
color: var(--bs-emphasis-color);
238239
}
239240

240241
.alert-warning {
241-
background-color: #fffbeb;
242+
background-color: rgba(214, 158, 46, 0.1);
242243
border-left-color: var(--warning-color);
243-
color: #b7791f;
244+
color: var(--bs-emphasis-color);
244245
}
245246

246247
/* Footer */
@@ -305,7 +306,7 @@ pre code {
305306
}
306307

307308
.sidebar .nav-link:hover {
308-
background-color: var(--gray-200);
309+
background-color: var(--bs-tertiary-bg);
309310
color: var(--primary-color);
310311
}
311312

@@ -385,23 +386,33 @@ section { scroll-margin-top: 90px; }
385386
top: 100%;
386387
left: 0;
387388
right: 0;
388-
background: white;
389-
border: 1px solid var(--gray-300);
389+
background: var(--bs-body-bg);
390+
border: 1px solid var(--bs-border-color);
390391
border-radius: 6px;
391392
max-height: 300px;
392393
overflow-y: auto;
393394
z-index: 1000;
394395
display: none;
396+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
395397
}
396398

397399
.search-result-item {
398400
padding: 0.75rem;
399-
border-bottom: 1px solid var(--gray-200);
401+
border-bottom: 1px solid var(--bs-border-color);
400402
cursor: pointer;
403+
color: var(--bs-body-color);
401404
}
402405

403406
.search-result-item:hover {
404-
background-color: var(--gray-100);
407+
background-color: var(--bs-tertiary-bg);
408+
}
409+
410+
.search-result-item:last-child {
411+
border-bottom: none;
412+
}
413+
414+
.search-result-item .text-muted {
415+
color: var(--bs-secondary-color) !important;
405416
}
406417

407418
/* Dense layout helpers */

0 commit comments

Comments
 (0)