Media: Make the image editor help toggle icon color admin scheme-aware#12131
Media: Make the image editor help toggle icon color admin scheme-aware#12131t-hamano wants to merge 1 commit into
Conversation
Replace the hardcoded #2271b1 color on the image editor help toggle (info) icon with the var(--wp-admin-theme-color) custom property, so the icon honors the user's selected admin color scheme instead of always rendering in the default blue. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the Core Committers: Use this line as a base for the props when committing in SVN: To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
Test using WordPress PlaygroundThe changes in this pull request can previewed and tested using a WordPress Playground instance. WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser. Some things to be aware of
For more details about these limitations and more, check out the Limitations page in the WordPress Playground documentation. |
Dervish12
left a comment
There was a problem hiding this comment.
Nice fix. Replacing the hardcoded #2271b1 with var(--wp-admin-theme-color) is the right call — this makes the help toggle icon consistent with every admin color scheme instead of being stuck on the classic blue.
The focus state change is also correct — border-color and box-shadow should match the theme color, not a static hex.
One thing I noticed: the box-shadow uses 1px width while most other focus styles in the admin use var(--wp-admin-border-width-focus, 1.5px). Might be worth aligning that too, but it is a pre-existing issue and outside the scope of this ticket.
Looks good to merge.

The help icon color in the image editor was hardcoded with classic colors. By replacing this with a CSS variable, it will default to modern colors. Furthermore, the color will appropriately change according to the user's color scheme.
Trac ticket: https://core.trac.wordpress.org/ticket/64937
Screenshots
Note that the button is intentionally focused to visually display the focus outline.
Use of AI Tools
N/A