The login page still shows the old color for the “← Go to [Website Name]” link.

[sumitsingh]

Issue: The “← Go to [site name]” link on the login page is still using the old color and does not match the updated styling.

[sumitsingh]

screenshot 1 with focus link

[sumitsingh]

screenshot 1 with old color link

[sumitsingh]

Here also old color for "Get support for resetting your password." link on focus

[gautammkgarg]

Facing same issue

PHP: 8.5
WordPress Version: 7.0-RC1

[sumitsingh]

Hover on still old color for Upload files and Media Library tabs

[sumitsingh]

Drop to upload file overlay color aslo old one

[huzaifaalmesbah]

Have you tested login page hover issue on RC1 or trunk?

This issue was fixed after RC1: changeset:62113 could you check on trunk and confirm if it still occurs?

[sumitsingh]

Hey @huzaifaalmesbah, I have checked before this ticket but still I can see with the latest "Currently your site is set to update to version 7.0-RC1-62113. " and it seems it still has the old color in some class. For more information you can see the last screenhsot

It's an issue still in focus mode.

.login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus {
    color: #043959; // old color code on focus
}

[sumitsingh]

hover in old color on login and registration

[nimeshatxecurify]

WordPress Playground test with trunk

[wildworks]

We have only updated the hover state color. I believe the focus color also needs to be addressed in this ticket.

Ticket: https://core.trac.wordpress.org/ticket/64953

## Description:

This PR updates the color usage in media-view.css to align with the modern WordPress admin color system by replacing hardcoded/legacy color values with standardized admin color variables.

As part of ongoing efforts in WordPress core to reduce color inconsistencies and adopt a unified color palette using CSS custom properties, admin styles are being refactored to use semantic color tokens instead of fixed values.

## Changes Made:

• Replaced legacy color values used in: :hover :focus
• interactive states and UI elements
• Updated styles to use: WP admin color variables (e.g. --wp-admin-theme-color, --wp-admin-theme-color-darker-*, etc.)
• Removed outdated or hardcoded hex values to ensure consistency with the admin color system

## Why This Change:

• Ensures visual consistency across WordPress admin UI
• Improves maintainability by centralizing color definitions
• Aligns with WordPress core direction of using CSS custom properties for theming and extensibility
• Improves compatibility with different admin color schemes and future design updates

## Impact:

• No functional changes
• Purely visual/style refactor
• Affects only media-view components in admin
• Better integration with admin color schemes-

## Testing Instructions:

• Open Media Library (Grid and List view)
• Hover and focus on: Media items Buttons and controls
• Verify: Colors match WP admin theme, No regressions in hover/focus states
• Test across different admin color schemes

## Screenshot:

@OpuRockey Thanks for the PR! However, This PR appears to modify components that are completely unrelated to ticket 64953. Could you clarify which ticket this PR is intended to resolve?

@t-hamano , This PR is actually related to comments mentioned is this ticket.

Would you like me to create seperate ticket or this?

Would you like me to create seperate ticket or this?

I think so. I don't think unrelated components should be handled in a single ticket.

@t-hamano , Created a seperate ticket for this.

Closing this PR in favor of #11409

[audrasjb]

Removing trunk version as this is not going to be shipped with WP 7.0 but in the next releases.

[nimeshatxecurify]

Replying to wildworks:

We have only updated the hover state color. I believe the focus color also needs to be addressed in this ticket.

This is actually valid. Can we mark this for 7.1?

## Summary

Fixes the focus color on login page links (← Go to [Site Name], Lost your password?, and the WP logo link) which were still using the old hardcoded color #043959 instead of the updated admin theme color variable.

• Replaces #043959 with var(--wp-admin-theme-color-darker-20) in the a:focus rule
• Replaces #043959 with var(--wp-admin-theme-color-darker-20) in the .login #nav a:focus, .login #backtoblog a:focus, .login h1 a:focus rule

The hover state for these same selectors already correctly uses var(--wp-admin-theme-color-darker-20) — this change makes focus consistent with hover.

## Trac Ticket

https://core.trac.wordpress.org/ticket/64953

## Test Plan

• [ ] Go to /wp-login.php
• [ ] Tab through the links: Lost your password? and ← Go to [Site Name]
• [ ] Confirm the focused link color matches the hover color (blue, matching the admin theme)
• [ ] Test with different admin color schemes (Modern, Light, etc.) — color should adapt via CSS variable
• [ ] Confirm no regressions on other login page states

