Change open colors to blue for tritanopia and colorblind

[lukasoppermann]

This fixes https://github.com/github/primer/issues/4846 and https://github.com/github/primer/issues/4667

Latest changes

Previous changes

After change

Default

Tritanopia (simulation)

Protanopia (simulation)

Deuteranopia (simulation)

Before change (current)

Default

Tritanopia (simulation)

Protanopia (simulation)

Deuteranopia (simulation)

List of notable changes:

• updated bgColor.open.[...], borderColor.open.[...] and fgColor.open to use blue instead of red / orange in tritanopia, deuteranopia and protanopia.
• draft token is always gray
• in colorblind modes, the color for open is darker, to better contrast with the other colors

Next steps

• run as feature flag internally for 2 weeks
• if no comments or issues, run as GA feature flag for 2 weeks
• if no comments or issues, merge and release

[changeset-bot]

🦋 Changeset detected

Latest commit: 292a4e1

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/primitives	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Design Token Diff (CSS)

The message is too long to be displayed here. For more details, please check the job summary.

[github-actions]

Design Token Diff (StyleLint)

The message is too long to be displayed here. For more details, please check the job summary.

[github-actions]

Design Token Diff (Figma)

The message is too long to be displayed here. For more details, please check the job summary.

[Copilot]

Pull Request Overview

This PR updates the “open” token colors (foreground, border, background) for colorblind and tritanopia simulations, switching from red/orange to blue shades.

• Removed old orange/red overrides for colorblind themes in fgColor, borderColor, and bgColor.
• Introduced (via placeholder) new blue-based overrides (to be implemented).
• Added a changeset for the patch release.

Reviewed Changes

Copilot reviewed 4 out of 34 changed files in this pull request and generated 5 comments.

File	Description
src/tokens/functional/color/fgColor.json5	Cleared old colorblind overrides for open fgColor tokens.
src/tokens/functional/color/borderColor.json5	Cleared old colorblind overrides for open borders.
src/tokens/functional/color/bgColor.json5	Cleared old colorblind overrides for open backgrounds.
.changeset/modern-items-notice.md	Added patch release note about switching to blue overrides.

Comments suppressed due to low confidence (1)

src/tokens/functional/color/fgColor.json5:229

• [nitpick] Consider adding automated or visual regression tests to verify the new blue overrides render correctly in tritanopia, protanopia, and deuteranopia simulations.

        'org.primer.overrides': {

[lukasoppermann]

From slack

:wave-dog: I noticed that the light colorblind theme changed where it isn't fully changing the color appearance it used to, i.e. Closed issues still show purple from the Light Default theme. Just wanted to see if anything changed?

Open issues used to also be orange and are now blue - just a tad difficult to discern blue/purple for an accessible theme

Result: We need to update closed to set it to gray.
After investigating I noticed that this is because the done token is used for closed issues. This means we need to adjust this token as well.

[lukasoppermann]

The above has an issue where closed and done don't contrast well enough.

A new approach here is the following:

This is the default light theme:

Tritanopia light theme:

Protanopia Deuteranopia light theme:

Alternative new approach:

Tritanopia light theme:

Protanopia Deuteranopia light theme:

[lesliecdubs]

Hi @lukasoppermann 👋🏻 What's the status on this PR? It looks like it's been approved though I see a few conflicts to resolve. Is the plan to merge this?