Update password meter to match new color guidelines.

See: https://make.wordpress.org/design/handbook/foundations/colors/

Props melchoyce.
Fixes #32986.



git-svn-id: https://develop.svn.wordpress.org/trunk@33275 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Konstantin Obenland 2015-07-15 00:11:50 +00:00
parent c928758054
commit bd6c09724e
2 changed files with 29 additions and 27 deletions

View File

@ -232,11 +232,11 @@ textarea[readonly] {
color: #a9a9a9;
}
.form-invalid input, .form-invalid input:focus,
.form-invalid input, .form-invalid input:focus,
.form-invalid select, .form-invalid select:focus {
border-color: #dc3232 !important;
-webkit-box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
-webkit-box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
}
.form-table .form-required.form-invalid td:after {
@ -444,6 +444,7 @@ fieldset label,
#pass-strength-result {
background-color: #eee;
border: 1px solid #ddd;
color: #23282d;
margin: -2px 5px 5px 1px;
padding: 3px 5px;
text-align: center;
@ -455,43 +456,43 @@ fieldset label,
}
#pass-strength-result.short {
background-color: #f1adad;
border-color: #e35b5b;
opacity: 1;
background-color: #ffa0a0;
border-color: #f04040;
}
#pass-strength-result.bad {
background-color: #fbc5a9;
border-color: #f78b53;
opacity: 1;
background-color: #ffb78c;
border-color: #ff853c;
}
#pass-strength-result.good {
background-color: #ffe399;
border-color: #ffc733;
opacity: 1;
background-color: #ffec8b;
border-color: #fc0;
}
#pass-strength-result.strong {
background-color: #c1e1b9;
border-color: #83c373;
opacity: 1;
background-color: #c3ff88;
border-color: #8dff1c;
}
#pass1.short {
border-color: #f04040;
border-color: #e35b5b;
}
#pass1.bad {
border-color: #ff853c;
border-color: #f78b53;
}
#pass1.good {
border-color: #fc0;
border-color: #ffc733;
}
#pass1.strong {
border-color: #8dff1c;
border-color: #83c373;
}
.pw-weak {

View File

@ -204,6 +204,7 @@ submit {
#pass-strength-result {
background-color: #eee;
border: 1px solid #ddd;
color: #23282d;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@ -214,43 +215,43 @@ submit {
}
#pass-strength-result.short {
background-color: #ffa0a0;
border-color: #f04040;
background-color: #f1adad;
border-color: #e35b5b;
opacity: 1;
}
#pass-strength-result.bad {
background-color: #ffb78c;
border-color: #ff853c;
background-color: #fbc5a9;
border-color: #f78b53;
opacity: 1;
}
#pass-strength-result.good {
background-color: #ffec8b;
border-color: #fc0;
background-color: #ffe399;
border-color: #ffc733;
opacity: 1;
}
#pass-strength-result.strong {
background-color: #c3ff88;
border-color: #8dff1c;
background-color: #c1e1b9;
border-color: #83c373;
opacity: 1;
}
[name="admin_password"].short {
border-color: #f04040;
border-color: #e35b5b;
}
[name="admin_password"].bad {
border-color: #ff853c;
border-color: #f78b53;
}
[name="admin_password"].good {
border-color: #fc0;
border-color: #ffc733;
}
[name="admin_password"].strong {
border-color: #8dff1c;
border-color: #83c373;
}
.pw-weak {