Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use new Primer color names #186

Merged
merged 2 commits into from
Jan 7, 2022
Merged

Use new Primer color names #186

merged 2 commits into from
Jan 7, 2022

Conversation

ryanrishi
Copy link
Contributor

Looks like this was applying the dark theme if [data-color-mode=dark] is in an ancestor tag (based on this Hacker News post). This changeset uses a media query to apply a dark theme instead of relying on an attribute in an ancestor tag.

With this change, using local extension build:
Screen Shot 2021-11-27 at 5 46 05 PM

Relates to #60, Fixes #182

@ryanrishi
Copy link
Contributor Author

Looks like Github recently updated its colors (primer/primitives#224) and removed some of the variables this extension was using.

I updated references to these colors and went through each of the appearance settings and verified this extension's styles matches Github's settings

Light Default

01 light default

Light High Contrast

02 light high contrast

Dark Default

03 dark default

Dark High Contrast

04 dark high contrast

Dark Dimmed

05 dark dimmed

@ryanrishi ryanrishi changed the title Use media query to derive dark mode Use new Primer color names Nov 29, 2021
@ryanrishi
Copy link
Contributor Author

Hi @berzniz, happy new year! Any thoughts on this change?

@berzniz berzniz added this to the 1.0.36 milestone Jan 7, 2022
@berzniz
Copy link
Owner

berzniz commented Jan 7, 2022

Wow @ryanrishi - you've done some amazing job here! All themes looks great now 💯

image

@berzniz berzniz merged commit 256df2f into berzniz:master Jan 7, 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.

Dark mode auto-toggle not working
2 participants