[wp-trac] [WordPress Trac] #64856: Admin Reskin: Hard to tell if secondary variation button is pressed

[WordPress Trac]

#64856: Admin Reskin: Hard to tell if secondary variation button is pressed
--------------------------------------------------+---------------------
 Reporter:  wildworks                             |       Owner:  (none)
     Type:  defect (bug)                          |      Status:  new
 Priority:  normal                                |   Milestone:  7.0
Component:  Administration                        |     Version:  trunk
 Severity:  normal                                |  Resolution:
 Keywords:  admin-reskin has-patch needs-testing  |     Focuses:
--------------------------------------------------+---------------------
Changes (by maulikmakwana2008):

 * keywords:  admin-reskin has-patch => admin-reskin has-patch needs-testing
 * version:   => trunk


Comment:

 This patch improves the visual distinction of the pressed state for
 secondary buttons in the admin interface.

 Currently the pressed state for `.wp-core-ui .button-secondary:active`
 uses a very subtle background (`rgba(..., 0.12)`), which results in
 minimal visual contrast compared to the default or hover states. In
 practice this makes it difficult to determine whether the button is
 pressed, particularly in interfaces where these buttons behave like
 selectable tags (for example in **Settings → Permalinks** when inserting
 structure tags).

 From a usability and accessibility perspective, interactive states should
 provide clear visual feedback so users can easily identify when an element
 is active or pressed. Increasing the background opacity slightly improves
 the contrast between the default, hover, and active states while
 maintaining the existing admin color scheme and design language.

 The change is intentionally minimal: it increases the opacity of the
 active state background to provide clearer visual feedback without
 introducing new colors or affecting other button variants.

 Changes included in this patch:

 * `src/wp-includes/css/buttons.css`
 * `build/wp-includes/css/buttons.min.css`

 Testing:

 1. Navigate to **Settings → Permalinks**.
 2. Click one of the available structure tags (e.g. `%year%`,
 `%postname%`).
 3. The pressed state is now easier to distinguish from the default state.

 This change aims to improve clarity of interactive states in the admin UI
 while keeping the visual impact minimal and consistent with the existing
 admin styling.

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