Closing to reopen from the correct GitHub account.

## Summary

Fixes the focus color on login page links (← Go to [Site Name], Lost your password?, and the WP logo link) which were still using the old hardcoded color #043959 instead of the updated admin theme color variable.

• Replaces #043959 with var(--wp-admin-theme-color-darker-20) in the a:focus rule
• Replaces #043959 with var(--wp-admin-theme-color-darker-20) in the .login #nav a:focus, .login #backtoblog a:focus, .login h1 a:focus rule

The hover state for these same selectors already correctly uses var(--wp-admin-theme-color-darker-20) — this change makes focus consistent with hover.

## Trac Ticket

https://core.trac.wordpress.org/ticket/64953

## Test Plan

• [ ] Go to /wp-login.php
• [ ] Tab through the links: Lost your password? and ← Go to [Site Name]
• [ ] Confirm the focused link color matches the hover color (blue, matching the admin theme)
• [ ] Test with different admin color schemes (Modern, Light, etc.) — color should adapt via CSS variable
• [ ] Confirm no regressions on other login page states

[hasnainashfaq]

Submitted PR #12594: ​https://github.com/WordPress/wordpress-develop/pull/12594

Thanks for the PR @HasnainAshfaq!

Could you also attach some screenshots in the PR, including before and after pics?

Thanks for the PR @HasnainAshfaq!

Could you also attach some screenshots in the PR, including before and after pics?

Thanks for the review @nimesh-xecurify! Here are the before and after screenshots:

Before (unfixed - focus color is hardcoded #043959, dark teal):

 

After (fixed - focus color uses var(--wp-admin-theme-color-darker-20), consistent with hover):
 

 

The change ensures the focus state matches the hover state and adapts correctly to all admin color schemes.

[softglaze]

Tested PR 12594 and can confirm it fixes the focus color.

Environment: Windows host, wordpress-develop Docker environment, Chrome (cache disabled via DevTools), 7.1-alpha trunk, npm run ​build:dev run before each test.

Before (trunk): tabbing to "Lost your password?" and "← Go to [Site Name]" applies color: #043959 from the .login #nav a:focus, .login #backtoblog a:focus, .login h1 a:focus rule in login.css — see the "Before apply" attachments, including DevTools showing the rule.

After (PR 12594 applied + rebuild): the same rule now applies var(--wp-admin-theme-color-darker-20), making the focus state consistent with hover — see the "After Apply" attachments.

Hover state unchanged; no other visual changes observed on the login screen. Tests well — ready for review.

[vedantere]

Patch tested: PR #12594 (Login: Replace hardcoded focus color with CSS variable), open, not yet merged.

Environment: macOS, Local by Flywheel, WordPress 7.0.2, PHP 8.5.6, SCRIPT_DEBUG off (so the minified CSS is what's actually served)
Before (unpatched):

a:focus computed color: rgb(4, 57, 89) (#043959, the old hardcoded color)
.login #backtoblog a:focus / #nav a:focus / h1 a:focus: same rgb(4, 57, 89)
Hover color for comparison: rgb(24, 58, 214) (the theme color)
Confirms the bug: focus and hover colors don't match.
After (patch applied):

All three focus rules now compute to rgb(24, 58, 214) — matching hover exactly.
Verified visually too (screenshots of both "← Go to [Site]" and "Lost your password?" focus states) and via the browser's computed style, not just eyeballing it.

[shailu25]

Test Report

This Report Validates that the indicated patch address the issue.✅

Patch Tested: ​https://github.com/WordPress/wordpress-develop/pull/12594

Environment:

WordPress - 7.1-alpha-20260714.050628
OS - Windows
Browser - Chrome
Theme: Twenty Twenty Five
PHP - 7.4.33
Plugin - None

Actual Results:

• Issue Resolved with Patch ✅

Supplemental Artifacts

• Attached

[shailu25]

Before Patch

[shailu25]

After Patch

[wildworks]

​PR 12594 looks ready to be merged. I plan to review and commit it later.

[wildworks]

In 62865:

Login and Registration: Correct focus color for links.

The hover color for links on the login screen was updated to use the admin color scheme CSS variables, but the focus color was left hardcoded. Update the focus color to use the same variable, so it matches hover and follows the selected admin color scheme.

Follow-up to [61681], [62113].

Props dhruvang21, hasnainashfaq, nimeshatxecurify, shailu25, softglaze, sumitsingh, vedantere, wildworks.
Fixes #64953.