diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-admin/css/login.css --- a/wp/wp-admin/css/login.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-admin/css/login.css Fri Sep 05 18:40:08 2025 +0200 @@ -32,9 +32,9 @@ a:focus { color: #043959; - box-shadow: - 0 0 0 1px #4f94d4, - 0 0 2px 1px rgba(79, 148, 212, 0.8); + box-shadow: 0 0 0 2px #2271b1; + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; } p { @@ -42,8 +42,8 @@ } .login .message, -.login .success, -.login #login_error { +.login .notice, +.login .success { border-left: 4px solid #72aee6; padding: 12px; margin-left: 0; @@ -57,10 +57,19 @@ border-left-color: #00a32a; } -.login #login_error { +/* Match border color from common.css */ +.login .notice-error { border-left-color: #d63638; } +.login .login-error-list { + list-style: none; +} + +.login .login-error-list li + li { + margin-top: 4px; +} + #loginform p.submit, .login-action-lostpassword p.submit { border: none; @@ -132,7 +141,7 @@ .login form { margin-top: 20px; margin-left: 0; - padding: 26px 24px 34px; + padding: 26px 24px; font-weight: 400; overflow: hidden; background: #fff; @@ -237,6 +246,11 @@ margin-bottom: 0; } +#login form .indicator-hint, +#login #reg_passmail { + margin-bottom: 16px; +} + #login form p.submit { margin: 0; padding: 0; @@ -342,9 +356,7 @@ font-family: Consolas, Monaco, monospace; } -.js.login input.password-input, -.js.login-action-rp form .input, -.js.login-action-rp input[type="text"] { +.js.login input.password-input { padding-right: 2.5rem; } @@ -354,6 +366,8 @@ background: #fff; } +.js.login-action-resetpass input[type="text"], +.js.login-action-resetpass input[type="password"], .js.login-action-rp input[type="text"], .js.login-action-rp input[type="password"] { margin-bottom: 0; @@ -394,7 +408,6 @@ .screen-reader-text span { border: 0; clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; @@ -437,8 +450,7 @@ height: auto; } -.login .language-switcher .button-primary { - float: none; +.login .language-switcher .button { margin-bottom: 0; } @@ -472,7 +484,7 @@ } @media screen and (max-width: 400px) { - .login .language-switcher .button-primary { + .login .language-switcher .button { display: block; margin: 5px auto 0; }