Skip to content

Add Tritanopia theme - #310

Merged
simurai merged 5 commits into
mainfrom
tritanopia-theme
Mar 30, 2022
Merged

simurai merged 5 commits into
mainfrom
tritanopia-theme

Conversation

@simurai

@simurai simurai commented Mar 25, 2022 •

Copy link
Copy Markdown
Contributor

This is in support of https://github.com/github/primer/issues/844 and adds 2 new light_tritanopia and dark_tritanopia themes.

They are identical to the colorblind themes except for:

  • orange scale use the values from the default red scale
  • red scale use the values from the default red scale
Light colorblind Light Tritanopia ✨ new
Screen Shot 2022-03-25 at 15 14 02 Screen Shot 2022-03-25 at 15 13 31

Here the effect on the open State component:

Light colorblind Light Tritanopia ✨ new
Screen Shot 2022-03-24 at 18 23 40 Screen Shot 2022-03-24 at 18 23 55

And here a simulation how a user with Tritanopia might see the open State. It looks "red" in both themes but a bit more vibrant in the Tritanopia theme:

Light colorblind Light Tritanopia ✨ new
dp-theme t-theme
Open = red Open = red (more vibrant)

@changeset-bot

changeset-bot Bot commented Mar 25, 2022 •

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 251de59

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 Minor

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

@vercel

vercel Bot commented Mar 25, 2022 •

Copy link
Copy Markdown

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/primer/primitives/GHNYUQ1yBZC6jQg8U1PDTJgbvngb
✅ Preview: https://primitives-git-tritanopia-theme-primer.vercel.app

@github-actions

github-actions Bot commented Mar 25, 2022 •

Copy link
Copy Markdown
Contributor
Variables changed
No variables changed

@@ -0,0 +1,62 @@
import {merge} from '../../../src/utils'
import light_colorblind from './light_colorblind'

@simurai simurai Mar 25, 2022 •

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is it ok to import light_colorblind directly (instead of light)? It avoids us having to keep the colorblind exceptions in sync.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we built it with this intention in mind. cc @colebemis to verify

@simurai
simurai marked this pull request as ready for review March 25, 2022 07:00
@simurai
simurai requested a review from a team as a code owner March 25, 2022 07:00
@simurai
simurai requested review from a team, jonrohan and pksjce March 25, 2022 07:00
@simurai simurai mentioned this pull request Mar 25, 2022
3 tasks done
@lesliecdubs

Copy link
Copy Markdown
Member

@jonrohan do you have capacity to hop in on this review this week to help get color modes to beta?

@jonrohan jonrohan left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me 👍🏻

@@ -0,0 +1,62 @@
import {merge} from '../../../src/utils'
import light_colorblind from './light_colorblind'

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we built it with this intention in mind. cc @colebemis to verify

@simurai
simurai merged commit 3a72849 into main Mar 30, 2022
@simurai
simurai deleted the tritanopia-theme branch March 30, 2022 06:27
@primer-css primer-css mentioned this pull request Mar 30, 2022
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.

3 participants