Make WordPress Core

#62219 closed enhancement (fixed)

Admin color scheme: update the highlight color in the Modern color scheme

Reported by: fushar's profile fushar Owned by: youknowriad's profile youknowriad
Milestone: 6.8 Priority: normal
Severity: trivial Version:
Component: Administration Keywords: has-patch commit
Focuses: ui, css, administration Cc:

Description

In the Modern color scheme, the font color on hover in the admin bar is bright green. However, in the WordPress.org site itself, the color used is Blueberry 2.

I am proposing to update the Modern scheme to reflect what's being used in the WordPress.org site.

Attachments (4)

Screenshot 2024-10-14 at 18.31.25.png (11.6 KB) - added by fushar 13 months ago.
hover color
Screenshot 2024-10-14 at 18.33.09.png (17.2 KB) - added by fushar 13 months ago.
wporg hover color
fushar-62219.patch (1.4 KB) - added by fushar 13 months ago.
Added a patch.
wporg-color.png (536.5 KB) - added by fushar 13 months ago.
Thanks all. I cross-checked the color; see the following screenshot:

Download all attachments as: .zip

Change History (11)

@fushar
13 months ago

wporg hover color

@fushar
13 months ago

Added a patch.

#1 @SergeyBiryukov
13 months ago

  • Focuses ui css administration added

#2 @fushar
13 months ago

Just realized I cannot edit the ticket description, so I'm adding additional context as a comment here.

The Modern theme was first introduced in https://core.trac.wordpress.org/ticket/50504 by @joen, @youknowriad et al. The newly redesigned WordPress.org website seems to have adopted this color scheme. However, this theme currently has this bright green hover color which looks out of place. It has different hover color from what WordPress.org is using, which looks more natural.

I am proposing to match that color and update the Modern color scheme itself accordingly.

#3 @youknowriad
13 months ago

  • Milestone changed from Awaiting Review to 6.8

You're right that green seems out of place. Thanks for proposing a patch.

cc @joen @jameskoster just to confirm that the change here looks good for you all.

#4 @Joen
13 months ago

Seems fine to me. In general I can see further refinements to the Modern color scheme; the new Blueberry color matches the default wp.org website accent color, and the vibrancy of the blue offers high contrast in especially light contexts. Per the wp.org reference, however, can you make sure the light blue is #7B90FF, which is the same light blue used on wp.org?

@fushar
13 months ago

Thanks all. I cross-checked the color; see the following screenshot:

#5 @hbhalodia
13 months ago

  • Keywords has-patch added

#6 @youknowriad
12 months ago

  • Keywords commit added
  • Owner set to youknowriad
  • Status changed from new to assigned

#7 @youknowriad
12 months ago

  • Resolution set to fixed
  • Status changed from assigned to closed

In 59419:

Admin Color Scheme: Update the highlight color in the Modern color scheme.

In the Modern color scheme, the font color on hover in the admin bar is bright green. However, in the WordPress.org site itself, the color used is Blueberry 2. This commits aligns both colors on the more balanced Blueberry color.

Props fushar, Joen.
Fixes #62219.

Note: See TracTickets for help on using tickets.