[wp-trac] [WordPress Trac] #64547: Admin Reskin: Update button and input field styling to align with WordPress Design System

[WordPress Trac]

#64547: Admin Reskin: Update button and input field styling to align with WordPress
Design System
------------------------------+-------------------------------------
 Reporter:  fabiankaegy       |       Owner:  joedolson
     Type:  enhancement       |      Status:  closed
 Priority:  normal            |   Milestone:  7.0
Component:  Administration    |     Version:
 Severity:  normal            |  Resolution:  fixed
 Keywords:  has-patch commit  |     Focuses:  ui, accessibility, css
------------------------------+-------------------------------------
Changes (by fabiankaegy):

 * status:  accepted => closed
 * resolution:   => fixed


Comment:

 In [changeset:"61645" 61645]:
 {{{
 #!CommitTicketReference repository="" revision="61645"
 Admin: Update button and form field styles to align with the design
 system.

 Introduce a design system tokens file (`_tokens.scss`) based on the
 WordPress Design System, providing standardized values for colors,
 spacing, typography, border-radius, and elevation.

 Update buttons to use CSS custom properties for theme color support across
 all admin color schemes. Restyle primary buttons with filled theme-color
 backgrounds, secondary buttons with outlined borders, and add a tertiary
 button mixin. Adopt Gutenberg-style focus rings with outset box-shadows
 and transparent outlines for Windows High Contrast mode compatibility.

 Increase default input and select height from 30px to 40px, apply 2px
 border-radius, and update border and placeholder colors to match the
 design system. Restyle checkboxes and radios with filled theme-color
 checked states and white indicator marks, using outset double-ring focus
 styles consistent with Gutenberg.

 Apply compact 32px sizing to list table controls, page-title-action
 buttons, and toolbar elements. Convert tag input layouts and the major-
 publishing-actions bar to flexbox.

 Props fabiankaegy, joedolson, audrasjb, joen, phpbits, magaliechetrit,
 karmatosed.
 Fixes #64547.
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/64547#comment:31>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform