[wp-trac] [WordPress Trac] #64548: Admin Reskin: Update notice styling to align with WordPress Design System

[WordPress Trac]

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

 * owner:  (none) => fabiankaegy
 * status:  new => closed
 * resolution:   => fixed


Comment:

 In [changeset:"61647" 61647]:
 {{{
 #!CommitTicketReference repository="" revision="61647"
 Admin: Update notice styles to align with the design system.

 Remove the full border and box-shadow from notices, keeping only the 4px
 left border. Add semantic background colors to each notice type: green for
 success, yellow for warnings, red for errors, and transparent for info.
 Update border colors to match the design system tokens.

 Restyle the dismiss button with a larger 24px icon, flexbox centering, and
 2px border-radius. Replace the red hover color with a subtle opacity
 change and apply a theme-color focus ring. Increase dismissible notice
 right padding to accommodate the larger button.

 Update notice text with consistent typography and restyle notice links to
 use theme color custom properties with matching focus rings.

 Props fabiankaegy, mukesh27, joedolson, phpbits, sabernhardt, Joen,
 fcoveram, dkotter, navi161, poojapadamad.
 Fixes #64548.
 }}}

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