Skip to content

Commit 93c83fd

Browse files
committed
fix(docs-site): improve dark hero contrast
1 parent c29bb9b commit 93c83fd

1 file changed

Lines changed: 39 additions & 0 deletions

File tree

docs-site/src/pages/index.module.css

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -154,6 +154,45 @@
154154
background: linear-gradient(180deg, #0f1525 0%, #121c2f 100%);
155155
}
156156

157+
[data-theme='dark'] .heroBanner {
158+
background:
159+
radial-gradient(circle at 18% 18%, rgba(174, 209, 255, 0.22), transparent 36%),
160+
radial-gradient(circle at 82% 26%, rgba(143, 188, 255, 0.24), transparent 40%),
161+
linear-gradient(130deg, #144ab4 0%, #0f3f98 52%, #0b3178 100%);
162+
color: #ecf4ff;
163+
}
164+
165+
[data-theme='dark'] .heroTitle {
166+
color: #f6f9ff;
167+
}
168+
169+
[data-theme='dark'] .heroSubtitle {
170+
color: #dce8ff;
171+
}
172+
173+
[data-theme='dark'] .primaryAction {
174+
background: #e5efff;
175+
border-color: transparent;
176+
color: #0d2d63;
177+
}
178+
179+
[data-theme='dark'] .primaryAction:hover {
180+
background: #f1f6ff;
181+
color: #0a2552;
182+
}
183+
184+
[data-theme='dark'] .secondaryAction {
185+
background: rgba(110, 168, 255, 0.18);
186+
border-color: rgba(160, 200, 255, 0.82);
187+
color: #edf4ff;
188+
}
189+
190+
[data-theme='dark'] .secondaryAction:hover {
191+
background: rgba(110, 168, 255, 0.3);
192+
border-color: rgba(179, 215, 255, 0.95);
193+
color: #fff;
194+
}
195+
157196
[data-theme='dark'] .blockHeader p,
158197
[data-theme='dark'] .featureCard p,
159198
[data-theme='dark'] .docCard p {

0 commit comments

Comments
 (0)