Skip to content

Commit 35b7734

Browse files
committed
fix: improve header layout and dark theme text readability
1 parent 9e1f61b commit 35b7734

File tree

1 file changed

+65
-4
lines changed

1 file changed

+65
-4
lines changed

docs/assets/css/style.css

Lines changed: 65 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,65 @@
8080
color: white;
8181
}
8282

83+
/* Dark Theme Text Readability */
84+
[data-theme="dark"] .page-title {
85+
color: var(--text-primary) !important;
86+
}
87+
88+
[data-theme="dark"] .page-description {
89+
color: var(--text-secondary) !important;
90+
}
91+
92+
[data-theme="dark"] .page-content h1,
93+
[data-theme="dark"] .page-content h2,
94+
[data-theme="dark"] .page-content h3 {
95+
color: var(--text-primary) !important;
96+
}
97+
98+
[data-theme="dark"] .page-content p {
99+
color: var(--text-primary) !important;
100+
}
101+
102+
[data-theme="dark"] .page-content li {
103+
color: var(--text-primary) !important;
104+
}
105+
106+
[data-theme="dark"] .page-content code {
107+
background: var(--darker-bg);
108+
color: var(--text-primary);
109+
border: 1px solid var(--border-color);
110+
}
111+
112+
[data-theme="dark"] .page-content pre {
113+
background: var(--darker-bg);
114+
color: var(--text-primary);
115+
border: 1px solid var(--border-color);
116+
}
117+
118+
[data-theme="dark"] .hero-title {
119+
color: var(--text-primary) !important;
120+
}
121+
122+
[data-theme="dark"] .hero-subtitle {
123+
color: var(--text-secondary) !important;
124+
}
125+
126+
[data-theme="dark"] .hero-description {
127+
color: var(--text-primary) !important;
128+
}
129+
130+
[data-theme="dark"] .card-body {
131+
color: var(--text-primary) !important;
132+
}
133+
134+
[data-theme="dark"] .card-title {
135+
color: var(--text-primary) !important;
136+
}
137+
138+
[data-theme="dark"] .card-text {
139+
color: var(--text-primary) !important;
140+
}
141+
83142
* {
84143
margin: 0;
85144
padding: 0;
@@ -297,6 +356,8 @@ body[data-theme="dark"] {
297356
display: flex;
298357
align-items: center;
299358
gap: 0.5rem;
359+
white-space: nowrap;
360+
min-width: max-content;
300361
}
301362

302363
.navbar-nav .nav-link:hover {
@@ -323,8 +384,8 @@ body[data-theme="dark"] {
323384

324385
/* Main Content */
325386
.main-content {
326-
margin-top: 120px;
327-
min-height: calc(100vh - 120px);
387+
margin-top: 160px;
388+
min-height: calc(100vh - 160px);
328389
}
329390

330391
/* Content Area - Full Width */
@@ -346,8 +407,8 @@ body[data-theme="dark"] {
346407
}
347408

348409
.main-content {
349-
margin-top: 120px;
350-
min-height: calc(100vh - 120px);
410+
margin-top: 160px;
411+
min-height: calc(100vh - 160px);
351412
width: 100%;
352413
max-width: 100%;
353414
}

0 commit comments

Comments
 (0)