From ccd8eb127e9525db0f2c584813d8478bfa01d26d Mon Sep 17 00:00:00 2001 From: Claude Date: Tue, 11 Aug 2026 15:41:34 +0000 Subject: [PATCH] DP-3630: give dark-theme prev/next hyperlinks their own ink In dark theme, the prev/next-page navigation link reused $color-lime-green, the exact color used for the active sidebar-nav state, so a reader could not tell "where I am" from "where I can go" by color alone. Switch the link to $color-ice-blue (the palette's existing "Hyperlinks on dark backgrounds" token, already used by inline body links), keeping the pre-existing underline as the non-color differentiator per WCAG 1.4.1. Co-Authored-By: Claude Sonnet 5 Claude-Session: https://claude.ai/code/session_01Hfa29EmE8trdLXwnszcXxe --- assets/scss/dark-theme/prev-next-pages.scss | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/assets/scss/dark-theme/prev-next-pages.scss b/assets/scss/dark-theme/prev-next-pages.scss index d1fa69f..0586297 100644 --- a/assets/scss/dark-theme/prev-next-pages.scss +++ b/assets/scss/dark-theme/prev-next-pages.scss @@ -8,13 +8,19 @@ border-top-color: $color-gunpowder-gray; &__link { - color: $color-lime-green; + // Was $color-lime-green — identical to the active sidebar-nav ink + // (see dark-theme/menu.scss), so the two affordances were + // indistinguishable by color. Use the palette's dedicated + // "Hyperlinks on dark backgrounds" token instead (already used by + // the generic `a` in dark-theme/typography.scss), keeping the + // existing underline as the non-color differentiator (WCAG 1.4.1). + color: $color-ice-blue; text-decoration: underline; &:hover, &:focus, &:active { - color: $color-white; + color: $color-alice-blue; text-decoration: underline; } }