From 825fbacc4cc9d50421f12128d9954d1e246f8110 Mon Sep 17 00:00:00 2001 From: Nikunj Hatkar Date: Wed, 18 Mar 2026 12:27:35 +0530 Subject: [PATCH 1/2] Update link hover colors to match current design system --- src/wp-admin/css/login.css | 22 ++-------------------- 1 file changed, 2 insertions(+), 20 deletions(-) diff --git a/src/wp-admin/css/login.css b/src/wp-admin/css/login.css index ab700f575eec9..d36c57071b6f4 100644 --- a/src/wp-admin/css/login.css +++ b/src/wp-admin/css/login.css @@ -26,12 +26,12 @@ a { } a:hover, -a:active { +a:active, +a:focus { color: var(--wp-admin-theme-color-darker-20); } a:focus { - color: #043959; box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; @@ -324,24 +324,6 @@ p { word-wrap: break-word; } -.login #nav a, -.login #backtoblog a { - text-decoration: none; - color: #50575e; -} - -.login #nav a:hover, -.login #backtoblog a:hover, -.login h1 a:hover { - color: #135e96; -} - -.login #nav a:focus, -.login #backtoblog a:focus, -.login h1 a:focus { - color: #043959; -} - .login .privacy-policy-page-link { text-align: center; width: 100%; From 14464f2c283ee783211a5bf9ae6bf2bd72b7649e Mon Sep 17 00:00:00 2001 From: Nikunj Hatkar Date: Wed, 18 Mar 2026 17:16:41 +0530 Subject: [PATCH 2/2] added text-decoration none and set color to theme color --- src/wp-admin/css/login.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/wp-admin/css/login.css b/src/wp-admin/css/login.css index d36c57071b6f4..037e5d22e1f7e 100644 --- a/src/wp-admin/css/login.css +++ b/src/wp-admin/css/login.css @@ -15,7 +15,7 @@ body { } a { - color: var(--wp-admin-theme-color-darker-10); + color: var(--wp-admin-theme-color); transition-property: border, background, color; transition-duration: .05s; transition-timing-function: ease-in-out; @@ -324,6 +324,11 @@ p { word-wrap: break-word; } +.login #nav a, +.login #backtoblog a { + text-decoration: none; +} + .login .privacy-policy-page-link { text-align: center; width: 100%;