From 07ac855ac87874e3fc867b45588b0ececbcbf409 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Wed, 3 Feb 2021 13:58:03 +0300
Subject: [PATCH] Improved theming for password

---
 public/themes/arya-blue/theme.css               | 10 ++++++++++
 public/themes/arya-green/theme.css              | 10 ++++++++++
 public/themes/arya-orange/theme.css             | 10 ++++++++++
 public/themes/arya-purple/theme.css             | 10 ++++++++++
 public/themes/bootstrap4-dark-blue/theme.css    | 10 ++++++++++
 public/themes/bootstrap4-dark-purple/theme.css  | 10 ++++++++++
 public/themes/bootstrap4-light-blue/theme.css   | 10 ++++++++++
 public/themes/bootstrap4-light-purple/theme.css | 10 ++++++++++
 public/themes/fluent-light/theme.css            | 10 ++++++++++
 public/themes/luna-amber/theme.css              | 10 ++++++++++
 public/themes/luna-blue/theme.css               | 10 ++++++++++
 public/themes/luna-green/theme.css              | 10 ++++++++++
 public/themes/luna-pink/theme.css               | 10 ++++++++++
 public/themes/md-dark-deeppurple/theme.css      | 10 ++++++++++
 public/themes/md-dark-indigo/theme.css          | 10 ++++++++++
 public/themes/md-light-deeppurple/theme.css     | 10 ++++++++++
 public/themes/md-light-indigo/theme.css         | 10 ++++++++++
 public/themes/mdc-dark-deeppurple/theme.css     | 10 ++++++++++
 public/themes/mdc-dark-indigo/theme.css         | 10 ++++++++++
 public/themes/mdc-light-deeppurple/theme.css    | 10 ++++++++++
 public/themes/mdc-light-indigo/theme.css        | 10 ++++++++++
 public/themes/nova-accent/theme.css             | 10 ++++++++++
 public/themes/nova-alt/theme.css                | 10 ++++++++++
 public/themes/nova-vue/theme.css                | 10 ++++++++++
 public/themes/nova/theme.css                    | 10 ++++++++++
 public/themes/rhea/theme.css                    | 10 ++++++++++
 public/themes/saga-blue/theme.css               | 10 ++++++++++
 public/themes/saga-green/theme.css              | 10 ++++++++++
 public/themes/saga-orange/theme.css             | 10 ++++++++++
 public/themes/saga-purple/theme.css             | 10 ++++++++++
 public/themes/vela-blue/theme.css               | 10 ++++++++++
 public/themes/vela-green/theme.css              | 10 ++++++++++
 public/themes/vela-orange/theme.css             | 10 ++++++++++
 public/themes/vela-purple/theme.css             | 10 ++++++++++
 34 files changed, 340 insertions(+)

diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index b6873b15b..a15b96465 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #383838;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #C5E1A5;
 }
 
 .p-radiobutton {
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index 454461037..c28be037d 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #383838;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #C5E1A5;
 }
 
 .p-radiobutton {
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 0c3c19916..00671f1e8 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #383838;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #C5E1A5;
 }
 
 .p-radiobutton {
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index f40fd6607..5483b990b 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #383838;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #C5E1A5;
 }
 
 .p-radiobutton {
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index 8fa8c82f1..ee9c8e304 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -1141,6 +1141,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #3f4b5b;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #f19ea6;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #ffe082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #9fdaa8;
 }
 
 .p-radiobutton {
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 3880a0c38..21050b793 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -1141,6 +1141,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #3f4b5b;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #f19ea6;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #ffe082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #9fdaa8;
 }
 
 .p-radiobutton {
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 479d9a7f4..7733cda8a 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -1141,6 +1141,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #e9ecef;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #dc3545;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #ffc107;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #28a745;
 }
 
 .p-radiobutton {
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index e05d779a2..dd733af6d 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -1141,6 +1141,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #e9ecef;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #dc3545;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #ffc107;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #28a745;
 }
 
 .p-radiobutton {
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index ed857b057..f9cf127e8 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #edebe9;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #d13438;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #ffaa44;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #498205;
 }
 
 .p-radiobutton {
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 6a20647bc..01b45f133 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -1141,6 +1141,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #E57373;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFB74D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #AED581;
 }
 
 .p-radiobutton {
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index c38e92b5d..c2b3b8a02 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -1141,6 +1141,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #E57373;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFB74D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #AED581;
 }
 
 .p-radiobutton {
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 873049a19..bb9368cd6 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -1141,6 +1141,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #E57373;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFB74D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #AED581;
 }
 
 .p-radiobutton {
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index cd34f4758..3edc3c9d2 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -1141,6 +1141,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #E57373;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFB74D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #AED581;
 }
 
 .p-radiobutton {
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index fc3cf42b9..0c8a4fd45 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -1161,6 +1161,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: rgba(206, 147, 216, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #EF9A9A;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFF59D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #C5E1A5;
 }
 
 .p-radiobutton {
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index 91d0e63cd..b54368a4e 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -1161,6 +1161,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: rgba(159, 168, 218, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #EF9A9A;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFF59D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #C5E1A5;
 }
 
 .p-radiobutton {
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index a26ec21e5..f8d59064b 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -1161,6 +1161,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: rgba(103, 58, 183, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #689F38;
 }
 
 .p-radiobutton {
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index fb3455416..b89c3fc51 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -1161,6 +1161,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: rgba(63, 81, 181, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #689F38;
 }
 
 .p-radiobutton {
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 28e27b6ea..17887338d 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -1161,6 +1161,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: rgba(103, 58, 183, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #EF9A9A;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFF59D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #C5E1A5;
 }
 
 .p-radiobutton {
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 7b51f0508..f89e492ef 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -1161,6 +1161,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: rgba(63, 81, 181, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #EF9A9A;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFF59D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #C5E1A5;
 }
 
 .p-radiobutton {
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index 2e4251538..3b72ad39f 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -1161,6 +1161,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: rgba(103, 58, 183, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #689F38;
 }
 
 .p-radiobutton {
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index 5c087d1be..12218dcb3 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -1161,6 +1161,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: rgba(63, 81, 181, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #689F38;
 }
 
 .p-radiobutton {
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index c6c6b5325..82af568ba 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #e91224;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #ffba01;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #34A835;
 }
 
 .p-radiobutton {
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index d640c10bd..2bc201c8e 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -1141,6 +1141,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #e91224;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #ffba01;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #34A835;
 }
 
 .p-radiobutton {
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 8dad6993b..f4e6245ac 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -1141,6 +1141,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #e91224;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #ffba01;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #34A835;
 }
 
 .p-radiobutton {
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 28180796c..d4cf18320 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -1141,6 +1141,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #e91224;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #ffba01;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #34A835;
 }
 
 .p-radiobutton {
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 550f536d9..d3dcbe227 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #efefef;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #F4B6B6;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #ffe38e;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #A3E2C6;
 }
 
 .p-radiobutton {
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index e723aec1d..de20fc791 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #dee2e6;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #689F38;
 }
 
 .p-radiobutton {
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 1e1465f32..50df15bdb 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #dee2e6;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #689F38;
 }
 
 .p-radiobutton {
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 73916cb54..6f8fc1b0c 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #dee2e6;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #689F38;
 }
 
 .p-radiobutton {
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index f7dff6658..2bbe8c5b1 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #dee2e6;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #689F38;
 }
 
 .p-radiobutton {
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 4fd7e0e53..16af79da5 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #304562;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #C5E1A5;
 }
 
 .p-radiobutton {
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index f05420a50..dd63fe624 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #304562;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #C5E1A5;
 }
 
 .p-radiobutton {
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index e481cda06..672f11178 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #304562;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #C5E1A5;
 }
 
 .p-radiobutton {
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index de13a4ace..90be93d9f 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -1137,6 +1137,16 @@
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
+  background: #304562;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #C5E1A5;
 }
 
 .p-radiobutton {