From 020c7ca7c0277a6bfce1a4b1eeb6a3279e33d76d Mon Sep 17 00:00:00 2001 From: Ruokun Niu Date: Fri, 17 Jul 2026 13:43:42 -0700 Subject: [PATCH] docsite fix Signed-off-by: Ruokun Niu --- docs/assets/scss/_styles_project.scss | 28 +++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/docs/assets/scss/_styles_project.scss b/docs/assets/scss/_styles_project.scss index a1dbae66..a9dc1a1a 100644 --- a/docs/assets/scss/_styles_project.scss +++ b/docs/assets/scss/_styles_project.scss @@ -3746,6 +3746,34 @@ pre:hover .copy-code-button { color: $gray-400; } + // --------------------------------------------------------------------------- + // Content prose hyperlinks. In dark mode the link colour is the deep-navy + // $primary lightened by $lighten-amount-for-dark-color-variant, which is a + // muted blue that fails WCAG contrast against the dark canvas. Visited links + // are also indistinguishable from unvisited ones. Use a bright cyan for links + // (AAA contrast) and a soft purple for visited links so both states read + // clearly and are easy to tell apart. `:not([class])` targets plain prose + // links only, leaving decorative/card links (which carry their own colours) + // untouched. + // --------------------------------------------------------------------------- + .td-content a:not([class]) { + color: $accent-cyan; + + &:hover, + &:focus { + color: lighten($accent-cyan, 12%); + } + + &:visited { + color: $accent-purple; + } + + &:visited:hover, + &:visited:focus { + color: lighten($accent-purple, 10%); + } + } + // --------------------------------------------------------------------------- // Navigation chrome accents (active/hover) that use color: $primary // ---------------------------------------------------------------------------