[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