Styling for password

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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);

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);

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);

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);

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);

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);

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);

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);

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;