Skip to content

Fix the dark-mode contrast of the manuscripts tool buttons - #2237

Draft
cwickham wants to merge 1 commit into
mainfrom
fix/manuscripts-dark-contrast
Draft

cwickham wants to merge 1 commit into
mainfrom
fix/manuscripts-dark-contrast

Conversation

@cwickham

@cwickham cwickham commented Sep 29, 2026 •

Copy link
Copy Markdown
Member

In dark mode, the tool buttons on the manuscripts page have #373a3c labels on #151515. This is 1.59:1, and text needs 4.5:1 (WCAG 1.4.3). docs/manuscripts/tutorial.css had no dark-mode rule for the buttons. docs/get-started/tutorial.css already has one.

  • The manuscripts rule now has light and dark variants, the same as get-started.
  • The dark border on both pages is now #6c757d (3.89:1). The old dark border was 1.3:1, so the button outlines were almost invisible.

Checked with an axe scan of docs/manuscripts/index.html before and after: color-contrast (3 instances) is gone. A scan of all 22 get-started pages shows no change. Nothing is new or worse.

Check (dark mode)

…ttons

The manuscripts .tool buttons hard-coded #373a3c text with no dark-mode
rule (1.59:1 on #151515, axe color-contrast). Split the rule into light and
dark variants as get-started does, and lighten the dark border on both pages
to #6c757d (3.89:1) so the button outlines stay visible.
@github-actions

Copy link
Copy Markdown
Contributor

📝 Preview Deployment

🔍 Full site preview: https://deploy-preview-2237.quarto.org

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant