[wp-trac] [WordPress Trac] #64761: Admin Reskin: Change color picker height to 40px
WordPress Trac
noreply at wordpress.org
Tue Mar 31 15:39:22 UTC 2026
#64761: Admin Reskin: Change color picker height to 40px
-------------------------------------------------+-------------------------
Reporter: wildworks | Owner: audrasjb
Type: defect (bug) | Status: reviewing
Priority: normal | Milestone: 7.0
Component: Administration | Version: trunk
Severity: normal | Resolution:
Keywords: admin-reskin has-patch changes- | Focuses:
requested has-screenshots |
-------------------------------------------------+-------------------------
Comment (by sajib1223):
== Patch Testing Report
Patch tested: https://github.com/WordPress/wordpress-develop/pull/11093
Playground: https://playground.wordpress.net/?core-pr=11385&wp=trunk
=== Environment
- OS: Windows 10/11
- Web Server: PHP.wasm
- PHP: 8.3.30
- WordPress: 7.1-alpha-20260328.140010
- Browser: Firefox 149.0
- Theme: Twenty Twenty-One 2.7
- Database: WP_SQLite_Driver (Server: 8.0.38 / Client: 3.51.0)
- Active Plugins:
- RichText Extension 3.0.0
- Test Reports 1.2.1
=== Steps to Test
1. Install and activate the Twenty Twenty-One theme.
2. Navigate to Appearance > Customize > Colors.
3. Observe the color picker button height and its alignment with the
adjacent hex input field.
=== Expected Results
- ✅ The color picker button height is increased from 30px to 32px,
consistent with the new dashboard design system.
- ✅ The color picker button and the hex input field are visually aligned.
- ✅ No layout regression is observed in the Customizer color panel.
=== Additional Notes
- The PR went through several iterations. The final implementation settles
on 32px (not the originally proposed 40px), which aligns with the allowed
values in the new WP dashboard design system as noted by @t-hamano.
- Reviewer @audrasjb confirmed correct visual alignment on WP 7.0 RC2 via
the same TT1 Customizer > Colors path (March 28, 2026).
- comment:19 by @rcorrales (macOS/Chrome, trunk) independently confirmed
the same results across Twenty Fifteen and Twenty Twenty-One Customizer,
and a custom plugin settings page using `wp_color_picker`.
=== Screenshots
[[Image(https://files.catbox.moe/el96cf.png)]]
--
Ticket URL: <https://core.trac.wordpress.org/ticket/64761#comment:22>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform
More information about the wp-trac
mailing list