Changeset 33275

Timestamp:

07/15/2015 12:11:50 AM (9 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;
 }