Skip to content

Enhance theme colors#6438

Merged
jasmussen merged 1 commit intomasterfrom
try/enhance-theme-colors
Apr 26, 2018
Merged

Enhance theme colors#6438
jasmussen merged 1 commit intomasterfrom
try/enhance-theme-colors

Conversation

@jasmussen
Copy link
Copy Markdown
Contributor

It's thursday, and I'm AFK tomorrow for a long weekend! Danish holiday, yeees! For that reason, I treated myself to a nice little color tweaking PR. It's like eating dessert, but in PR form.

In this case, I polished up the mixin that colors Gutenberg according to your WordPress admin color scheme. For most schemes this means that the colors are a tad more accurate, and that their 2nd spot colors are now registered as SCSS variables, even if not yet used.

However in the case of Sunrise and Midnight themes, this 2nd spot color now is being used, to color the Switch. Specifically, we want the activated switch to always have a bright color that stays away from "warning" hues like red or orange. In the case of the Midnight theme, the switch used to be red (dark pink), and in Sunrise it used to be orange. This PR switches those to use the new 2nd spot colors (these are traditionally used for the "notification" color in wp-admin, such as you have 1 plugin update). This makes them light blue and olive, respectively.

As a reminder, these are the themes:

screen shot 2018-04-26 at 11 39 53

Screenshots. Fresh (default):

fresh default

Light:

light

Blue:

blue

Coffee:

coffee

Ectoplasm:

ectoplasm

Midnight (my fav):

midnight

Ocean:

ocean

Sunrise:

sunrise

It's thursday, and I'm AFK tomorrow for a long weekend! Danish holiday, yeees! For that reason, I treated myself to a nice little color tweaking PR. It's like eating dessert, but in PR form.

In this case, I polished up the mixin that colors Gutenberg according to your WordPress admin color scheme. For most schemes this means that the colors are a tad more accurate, and that their 2nd spot colors are now registered as SCSS variables, even if not yet used.

However in the case of Sunrise and Midnight themes, this 2nd spot color now _is_ being used, to color the Switch. Specifically, we want the _activated_ switch to always have a bright color that stays away from "warning" hues like red or orange. In the case of the Midnight theme, the switch used to be red (dark pink), and in Sunrise it used to be orange. This PR switches those to use the new 2nd spot colors (these are traditionally used for the "notification" color in wp-admin, such as you have 1 plugin update). This makes them light blue and olive, respectively.
@jasmussen jasmussen added [Type] Enhancement A suggestion for improvement. Needs Design Feedback Needs general design feedback. labels Apr 26, 2018
@jasmussen jasmussen self-assigned this Apr 26, 2018
@jasmussen jasmussen requested review from a team and karmatosed April 26, 2018 09:42
Copy link
Copy Markdown
Member

@karmatosed karmatosed left a comment

Choose a reason for hiding this comment

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

This is great! Good to see little touches like this smoothed out.

@jasmussen jasmussen merged commit 560180e into master Apr 26, 2018
@jasmussen jasmussen deleted the try/enhance-theme-colors branch April 26, 2018 10:05
Copy link
Copy Markdown
Contributor

@afercia afercia left a comment

Choose a reason for hiding this comment

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

Devil's in the details ;) Nice job! Historically, only the default color scheme is meant to be accessible so if the default colors have a sufficient contrast ratio, that's OK!
Enjoy the eating-dessert-weekend 🍨

@jasmussen
Copy link
Copy Markdown
Contributor Author

Nice, thanks for the context! I did think "Sunrise" was somewhat iffy contrastwise!

😄

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

Labels

Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants