From c30f84b063d672c4206a01ac276190cea5cf39ed Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Wed, 3 Feb 2021 13:06:40 +0300
Subject: [PATCH] Styling for password

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

diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index e5c2ebad9..b6873b15b 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #383838;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #ef9a9a;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #1e1e1e;
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index aa9408dce..454461037 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #383838;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #ef9a9a;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #1e1e1e;
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 764ad771d..0c3c19916 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #383838;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #ef9a9a;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #1e1e1e;
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index f7b299e6a..f40fd6607 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #383838;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #ef9a9a;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #1e1e1e;
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index c0949ae1b..8fa8c82f1 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -1127,6 +1127,10 @@
   background-color: #3f4b5b;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #f19ea6;
+}
+
 .p-password-panel {
   padding: 1.25rem;
   background: #2a323d;
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index ef53cb47a..3880a0c38 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -1127,6 +1127,10 @@
   background-color: #3f4b5b;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #f19ea6;
+}
+
 .p-password-panel {
   padding: 1.25rem;
   background: #2a323d;
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 283eefef6..479d9a7f4 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -1127,6 +1127,10 @@
   background-color: #efefef;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #dc3545;
+}
+
 .p-password-panel {
   padding: 1.25rem;
   background: #ffffff;
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index fd7f1620c..e05d779a2 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -1127,6 +1127,10 @@
   background-color: #efefef;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #dc3545;
+}
+
 .p-password-panel {
   padding: 1.25rem;
   background: #ffffff;
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index 3ac2717eb..ed857b057 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #faf9f8;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #a4252c;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #ffffff;
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index f0d638c2f..6a20647bc 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -1127,6 +1127,10 @@
   background-color: #4b4b4b;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #e57373;
+}
+
 .p-password-panel {
   padding: 0.571rem 1rem;
   background: #323232;
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 1b41db997..c38e92b5d 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -1127,6 +1127,10 @@
   background-color: #4b4b4b;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #e57373;
+}
+
 .p-password-panel {
   padding: 0.571rem 1rem;
   background: #323232;
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 6608067e4..873049a19 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -1127,6 +1127,10 @@
   background-color: #4b4b4b;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #e57373;
+}
+
 .p-password-panel {
   padding: 0.571rem 1rem;
   background: #323232;
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 5df7f1e11..cd34f4758 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -1127,6 +1127,10 @@
   background-color: #4b4b4b;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #e57373;
+}
+
 .p-password-panel {
   padding: 0.571rem 1rem;
   background: #323232;
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index e22b1dd15..fc3cf42b9 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -1147,6 +1147,10 @@
   background-color: rgba(255, 255, 255, 0.1);
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #f44435;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #1e1e1e;
@@ -5578,6 +5582,23 @@
   justify-content: flex-end;
 }
 
+.p-input-filled .p-password.p-invalid > .p-inputtext {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+.p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
+
 .p-panel {
   border-radius: 4px;
   box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index cf3a0304b..91d0e63cd 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -1147,6 +1147,10 @@
   background-color: rgba(255, 255, 255, 0.1);
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #f44435;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #1e1e1e;
@@ -5578,6 +5582,23 @@
   justify-content: flex-end;
 }
 
+.p-input-filled .p-password.p-invalid > .p-inputtext {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+.p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
+
 .p-panel {
   border-radius: 4px;
   box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index 2b1e5284e..a26ec21e5 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -1147,6 +1147,10 @@
   background-color: #dcdcdc;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #B00020;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #ffffff;
@@ -5578,6 +5582,23 @@
   justify-content: flex-end;
 }
 
+.p-input-filled .p-password.p-invalid > .p-inputtext {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+.p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
+
 .p-panel {
   border-radius: 4px;
   box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index d8d118feb..fb3455416 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -1147,6 +1147,10 @@
   background-color: #dcdcdc;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #B00020;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #ffffff;
@@ -5578,6 +5582,23 @@
   justify-content: flex-end;
 }
 
+.p-input-filled .p-password.p-invalid > .p-inputtext {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+.p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
+
 .p-panel {
   border-radius: 4px;
   box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 0dbad356a..28e27b6ea 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -1147,6 +1147,10 @@
   background-color: rgba(255, 255, 255, 0.1);
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #f44435;
+}
+
 .p-password-panel {
   padding: 0.75rem;
   background: #1e1e1e;
@@ -5578,6 +5582,23 @@
   justify-content: flex-end;
 }
 
+.p-input-filled .p-password.p-invalid > .p-inputtext {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+.p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
+
 .p-panel {
   border-radius: 4px;
   box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 79a0a6963..7b51f0508 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -1147,6 +1147,10 @@
   background-color: rgba(255, 255, 255, 0.1);
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #f44435;
+}
+
 .p-password-panel {
   padding: 0.75rem;
   background: #1e1e1e;
@@ -5578,6 +5582,23 @@
   justify-content: flex-end;
 }
 
+.p-input-filled .p-password.p-invalid > .p-inputtext {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+.p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
+
 .p-panel {
   border-radius: 4px;
   box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index 10a1a15ca..2e4251538 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -1147,6 +1147,10 @@
   background-color: #dcdcdc;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #B00020;
+}
+
 .p-password-panel {
   padding: 0.75rem;
   background: #ffffff;
@@ -5578,6 +5582,23 @@
   justify-content: flex-end;
 }
 
+.p-input-filled .p-password.p-invalid > .p-inputtext {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+.p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
+
 .p-panel {
   border-radius: 4px;
   box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index ce84c4884..5c087d1be 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -1147,6 +1147,10 @@
   background-color: #dcdcdc;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #B00020;
+}
+
 .p-password-panel {
   padding: 0.75rem;
   background: #ffffff;
@@ -5578,6 +5582,23 @@
   justify-content: flex-end;
 }
 
+.p-input-filled .p-password.p-invalid > .p-inputtext {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+.p-password.p-invalid > .p-inputtext:enabled:focus {
+  box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
+
 .p-panel {
   border-radius: 4px;
   box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index d8836704d..c6c6b5325 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #f4f4f4;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #a80000;
+}
+
 .p-password-panel {
   padding: 0.571rem 1rem;
   background: #ffffff;
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index 7aa6ddfe5..d640c10bd 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -1127,6 +1127,10 @@
   background-color: #f4f4f4;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #a80000;
+}
+
 .p-password-panel {
   padding: 0.571rem 1rem;
   background: #ffffff;
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 7da3a781b..8dad6993b 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -1127,6 +1127,10 @@
   background-color: #f4f4f4;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #a80000;
+}
+
 .p-password-panel {
   padding: 0.571rem 1rem;
   background: #ffffff;
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 8d520d257..28180796c 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -1127,6 +1127,10 @@
   background-color: #f4f4f4;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #a80000;
+}
+
 .p-password-panel {
   padding: 0.571rem 1rem;
   background: #ffffff;
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index b6824a734..550f536d9 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #f4f4f4;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #e7a3a3;
+}
+
 .p-password-panel {
   padding: 0.571rem 1rem;
   background: #ffffff;
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 1dee5f5a4..e723aec1d 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #ffffff;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #f44336;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #ffffff;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index a515afd3e..1e1465f32 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #ffffff;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #f44336;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #ffffff;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index e9eefed9c..73916cb54 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #ffffff;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #f44336;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #ffffff;
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 6f170d17f..f7dff6658 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #ffffff;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #f44336;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #ffffff;
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 19553390c..4fd7e0e53 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #304562;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #ef9a9a;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #1f2d40;
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index a241d666d..f05420a50 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #304562;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #ef9a9a;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #1f2d40;
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 2327c17fd..e481cda06 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #304562;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #ef9a9a;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #1f2d40;
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index ff529c685..de13a4ace 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -1123,6 +1123,10 @@
   background-color: #304562;
 }
 
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: #ef9a9a;
+}
+
 .p-password-panel {
   padding: 1rem;
   background: #1f2d40;