Changeset 33275

Timestamp:

07/15/2015 12:11:50 AM (11 years ago)

Author:

obenland

Message:

Update password meter to match new color guidelines.

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

Props melchoyce.
Fixes #32986.

Location:

trunk/src/wp-admin/css

Files:

• forms.css (modified) (3 diffs)
• install.css (modified) (2 diffs)

trunk/src/wp-admin/css/forms.css

@@ -233 +233 @@
 }
 
-.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 );
 }
 
@@ -445 +445 @@
         background-color: #eee;
         border: 1px solid #ddd;
+        color: #23282d;
         margin: -2px 5px 5px 1px;
         padding: 3px 5px;
@@ -456 +457 @@
 
 #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;
 }
 

trunk/src/wp-admin/css/install.css

@@ -205 +205 @@
         background-color: #eee;
         border: 1px solid #ddd;
+        color: #23282d;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
@@ -215 +216 @@
 
 #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;
 }