From 4505b7887f0cd48773fbbb12e9cb4ed7fd49d5be Mon Sep 17 00:00:00 2001
From: Alex Pott <alex.a.pott@googlemail.com>
Date: Wed, 13 Aug 2014 17:30:20 -0700
Subject: [PATCH] Issue #2311279 by emma.maria | LewisNyman: Tweak the colours
 of the password indicator.

---
 core/modules/user/css/user.module.css | 6 ++++--
 core/modules/user/user.js             | 8 ++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/core/modules/user/css/user.module.css b/core/modules/user/css/user.module.css
index 892a8b4a5649..4b20a6dd48ac 100644
--- a/core/modules/user/css/user.module.css
+++ b/core/modules/user/css/user.module.css
@@ -25,13 +25,15 @@
   display: inline;
 }
 .password-strength__meter {
-  background-color: #c4c4c4;
+  background-color: #ebeae4;
   height: 0.5em;
 }
 .password-strength__indicator {
   height: 100%;
   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-field,
diff --git a/core/modules/user/user.js b/core/modules/user/user.js
index 82d165c26dbb..3b456d782a31 100644
--- a/core/modules/user/user.js
+++ b/core/modules/user/user.js
@@ -152,19 +152,19 @@
     // Based on the strength, work out what text should be shown by the password strength meter.
     if (strength < 60) {
       indicatorText = translate.weak;
-      indicatorColor = '#bb5555';
+      indicatorColor = '#e62600';
     }
     else if (strength < 70) {
       indicatorText = translate.fair;
-      indicatorColor = '#bbbb55';
+      indicatorColor = '#e09600';
     }
     else if (strength < 80) {
       indicatorText = translate.good;
-      indicatorColor = '#4863a0';
+      indicatorColor = '#0074bd';
     }
     else if (strength <= 100) {
       indicatorText = translate.strong;
-      indicatorColor = '#47c965';
+      indicatorColor = '#77b259';
     }
 
     // Assemble the final message.
-- 
GitLab