Commit 4505b788 authored by alexpott's avatar alexpott

Issue #2311279 by emma.maria | LewisNyman: Tweak the colours of the password indicator.

parent 7f4876c8
...@@ -25,13 +25,15 @@ ...@@ -25,13 +25,15 @@
display: inline; display: inline;
} }
.password-strength__meter { .password-strength__meter {
background-color: #c4c4c4; background-color: #ebeae4;
height: 0.5em; height: 0.5em;
} }
.password-strength__indicator { .password-strength__indicator {
height: 100%; height: 100%;
width: 0%; width: 0%;
background-color: #47c965; background-color: #77b259;
-webkit-transition: width 0.5s ease-out;
transition: width 0.5s ease-out;
} }
input.password-confirm, input.password-confirm,
input.password-field, input.password-field,
......
...@@ -152,19 +152,19 @@ ...@@ -152,19 +152,19 @@
// Based on the strength, work out what text should be shown by the password strength meter. // Based on the strength, work out what text should be shown by the password strength meter.
if (strength < 60) { if (strength < 60) {
indicatorText = translate.weak; indicatorText = translate.weak;
indicatorColor = '#bb5555'; indicatorColor = '#e62600';
} }
else if (strength < 70) { else if (strength < 70) {
indicatorText = translate.fair; indicatorText = translate.fair;
indicatorColor = '#bbbb55'; indicatorColor = '#e09600';
} }
else if (strength < 80) { else if (strength < 80) {
indicatorText = translate.good; indicatorText = translate.good;
indicatorColor = '#4863a0'; indicatorColor = '#0074bd';
} }
else if (strength <= 100) { else if (strength <= 100) {
indicatorText = translate.strong; indicatorText = translate.strong;
indicatorColor = '#47c965'; indicatorColor = '#77b259';
} }
// Assemble the final message. // Assemble the final message.
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment