Improved theming for password

pull/938/head
Cagatay Civici 2021-02-03 13:58:03 +03:00
parent b4bf34ec41
commit 07ac855ac8
34 changed files with 340 additions and 0 deletions

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1141,6 +1141,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1141,6 +1141,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1141,6 +1141,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1141,6 +1141,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1141,6 +1141,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1141,6 +1141,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1141,6 +1141,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1141,6 +1141,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1161,6 +1161,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1161,6 +1161,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1161,6 +1161,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1161,6 +1161,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1161,6 +1161,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1161,6 +1161,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1161,6 +1161,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1161,6 +1161,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1141,6 +1141,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1141,6 +1141,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1141,6 +1141,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {

View File

@ -1137,6 +1137,16 @@
} }
.p-password-panel .p-password-meter { .p-password-panel .p-password-meter {
margin-bottom: 0.5rem; 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 { .p-radiobutton {