Skip to content

Commit da6ea5f

Browse files
Copilotpelikhan
andauthored
Update dark mode docs link colors (#1747)
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
1 parent 20200d7 commit da6ea5f

1 file changed

Lines changed: 32 additions & 4 deletions

File tree

scripts/build-docs.js

Lines changed: 32 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -260,6 +260,20 @@ fs.writeFileSync(path.join(distDir, 'alerts.css'), alertsCss);
260260

261261
// Generate docs CSS – link discoverability + reveal.js scrollable slides
262262
const docsCss = `/* Improve link discoverability in rendered workshop docs */
263+
:root {
264+
--workshop-link-color: var(--fgColor-accent, #0969da);
265+
--workshop-link-visited-color: var(--fgColor-done, #8250df);
266+
--workshop-link-hover-color: var(--fgColor-accent, #0550ae);
267+
}
268+
269+
@media (prefers-color-scheme: dark) {
270+
:root {
271+
--workshop-link-color: var(--fgColor-accent, #58a6ff);
272+
--workshop-link-visited-color: var(--fgColor-done, #bc8cff);
273+
--workshop-link-hover-color: var(--fgColor-accent, #79c0ff);
274+
}
275+
}
276+
263277
body,
264278
.markdown-body {
265279
font-family: 'Mona Sans Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
@@ -285,7 +299,7 @@ body,
285299
text-decoration: none;
286300
}
287301
.site-title:hover {
288-
color: var(--fgColor-accent, #0969da);
302+
color: var(--workshop-link-hover-color);
289303
}
290304
.menu-toggle,
291305
.menu-close {
@@ -399,11 +413,11 @@ body,
399413
border-radius: 6px;
400414
}
401415
.workshop-menu-group a:hover {
402-
color: var(--fgColor-accent, #0969da);
416+
color: var(--workshop-link-hover-color);
403417
background-color: var(--bgColor-muted, #f6f8fa);
404418
}
405419
.workshop-menu-group a[aria-current="page"] {
406-
color: var(--fgColor-accent, #0969da);
420+
color: var(--workshop-link-color);
407421
font-weight: 600;
408422
background-color: var(--bgColor-accent-muted, #ddf4ff);
409423
}
@@ -436,11 +450,25 @@ body,
436450
display: none;
437451
}
438452
439-
.markdown-body a:not(.anchor) {
453+
.markdown-body a:not(.anchor),
454+
.workshop-navigation a {
455+
color: var(--workshop-link-color);
440456
text-decoration: underline;
441457
text-underline-offset: 0.08em;
442458
}
443459
460+
.markdown-body a:not(.anchor):visited,
461+
.workshop-navigation a:visited {
462+
color: var(--workshop-link-visited-color);
463+
}
464+
465+
.markdown-body a:not(.anchor):hover,
466+
.markdown-body a:not(.anchor):focus-visible,
467+
.workshop-navigation a:hover,
468+
.workshop-navigation a:focus-visible {
469+
color: var(--workshop-link-hover-color);
470+
}
471+
444472
.workshop-navigation {
445473
display: grid;
446474
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

0 commit comments

Comments
 (0)