Make WordPress Core

Opened 7 weeks ago

Closed 6 weeks ago

#64731 closed defect (bug) (fixed)

Admin reskin: Update colors in customizer

Reported by: joedolson's profile joedolson Owned by: joedolson's profile joedolson
Milestone: 7.0 Priority: normal
Severity: normal Version: trunk
Component: Customize Keywords: admin-reskin has-patch commit
Focuses: css Cc:

Description (last modified by joedolson)

Originally just the hover color on settings gear icon, but expanded to cover most of the customizer.

This is the case that I found, but overall, I think that there's a whole set of :hover colors in place for accordions and accordion controls that are mostly being overridden everywhere, and can just be removed to resolve this issue.

Attachments (6)

Screenshot 2026-02-25 at 8.49.25 PM.png (54.8 KB) - added by joedolson 7 weeks ago.
Screenshot
after-patch.png (130.4 KB) - added by noruzzaman 7 weeks ago.
Tested PR #11057 via WordPress Playground; I can confirm the hover color mismatch on the settings gear is resolved and looks consistent with the new admin reskin.
after-patch.2.png (130.4 KB) - added by noruzzaman 7 weeks ago.
Tested PR #11057 via WordPress Playground; I can confirm the hover color mismatch on the settings gear is resolved and looks consistent with the new admin reskin.
new.png (155.5 KB) - added by noruzzaman 7 weeks ago.
before-patch.png (108.1 KB) - added by shailu25 7 weeks ago.
Before Patch
after-patch.3.png (58.8 KB) - added by shailu25 7 weeks ago.
After Patch

Download all attachments as: .zip

Change History (14)

This ticket was mentioned in PR #11057 on WordPress/wordpress-develop by @joedolson.


7 weeks ago
#1

  • Keywords has-patch added; needs-patch removed

Removes some hover/focus states that use old color scheme, and are largely overridden by new schemes without change.

Trac ticket: https://core.trac.wordpress.org/ticket/64731

## Use of AI Tools

@joedolson commented on PR #11057:


7 weeks ago
#2

On the whole, there are a lot of old colors in the customizer, and I think many could be removed. Not going to tackle that at this time of night, however...

#3 @madhavishah01
7 weeks ago

Tested and confirmed. The patch resolves the hover color mismatch and looks consistent.

After patch:

https://postimg.cc/bSzz56ZG

@noruzzaman
7 weeks ago

Tested PR #11057 via WordPress Playground; I can confirm the hover color mismatch on the settings gear is resolved and looks consistent with the new admin reskin.

@noruzzaman
7 weeks ago

Tested PR #11057 via WordPress Playground; I can confirm the hover color mismatch on the settings gear is resolved and looks consistent with the new admin reskin.

@noruzzaman
7 weeks ago

#4 @shailu25
7 weeks ago

Test Report

This Report Validates that the indicated patch address the issue.✅

Patch Tested: https://github.com/WordPress/wordpress-develop/pull/11057

Environment:

WordPress - 7.0-Beta2
OS - Windows
Browser - Chrome
Theme: Twenty Twenty
PHP - 7.4.33
Plugin - None

Actual Results:

  • Issue Resolved with Patch ✅

Supplemental Artifacts

  • Attached

@shailu25
7 weeks ago

Before Patch

@shailu25
7 weeks ago

After Patch

#5 @joedolson
7 weeks ago

  • Description modified (diff)
  • Summary changed from Admin reskin: hover color on settings gear in Customizer/Menus to Admin reskin: Update colors in customizer

#6 @joedolson
7 weeks ago

  • Owner set to joedolson
  • Status changed from new to accepted

#7 @joedolson
6 weeks ago

  • Keywords commit added

In my opinion, this is ready to go. I've tested it on a few different color schemes, and the main change is that some of the color schemes are using the old default admin colors for some elements - these were being overridden by the customizer styles, and aren't with these removed.

But I don't think that's a problem - rather than override all of these in the customizer, I think we should be updating the color schemes to be more thorough.

In many of the admin color schemes, this is also true of some other major colors - such as the global link color. Changing those isn't within the scope of this ticket, but should be addressed separately.

#8 @joedolson
6 weeks ago

  • Resolution set to fixed
  • Status changed from accepted to closed

In 61860:

Customizer: Set more colors to inherit from admin theme.

Remove color overrides in customizer CSS that are already set in admin theme colors. Set colors to admin theme colors where currently hard coded.

Props madhavishah01, noruzzaman, shailu25, joedolson.
Fixes #64731.

Note: See TracTickets for help on using tickets.