@@ -260,6 +260,20 @@ fs.writeFileSync(path.join(distDir, 'alerts.css'), alertsCss);
260260
261261// Generate docs CSS – link discoverability + reveal.js scrollable slides
262262const 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+
263277body,
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