vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Refactor #5179 - Theme updates

pull/5189/head
tugcekucukoglu 2024-01-31 11:07:02 +03:00
parent 6bc32e4ddb
commit d9cb8946b8
77 changed files with 14099 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

127
public/themes/arya-blue/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #383838;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #383838;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #383838;
}
.p-autocomplete-panel {
background: #1e1e1e;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #383838;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #383838;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #383838;
}
.p-datepicker {
padding: 0.5rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-cascadeselect.p-variant {
background-color: #383838;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #383838;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #383838;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #ef9a9a;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #383838;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #64B5F6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #383838;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #2396f2;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #383838;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #383838;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #383838;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #383838;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-dropdown.p-variant {
background: #383838;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #383838;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #383838;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #383838;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #383838;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-variant.p-component {
background-color: #383838;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #383838;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #383838;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-multiselect.p-variant {
background: #383838;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #383838;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-password.p-variant > .p-inputtext {
background: #383838;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #383838;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #ef9a9a;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #383838;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #64B5F6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #383838;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #2396f2;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #383838;
@ -1705,6 +1813,16 @@
border-color: #64B5F6;
}
.p-inputtextarea.p-variant {
background-color: #383838;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #383838;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #383838;
}
.p-treeselect {
background: #121212;
border: 1px solid #383838;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-treeselect.p-variant {
background: #383838;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #383838;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/arya-green/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #383838;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #383838;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #383838;
}
.p-autocomplete-panel {
background: #1e1e1e;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #383838;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #383838;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #383838;
}
.p-datepicker {
padding: 0.5rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-cascadeselect.p-variant {
background-color: #383838;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #383838;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #383838;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #ef9a9a;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #383838;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #81C784;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #383838;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #54b358;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #383838;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #383838;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #383838;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #383838;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-dropdown.p-variant {
background: #383838;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #383838;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #383838;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #383838;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #383838;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-variant.p-component {
background-color: #383838;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #383838;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #383838;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-multiselect.p-variant {
background: #383838;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #383838;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-password.p-variant > .p-inputtext {
background: #383838;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #383838;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #ef9a9a;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #383838;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #81C784;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #383838;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #54b358;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #383838;
@ -1705,6 +1813,16 @@
border-color: #81C784;
}
.p-inputtextarea.p-variant {
background-color: #383838;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #383838;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #383838;
}
.p-treeselect {
background: #121212;
border: 1px solid #383838;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-treeselect.p-variant {
background: #383838;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #383838;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/arya-orange/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #383838;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #383838;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #383838;
}
.p-autocomplete-panel {
background: #1e1e1e;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #383838;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #383838;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #383838;
}
.p-datepicker {
padding: 0.5rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-cascadeselect.p-variant {
background-color: #383838;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #383838;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #383838;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #ef9a9a;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #383838;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #FFD54F;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #383838;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #ffc50c;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #383838;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #383838;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #383838;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #383838;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-dropdown.p-variant {
background: #383838;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #383838;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #383838;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #383838;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #383838;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-variant.p-component {
background-color: #383838;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #383838;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #383838;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-multiselect.p-variant {
background: #383838;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #383838;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-password.p-variant > .p-inputtext {
background: #383838;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #383838;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #ef9a9a;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #383838;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #FFD54F;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #383838;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffc50c;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #383838;
@ -1705,6 +1813,16 @@
border-color: #FFD54F;
}
.p-inputtextarea.p-variant {
background-color: #383838;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #383838;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #383838;
}
.p-treeselect {
background: #121212;
border: 1px solid #383838;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-treeselect.p-variant {
background: #383838;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #383838;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/arya-purple/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #383838;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #383838;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #383838;
}
.p-autocomplete-panel {
background: #1e1e1e;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #383838;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #383838;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #383838;
}
.p-datepicker {
padding: 0.5rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-cascadeselect.p-variant {
background-color: #383838;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #383838;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #383838;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #ef9a9a;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #383838;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #BA68C8;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #383838;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #a241b2;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #383838;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #383838;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #383838;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #383838;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-dropdown.p-variant {
background: #383838;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #383838;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #383838;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #383838;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #383838;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-variant.p-component {
background-color: #383838;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #383838;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #383838;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-multiselect.p-variant {
background: #383838;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #383838;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-password.p-variant > .p-inputtext {
background: #383838;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #383838;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #ef9a9a;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #383838;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #BA68C8;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #383838;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #a241b2;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #383838;
@ -1705,6 +1813,16 @@
border-color: #BA68C8;
}
.p-inputtextarea.p-variant {
background-color: #383838;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #383838;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #383838;
}
.p-treeselect {
background: #121212;
border: 1px solid #383838;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-treeselect.p-variant {
background: #383838;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #383838;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #383838;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/aura-dark-amber/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #27272a;
}
.p-autocomplete-panel {
background: #18181b;
@ -466,6 +475,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #27272a;
}
.p-datepicker {
padding: 0.75rem;
@ -706,6 +724,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-cascadeselect.p-variant {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #27272a;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #fbbf24;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #fcd34d;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #27272a;
@ -863,6 +902,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #27272a;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: none;
border-color: #52525b;
}
.p-dropdown.p-variant {
background: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #27272a;
}
.p-inputswitch {
width: 2.5rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #27272a;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-multiselect.p-variant {
background: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #020617;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #020617;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #27272a;
@ -1724,6 +1832,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #27272a;
}
.p-treeselect {
background: #09090b;
border: 1px solid #3f3f46;
@ -1740,6 +1858,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-treeselect.p-variant {
background: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-dark-blue/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #27272a;
}
.p-autocomplete-panel {
background: #18181b;
@ -466,6 +475,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #27272a;
}
.p-datepicker {
padding: 0.75rem;
@ -706,6 +724,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-cascadeselect.p-variant {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #27272a;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #60a5fa;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #93c5fd;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #27272a;
@ -863,6 +902,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #27272a;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: none;
border-color: #52525b;
}
.p-dropdown.p-variant {
background: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #27272a;
}
.p-inputswitch {
width: 2.5rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #27272a;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-multiselect.p-variant {
background: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #020617;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #020617;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #27272a;
@ -1724,6 +1832,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #27272a;
}
.p-treeselect {
background: #09090b;
border: 1px solid #3f3f46;
@ -1740,6 +1858,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-treeselect.p-variant {
background: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-dark-cyan/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #27272a;
}
.p-autocomplete-panel {
background: #18181b;
@ -466,6 +475,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #27272a;
}
.p-datepicker {
padding: 0.75rem;
@ -706,6 +724,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-cascadeselect.p-variant {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #27272a;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #22d3ee;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #67e8f9;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #27272a;
@ -863,6 +902,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #27272a;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: none;
border-color: #52525b;
}
.p-dropdown.p-variant {
background: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #27272a;
}
.p-inputswitch {
width: 2.5rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #27272a;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-multiselect.p-variant {
background: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #020617;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #020617;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #27272a;
@ -1724,6 +1832,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #27272a;
}
.p-treeselect {
background: #09090b;
border: 1px solid #3f3f46;
@ -1740,6 +1858,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-treeselect.p-variant {
background: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-dark-green/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #27272a;
}
.p-autocomplete-panel {
background: #18181b;
@ -466,6 +475,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #27272a;
}
.p-datepicker {
padding: 0.75rem;
@ -706,6 +724,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-cascadeselect.p-variant {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #27272a;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #34d399;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #6ee7b7;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #27272a;
@ -863,6 +902,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #27272a;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: none;
border-color: #52525b;
}
.p-dropdown.p-variant {
background: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #27272a;
}
.p-inputswitch {
width: 2.5rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #27272a;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-multiselect.p-variant {
background: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #020617;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #020617;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #27272a;
@ -1724,6 +1832,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #27272a;
}
.p-treeselect {
background: #09090b;
border: 1px solid #3f3f46;
@ -1740,6 +1858,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-treeselect.p-variant {
background: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-dark-indigo/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #27272a;
}
.p-autocomplete-panel {
background: #18181b;
@ -466,6 +475,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #27272a;
}
.p-datepicker {
padding: 0.75rem;
@ -706,6 +724,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-cascadeselect.p-variant {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #27272a;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #818cf8;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #a5b4fc;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #27272a;
@ -863,6 +902,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #27272a;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: none;
border-color: #52525b;
}
.p-dropdown.p-variant {
background: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #27272a;
}
.p-inputswitch {
width: 2.5rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #27272a;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-multiselect.p-variant {
background: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #020617;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #020617;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #27272a;
@ -1724,6 +1832,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #27272a;
}
.p-treeselect {
background: #09090b;
border: 1px solid #3f3f46;
@ -1740,6 +1858,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-treeselect.p-variant {
background: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-dark-lime/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #27272a;
}
.p-autocomplete-panel {
background: #18181b;
@ -466,6 +475,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #27272a;
}
.p-datepicker {
padding: 0.75rem;
@ -706,6 +724,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-cascadeselect.p-variant {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #27272a;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #a3e635;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #bef264;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #27272a;
@ -863,6 +902,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #27272a;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: none;
border-color: #52525b;
}
.p-dropdown.p-variant {
background: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #27272a;
}
.p-inputswitch {
width: 2.5rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #27272a;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-multiselect.p-variant {
background: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #020617;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #020617;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #27272a;
@ -1724,6 +1832,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #27272a;
}
.p-treeselect {
background: #09090b;
border: 1px solid #3f3f46;
@ -1740,6 +1858,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-treeselect.p-variant {
background: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-dark-noir/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #27272a;
}
.p-autocomplete-panel {
background: #18181b;
@ -466,6 +475,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #27272a;
}
.p-datepicker {
padding: 0.75rem;
@ -706,6 +724,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-cascadeselect.p-variant {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #27272a;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #fafafa;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #f4f4f5;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #27272a;
@ -863,6 +902,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #27272a;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: none;
border-color: #52525b;
}
.p-dropdown.p-variant {
background: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #27272a;
}
.p-inputswitch {
width: 2.5rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #27272a;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-multiselect.p-variant {
background: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #020617;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #020617;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #27272a;
@ -1724,6 +1832,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #27272a;
}
.p-treeselect {
background: #09090b;
border: 1px solid #3f3f46;
@ -1740,6 +1858,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-treeselect.p-variant {
background: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-dark-pink/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #27272a;
}
.p-autocomplete-panel {
background: #18181b;
@ -466,6 +475,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #27272a;
}
.p-datepicker {
padding: 0.75rem;
@ -706,6 +724,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-cascadeselect.p-variant {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #27272a;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #f472b6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #f9a8d4;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #27272a;
@ -863,6 +902,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #27272a;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: none;
border-color: #52525b;
}
.p-dropdown.p-variant {
background: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #27272a;
}
.p-inputswitch {
width: 2.5rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #27272a;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-multiselect.p-variant {
background: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #020617;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #020617;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #27272a;
@ -1724,6 +1832,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #27272a;
}
.p-treeselect {
background: #09090b;
border: 1px solid #3f3f46;
@ -1740,6 +1858,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-treeselect.p-variant {
background: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-dark-purple/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #27272a;
}
.p-autocomplete-panel {
background: #18181b;
@ -466,6 +475,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #27272a;
}
.p-datepicker {
padding: 0.75rem;
@ -706,6 +724,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-cascadeselect.p-variant {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #27272a;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #a78bfa;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #c4b5fd;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #27272a;
@ -863,6 +902,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #27272a;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: none;
border-color: #52525b;
}
.p-dropdown.p-variant {
background: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #27272a;
}
.p-inputswitch {
width: 2.5rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #27272a;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-multiselect.p-variant {
background: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #020617;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #020617;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #27272a;
@ -1724,6 +1832,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #27272a;
}
.p-treeselect {
background: #09090b;
border: 1px solid #3f3f46;
@ -1740,6 +1858,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-treeselect.p-variant {
background: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-dark-teal/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #27272a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #27272a;
}
.p-autocomplete-panel {
background: #18181b;
@ -466,6 +475,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #27272a;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #27272a;
}
.p-datepicker {
padding: 0.75rem;
@ -706,6 +724,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-cascadeselect.p-variant {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #27272a;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #27272a;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #2dd4bf;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #27272a;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #5eead4;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #27272a;
@ -863,6 +902,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #27272a;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #27272a;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: none;
border-color: #52525b;
}
.p-dropdown.p-variant {
background: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #27272a;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #27272a;
}
.p-inputswitch {
width: 2.5rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #27272a;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #27272a;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-multiselect.p-variant {
background: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #27272a;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #020617;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #27272a;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #020617;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #27272a;
@ -1724,6 +1832,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #27272a;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #27272a;
}
.p-treeselect {
background: #09090b;
border: 1px solid #3f3f46;
@ -1740,6 +1858,15 @@
box-shadow: none;
border-color: #52525b;
}
.p-treeselect.p-variant {
background: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #27272a;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #27272a;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-light-amber/theme.css
View File

@ -414,6 +414,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -468,6 +477,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.75rem;
@ -708,6 +726,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-cascadeselect.p-variant {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -842,6 +869,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f87171;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #f59e0b;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #d97706;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8fafc;
@ -865,6 +904,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -932,6 +980,18 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-dropdown.p-variant {
background: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1118,6 +1178,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 2.5rem;
@ -1199,6 +1268,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f87171;
}
.p-inputtext.p-variant.p-component {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1377,6 +1455,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-multiselect.p-variant {
background: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1514,6 +1601,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-password.p-variant > .p-inputtext {
background: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1595,6 +1691,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f87171;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8fafc;
@ -1726,6 +1834,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #cbd5e1;
@ -1742,6 +1860,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-treeselect.p-variant {
background: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-light-blue/theme.css
View File

@ -414,6 +414,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -468,6 +477,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.75rem;
@ -708,6 +726,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-cascadeselect.p-variant {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -842,6 +869,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f87171;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #3B82F6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #2563eb;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8fafc;
@ -865,6 +904,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -932,6 +980,18 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-dropdown.p-variant {
background: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1118,6 +1178,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 2.5rem;
@ -1199,6 +1268,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f87171;
}
.p-inputtext.p-variant.p-component {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1377,6 +1455,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-multiselect.p-variant {
background: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1514,6 +1601,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-password.p-variant > .p-inputtext {
background: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1595,6 +1691,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f87171;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8fafc;
@ -1726,6 +1834,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #cbd5e1;
@ -1742,6 +1860,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-treeselect.p-variant {
background: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-light-cyan/theme.css
View File

@ -414,6 +414,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -468,6 +477,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.75rem;
@ -708,6 +726,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-cascadeselect.p-variant {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -842,6 +869,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f87171;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #06b6d4;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #0891b2;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8fafc;
@ -865,6 +904,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -932,6 +980,18 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-dropdown.p-variant {
background: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1118,6 +1178,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 2.5rem;
@ -1199,6 +1268,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f87171;
}
.p-inputtext.p-variant.p-component {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1377,6 +1455,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-multiselect.p-variant {
background: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1514,6 +1601,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-password.p-variant > .p-inputtext {
background: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1595,6 +1691,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f87171;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8fafc;
@ -1726,6 +1834,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #cbd5e1;
@ -1742,6 +1860,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-treeselect.p-variant {
background: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-light-green/theme.css
View File

@ -414,6 +414,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -468,6 +477,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.75rem;
@ -708,6 +726,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-cascadeselect.p-variant {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -842,6 +869,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f87171;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #10b981;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #059669;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8fafc;
@ -865,6 +904,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -932,6 +980,18 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-dropdown.p-variant {
background: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1118,6 +1178,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 2.5rem;
@ -1199,6 +1268,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f87171;
}
.p-inputtext.p-variant.p-component {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1377,6 +1455,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-multiselect.p-variant {
background: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1514,6 +1601,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-password.p-variant > .p-inputtext {
background: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1595,6 +1691,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f87171;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8fafc;
@ -1726,6 +1834,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #cbd5e1;
@ -1742,6 +1860,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-treeselect.p-variant {
background: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-light-indigo/theme.css
View File

@ -414,6 +414,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -468,6 +477,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.75rem;
@ -708,6 +726,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-cascadeselect.p-variant {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -842,6 +869,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f87171;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #6366F1;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #4F46E5;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8fafc;
@ -865,6 +904,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -932,6 +980,18 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-dropdown.p-variant {
background: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1118,6 +1178,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 2.5rem;
@ -1199,6 +1268,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f87171;
}
.p-inputtext.p-variant.p-component {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1377,6 +1455,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-multiselect.p-variant {
background: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1514,6 +1601,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-password.p-variant > .p-inputtext {
background: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1595,6 +1691,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f87171;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8fafc;
@ -1726,6 +1834,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #cbd5e1;
@ -1742,6 +1860,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-treeselect.p-variant {
background: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-light-lime/theme.css
View File

@ -414,6 +414,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -468,6 +477,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.75rem;
@ -708,6 +726,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-cascadeselect.p-variant {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -842,6 +869,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f87171;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #84cc16;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #65a30d;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8fafc;
@ -865,6 +904,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -932,6 +980,18 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-dropdown.p-variant {
background: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1118,6 +1178,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 2.5rem;
@ -1199,6 +1268,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f87171;
}
.p-inputtext.p-variant.p-component {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1377,6 +1455,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-multiselect.p-variant {
background: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1514,6 +1601,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-password.p-variant > .p-inputtext {
background: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1595,6 +1691,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f87171;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8fafc;
@ -1726,6 +1834,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #cbd5e1;
@ -1742,6 +1860,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-treeselect.p-variant {
background: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-light-noir/theme.css
View File

@ -414,6 +414,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -468,6 +477,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.75rem;
@ -708,6 +726,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-cascadeselect.p-variant {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -842,6 +869,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f87171;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #020617;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #0f172a;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8fafc;
@ -869,6 +908,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -936,6 +984,18 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-dropdown.p-variant {
background: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1122,6 +1182,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 2.5rem;
@ -1203,6 +1272,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f87171;
}
.p-inputtext.p-variant.p-component {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1381,6 +1459,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-multiselect.p-variant {
background: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1518,6 +1605,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-password.p-variant > .p-inputtext {
background: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1599,6 +1695,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f87171;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8fafc;
@ -1734,6 +1842,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #cbd5e1;
@ -1750,6 +1868,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-treeselect.p-variant {
background: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-light-pink/theme.css
View File

@ -414,6 +414,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -468,6 +477,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.75rem;
@ -708,6 +726,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-cascadeselect.p-variant {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -842,6 +869,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f87171;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #ec4899;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #db2777;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8fafc;
@ -865,6 +904,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -932,6 +980,18 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-dropdown.p-variant {
background: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1118,6 +1178,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 2.5rem;
@ -1199,6 +1268,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f87171;
}
.p-inputtext.p-variant.p-component {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1377,6 +1455,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-multiselect.p-variant {
background: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1514,6 +1601,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-password.p-variant > .p-inputtext {
background: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1595,6 +1691,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f87171;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8fafc;
@ -1726,6 +1834,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #cbd5e1;
@ -1742,6 +1860,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-treeselect.p-variant {
background: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-light-purple/theme.css
View File

@ -414,6 +414,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -468,6 +477,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.75rem;
@ -708,6 +726,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-cascadeselect.p-variant {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -842,6 +869,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f87171;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #8B5CF6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #7C3AED;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8fafc;
@ -865,6 +904,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -932,6 +980,18 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-dropdown.p-variant {
background: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1118,6 +1178,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 2.5rem;
@ -1199,6 +1268,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f87171;
}
.p-inputtext.p-variant.p-component {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1377,6 +1455,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-multiselect.p-variant {
background: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1514,6 +1601,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-password.p-variant > .p-inputtext {
background: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1595,6 +1691,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f87171;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8fafc;
@ -1726,6 +1834,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #cbd5e1;
@ -1742,6 +1860,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-treeselect.p-variant {
background: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/aura-light-teal/theme.css
View File

@ -414,6 +414,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8fafc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -468,6 +477,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8fafc;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.75rem;
@ -708,6 +726,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-cascadeselect.p-variant {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -842,6 +869,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f87171;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #14b8a6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8fafc;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #0d9488;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8fafc;
@ -865,6 +904,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8fafc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -932,6 +980,18 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-dropdown.p-variant {
background: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1118,6 +1178,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8fafc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 2.5rem;
@ -1199,6 +1268,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f87171;
}
.p-inputtext.p-variant.p-component {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8fafc;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1377,6 +1455,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-multiselect.p-variant {
background: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
@ -1514,6 +1601,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f87171;
}
.p-password.p-variant > .p-inputtext {
background: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 0 1.125rem 1.125rem 1.125rem;
@ -1595,6 +1691,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f87171;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8fafc;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8fafc;
@ -1726,6 +1834,16 @@
border-color: transparent;
}
.p-inputtextarea.p-variant {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8fafc;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #cbd5e1;
@ -1742,6 +1860,15 @@
box-shadow: none;
border-color: #94a3b8;
}
.p-treeselect.p-variant {
background: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8fafc;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;

127
public/themes/bootstrap4-dark-blue/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #3f4b5b;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #3f4b5b;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #3f4b5b;
}
.p-autocomplete-panel {
background: #2a323d;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #3f4b5b;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #3f4b5b;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #3f4b5b;
}
.p-datepicker {
padding: 0;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
.p-cascadeselect.p-variant {
background-color: #3f4b5b;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #3f4b5b;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #3f4b5b;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f19ea6;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #3f4b5b;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #8dd0ff;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #3f4b5b;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #1dadff;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #3f4b5b;
@ -848,6 +887,15 @@
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #3f4b5b;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #3f4b5b;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #3f4b5b;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -915,6 +963,18 @@
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
.p-dropdown.p-variant {
background: #3f4b5b;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #3f4b5b;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #3f4b5b;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1101,6 +1161,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #3f4b5b;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #3f4b5b;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #3f4b5b;
}
.p-inputswitch {
width: 3rem;
@ -1182,6 +1251,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f19ea6;
}
.p-inputtext.p-variant.p-component {
background-color: #3f4b5b;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #3f4b5b;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #3f4b5b;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1360,6 +1438,15 @@
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
.p-multiselect.p-variant {
background: #3f4b5b;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #3f4b5b;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #3f4b5b;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@ -1497,6 +1584,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
.p-password.p-variant > .p-inputtext {
background: #3f4b5b;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #3f4b5b;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #3f4b5b;
}
.p-password-panel {
padding: 1.25rem;
@ -1578,6 +1674,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f19ea6;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #3f4b5b;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #8dd0ff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #3f4b5b;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #1dadff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #3f4b5b;
@ -1717,6 +1825,16 @@
border-color: #56bdff;
}
.p-inputtextarea.p-variant {
background-color: #3f4b5b;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #3f4b5b;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #3f4b5b;
}
.p-treeselect {
background: #20262e;
border: 1px solid #3f4b5b;
@ -1733,6 +1851,15 @@
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
.p-treeselect.p-variant {
background: #3f4b5b;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #3f4b5b;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #3f4b5b;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;

127
public/themes/bootstrap4-dark-purple/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #3f4b5b;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #3f4b5b;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #3f4b5b;
}
.p-autocomplete-panel {
background: #2a323d;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #3f4b5b;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #3f4b5b;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #3f4b5b;
}
.p-datepicker {
padding: 0;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
.p-cascadeselect.p-variant {
background-color: #3f4b5b;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #3f4b5b;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #3f4b5b;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f19ea6;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #3f4b5b;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #c298d8;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #3f4b5b;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #9954bb;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #3f4b5b;
@ -848,6 +887,15 @@
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #3f4b5b;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #3f4b5b;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #3f4b5b;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -915,6 +963,18 @@
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
.p-dropdown.p-variant {
background: #3f4b5b;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #3f4b5b;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #3f4b5b;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1101,6 +1161,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #3f4b5b;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #3f4b5b;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #3f4b5b;
}
.p-inputswitch {
width: 3rem;
@ -1182,6 +1251,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f19ea6;
}
.p-inputtext.p-variant.p-component {
background-color: #3f4b5b;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #3f4b5b;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #3f4b5b;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1360,6 +1438,15 @@
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
.p-multiselect.p-variant {
background: #3f4b5b;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #3f4b5b;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #3f4b5b;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@ -1497,6 +1584,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
.p-password.p-variant > .p-inputtext {
background: #3f4b5b;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #3f4b5b;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #3f4b5b;
}
.p-password-panel {
padding: 1.25rem;
@ -1578,6 +1674,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f19ea6;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #3f4b5b;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #c298d8;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #3f4b5b;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #9954bb;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #3f4b5b;
@ -1717,6 +1825,16 @@
border-color: #aa70c7;
}
.p-inputtextarea.p-variant {
background-color: #3f4b5b;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #3f4b5b;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #3f4b5b;
}
.p-treeselect {
background: #20262e;
border: 1px solid #3f4b5b;
@ -1733,6 +1851,15 @@
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
.p-treeselect.p-variant {
background: #3f4b5b;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #3f4b5b;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #3f4b5b;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;

127
public/themes/bootstrap4-light-blue/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #efefef;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #efefef;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #efefef;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #efefef;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #efefef;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #efefef;
}
.p-datepicker {
padding: 0;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-cascadeselect.p-variant {
background-color: #efefef;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #efefef;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #efefef;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #dc3545;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #efefef;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #007bff;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #efefef;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #0062cc;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #efefef;
@ -848,6 +887,15 @@
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #efefef;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #efefef;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #efefef;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -915,6 +963,18 @@
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-dropdown.p-variant {
background: #efefef;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #efefef;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #efefef;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1101,6 +1161,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #efefef;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #efefef;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #efefef;
}
.p-inputswitch {
width: 3rem;
@ -1182,6 +1251,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #dc3545;
}
.p-inputtext.p-variant.p-component {
background-color: #efefef;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #efefef;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #efefef;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1360,6 +1438,15 @@
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-multiselect.p-variant {
background: #efefef;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #efefef;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #efefef;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@ -1497,6 +1584,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
.p-password.p-variant > .p-inputtext {
background: #efefef;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #efefef;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #efefef;
}
.p-password-panel {
padding: 1.25rem;
@ -1578,6 +1674,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #dc3545;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #efefef;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #007bff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #efefef;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #0062cc;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #efefef;
@ -1717,6 +1825,16 @@
border-color: #0069d9;
}
.p-inputtextarea.p-variant {
background-color: #efefef;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #efefef;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #efefef;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
@ -1733,6 +1851,15 @@
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-treeselect.p-variant {
background: #efefef;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #efefef;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #efefef;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;

127
public/themes/bootstrap4-light-purple/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #efefef;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #efefef;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #efefef;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #efefef;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #efefef;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #efefef;
}
.p-datepicker {
padding: 0;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
.p-cascadeselect.p-variant {
background-color: #efefef;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #efefef;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #efefef;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #dc3545;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #efefef;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #883cae;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #efefef;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #68329e;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #efefef;
@ -848,6 +887,15 @@
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #efefef;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #efefef;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #efefef;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -915,6 +963,18 @@
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
.p-dropdown.p-variant {
background: #efefef;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #efefef;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #efefef;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1101,6 +1161,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #efefef;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #efefef;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #efefef;
}
.p-inputswitch {
width: 3rem;
@ -1182,6 +1251,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #dc3545;
}
.p-inputtext.p-variant.p-component {
background-color: #efefef;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #efefef;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #efefef;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1360,6 +1438,15 @@
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
.p-multiselect.p-variant {
background: #efefef;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #efefef;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #efefef;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@ -1497,6 +1584,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
.p-password.p-variant > .p-inputtext {
background: #efefef;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #efefef;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #efefef;
}
.p-password-panel {
padding: 1.25rem;
@ -1578,6 +1674,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #dc3545;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #efefef;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #883cae;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #efefef;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #68329e;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #efefef;
@ -1717,6 +1825,16 @@
border-color: #7a38a7;
}
.p-inputtextarea.p-variant {
background-color: #efefef;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #efefef;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #efefef;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
@ -1733,6 +1851,15 @@
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
.p-treeselect.p-variant {
background: #efefef;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #efefef;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #efefef;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;

127
public/themes/fluent-light/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a4252c;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #faf9f8;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #faf9f8;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #faf9f8;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: inset 0 0 0 1px #605e5c;
border-color: #0078d4;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #faf9f8;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #faf9f8;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #faf9f8;
}
.p-datepicker {
padding: 0.75rem;
@ -687,6 +705,15 @@
box-shadow: inset 0 0 0 1px #605e5c;
border-color: #0078d4;
}
.p-cascadeselect.p-variant {
background-color: #faf9f8;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #faf9f8;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #faf9f8;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #a4252c;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #faf9f8;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #0078d4;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #faf9f8;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #005a9e;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #faf9f8;
@ -844,6 +883,15 @@
box-shadow: inset 0 0 0 1px #605e5c;
border-color: #0078d4;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #faf9f8;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #faf9f8;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #faf9f8;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: inset 0 0 0 1px #605e5c;
border-color: #0078d4;
}
.p-dropdown.p-variant {
background: #faf9f8;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #faf9f8;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #faf9f8;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #a4252c;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #faf9f8;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #faf9f8;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #faf9f8;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #a4252c;
}
.p-inputtext.p-variant.p-component {
background-color: #faf9f8;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #faf9f8;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #faf9f8;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: inset 0 0 0 1px #605e5c;
border-color: #0078d4;
}
.p-multiselect.p-variant {
background: #faf9f8;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #faf9f8;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #faf9f8;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #a4252c;
}
.p-password.p-variant > .p-inputtext {
background: #faf9f8;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #faf9f8;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #faf9f8;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #a4252c;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #faf9f8;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #faf9f8;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #faf9f8;
@ -1705,6 +1813,16 @@
border-color: #005a9e;
}
.p-inputtextarea.p-variant {
background-color: #faf9f8;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #faf9f8;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #faf9f8;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #605e5c;
@ -1721,6 +1839,15 @@
box-shadow: inset 0 0 0 1px #605e5c;
border-color: #0078d4;
}
.p-treeselect.p-variant {
background: #faf9f8;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #faf9f8;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #faf9f8;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-dark-amber/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #424b57;
}
.p-autocomplete-panel {
background: #1f2937;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
border-color: #fbbf24;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #424b57;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
border-color: #fbbf24;
}
.p-cascadeselect.p-variant {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #424b57;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #fbbf24;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #fde68a;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #424b57;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
border-color: #fbbf24;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #424b57;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
border-color: #fbbf24;
}
.p-dropdown.p-variant {
background: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #424b57;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #424b57;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
border-color: #fbbf24;
}
.p-multiselect.p-variant {
background: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #fbbf24;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #fde68a;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #424b57;
@ -1724,6 +1832,16 @@
border-color: #fbbf24;
}
.p-inputtextarea.p-variant {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #424b57;
}
.p-treeselect {
background: #111827;
border: 1px solid #424b57;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
border-color: #fbbf24;
}
.p-treeselect.p-variant {
background: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-dark-blue/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #424b57;
}
.p-autocomplete-panel {
background: #1f2937;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
border-color: #60a5fa;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #424b57;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
border-color: #60a5fa;
}
.p-cascadeselect.p-variant {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #424b57;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #60a5fa;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #bfdbfe;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #424b57;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
border-color: #60a5fa;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #424b57;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
border-color: #60a5fa;
}
.p-dropdown.p-variant {
background: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #424b57;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #424b57;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
border-color: #60a5fa;
}
.p-multiselect.p-variant {
background: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #60a5fa;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #bfdbfe;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #424b57;
@ -1724,6 +1832,16 @@
border-color: #60a5fa;
}
.p-inputtextarea.p-variant {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #424b57;
}
.p-treeselect {
background: #111827;
border: 1px solid #424b57;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
border-color: #60a5fa;
}
.p-treeselect.p-variant {
background: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-dark-cyan/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #424b57;
}
.p-autocomplete-panel {
background: #1f2937;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
border-color: #22d3ee;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #424b57;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
border-color: #22d3ee;
}
.p-cascadeselect.p-variant {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #424b57;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #22d3ee;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #a5f3fc;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #424b57;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
border-color: #22d3ee;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #424b57;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
border-color: #22d3ee;
}
.p-dropdown.p-variant {
background: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #424b57;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #424b57;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
border-color: #22d3ee;
}
.p-multiselect.p-variant {
background: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #22d3ee;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #a5f3fc;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #424b57;
@ -1724,6 +1832,16 @@
border-color: #22d3ee;
}
.p-inputtextarea.p-variant {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #424b57;
}
.p-treeselect {
background: #111827;
border: 1px solid #424b57;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
border-color: #22d3ee;
}
.p-treeselect.p-variant {
background: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-dark-green/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #424b57;
}
.p-autocomplete-panel {
background: #1f2937;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
border-color: #34d399;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #424b57;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
border-color: #34d399;
}
.p-cascadeselect.p-variant {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #424b57;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #34d399;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #a7f3d0;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #424b57;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
border-color: #34d399;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #424b57;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
border-color: #34d399;
}
.p-dropdown.p-variant {
background: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #424b57;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #424b57;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
border-color: #34d399;
}
.p-multiselect.p-variant {
background: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #34d399;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #a7f3d0;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #424b57;
@ -1724,6 +1832,16 @@
border-color: #34d399;
}
.p-inputtextarea.p-variant {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #424b57;
}
.p-treeselect {
background: #111827;
border: 1px solid #424b57;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
border-color: #34d399;
}
.p-treeselect.p-variant {
background: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-dark-indigo/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #424b57;
}
.p-autocomplete-panel {
background: #1f2937;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
border-color: #818cf8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #424b57;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
border-color: #818cf8;
}
.p-cascadeselect.p-variant {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #424b57;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #818cf8;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #c7d2fe;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #424b57;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
border-color: #818cf8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #424b57;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
border-color: #818cf8;
}
.p-dropdown.p-variant {
background: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #424b57;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #424b57;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
border-color: #818cf8;
}
.p-multiselect.p-variant {
background: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #818cf8;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #c7d2fe;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #424b57;
@ -1724,6 +1832,16 @@
border-color: #818cf8;
}
.p-inputtextarea.p-variant {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #424b57;
}
.p-treeselect {
background: #111827;
border: 1px solid #424b57;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
border-color: #818cf8;
}
.p-treeselect.p-variant {
background: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-dark-pink/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #424b57;
}
.p-autocomplete-panel {
background: #1f2937;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
border-color: #f472b6;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #424b57;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
border-color: #f472b6;
}
.p-cascadeselect.p-variant {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #424b57;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #f472b6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #fbcfe8;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #424b57;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
border-color: #f472b6;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #424b57;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
border-color: #f472b6;
}
.p-dropdown.p-variant {
background: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #424b57;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #424b57;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
border-color: #f472b6;
}
.p-multiselect.p-variant {
background: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #f472b6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #fbcfe8;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #424b57;
@ -1724,6 +1832,16 @@
border-color: #f472b6;
}
.p-inputtextarea.p-variant {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #424b57;
}
.p-treeselect {
background: #111827;
border: 1px solid #424b57;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
border-color: #f472b6;
}
.p-treeselect.p-variant {
background: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-dark-purple/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #424b57;
}
.p-autocomplete-panel {
background: #1f2937;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
border-color: #a78bfa;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #424b57;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
border-color: #a78bfa;
}
.p-cascadeselect.p-variant {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #424b57;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #a78bfa;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #ddd6fe;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #424b57;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
border-color: #a78bfa;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #424b57;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
border-color: #a78bfa;
}
.p-dropdown.p-variant {
background: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #424b57;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #424b57;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
border-color: #a78bfa;
}
.p-multiselect.p-variant {
background: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #a78bfa;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ddd6fe;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #424b57;
@ -1724,6 +1832,16 @@
border-color: #a78bfa;
}
.p-inputtextarea.p-variant {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #424b57;
}
.p-treeselect {
background: #111827;
border: 1px solid #424b57;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
border-color: #a78bfa;
}
.p-treeselect.p-variant {
background: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-dark-teal/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #424b57;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #424b57;
}
.p-autocomplete-panel {
background: #1f2937;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
border-color: #2dd4bf;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #424b57;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #424b57;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
border-color: #2dd4bf;
}
.p-cascadeselect.p-variant {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #424b57;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #424b57;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #FCA5A5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #2dd4bf;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #424b57;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #99f6e4;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #424b57;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
border-color: #2dd4bf;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #424b57;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #424b57;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
border-color: #2dd4bf;
}
.p-dropdown.p-variant {
background: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #424b57;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #424b57;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #FCA5A5;
}
.p-inputtext.p-variant.p-component {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #424b57;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #424b57;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
border-color: #2dd4bf;
}
.p-multiselect.p-variant {
background: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
.p-password.p-variant > .p-inputtext {
background: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #424b57;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #FCA5A5;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #2dd4bf;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #424b57;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #99f6e4;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #424b57;
@ -1724,6 +1832,16 @@
border-color: #2dd4bf;
}
.p-inputtextarea.p-variant {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #424b57;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #424b57;
}
.p-treeselect {
background: #111827;
border: 1px solid #424b57;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
border-color: #2dd4bf;
}
.p-treeselect.p-variant {
background: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #424b57;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #424b57;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-light-amber/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem #fef08a;
border-color: #f59e0b;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem #fef08a;
border-color: #f59e0b;
}
.p-cascadeselect.p-variant {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e24c4c;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #f59e0b;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #b45309;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f3f4f6;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem #fef08a;
border-color: #f59e0b;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem #fef08a;
border-color: #f59e0b;
}
.p-dropdown.p-variant {
background: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e24c4c;
}
.p-inputtext.p-variant.p-component {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem #fef08a;
border-color: #f59e0b;
}
.p-multiselect.p-variant {
background: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-password.p-variant > .p-inputtext {
background: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e24c4c;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #f59e0b;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #b45309;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f3f4f6;
@ -1724,6 +1832,16 @@
border-color: #f59e0b;
}
.p-inputtextarea.p-variant {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #d1d5db;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem #fef08a;
border-color: #f59e0b;
}
.p-treeselect.p-variant {
background: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-light-blue/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-cascadeselect.p-variant {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e24c4c;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #3B82F6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #1D4ED8;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f3f4f6;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-dropdown.p-variant {
background: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e24c4c;
}
.p-inputtext.p-variant.p-component {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-multiselect.p-variant {
background: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-password.p-variant > .p-inputtext {
background: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e24c4c;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #3B82F6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #1D4ED8;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f3f4f6;
@ -1724,6 +1832,16 @@
border-color: #3B82F6;
}
.p-inputtextarea.p-variant {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #d1d5db;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-treeselect.p-variant {
background: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-light-cyan/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem #a5f3fc;
border-color: #06b6d4;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem #a5f3fc;
border-color: #06b6d4;
}
.p-cascadeselect.p-variant {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e24c4c;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #06b6d4;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #0e7490;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f3f4f6;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem #a5f3fc;
border-color: #06b6d4;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem #a5f3fc;
border-color: #06b6d4;
}
.p-dropdown.p-variant {
background: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e24c4c;
}
.p-inputtext.p-variant.p-component {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem #a5f3fc;
border-color: #06b6d4;
}
.p-multiselect.p-variant {
background: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-password.p-variant > .p-inputtext {
background: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e24c4c;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #06b6d4;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #0e7490;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f3f4f6;
@ -1724,6 +1832,16 @@
border-color: #06b6d4;
}
.p-inputtextarea.p-variant {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #d1d5db;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem #a5f3fc;
border-color: #06b6d4;
}
.p-treeselect.p-variant {
background: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-light-green/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem #a7f3d0;
border-color: #10b981;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem #a7f3d0;
border-color: #10b981;
}
.p-cascadeselect.p-variant {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e24c4c;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #10b981;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #047857;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f3f4f6;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem #a7f3d0;
border-color: #10b981;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem #a7f3d0;
border-color: #10b981;
}
.p-dropdown.p-variant {
background: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e24c4c;
}
.p-inputtext.p-variant.p-component {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem #a7f3d0;
border-color: #10b981;
}
.p-multiselect.p-variant {
background: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-password.p-variant > .p-inputtext {
background: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e24c4c;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #10b981;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #047857;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f3f4f6;
@ -1724,6 +1832,16 @@
border-color: #10b981;
}
.p-inputtextarea.p-variant {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #d1d5db;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem #a7f3d0;
border-color: #10b981;
}
.p-treeselect.p-variant {
background: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-light-indigo/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
.p-cascadeselect.p-variant {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e24c4c;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #6366F1;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #4338CA;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f3f4f6;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
.p-dropdown.p-variant {
background: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e24c4c;
}
.p-inputtext.p-variant.p-component {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
.p-multiselect.p-variant {
background: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-password.p-variant > .p-inputtext {
background: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e24c4c;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #6366F1;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #4338CA;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f3f4f6;
@ -1724,6 +1832,16 @@
border-color: #6366F1;
}
.p-inputtextarea.p-variant {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #d1d5db;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
.p-treeselect.p-variant {
background: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-light-pink/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem #fbcfe8;
border-color: #ec4899;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem #fbcfe8;
border-color: #ec4899;
}
.p-cascadeselect.p-variant {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e24c4c;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #ec4899;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #be185d;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f3f4f6;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem #fbcfe8;
border-color: #ec4899;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem #fbcfe8;
border-color: #ec4899;
}
.p-dropdown.p-variant {
background: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e24c4c;
}
.p-inputtext.p-variant.p-component {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem #fbcfe8;
border-color: #ec4899;
}
.p-multiselect.p-variant {
background: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-password.p-variant > .p-inputtext {
background: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e24c4c;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ec4899;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #be185d;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f3f4f6;
@ -1724,6 +1832,16 @@
border-color: #ec4899;
}
.p-inputtextarea.p-variant {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #d1d5db;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem #fbcfe8;
border-color: #ec4899;
}
.p-treeselect.p-variant {
background: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-light-purple/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
.p-cascadeselect.p-variant {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e24c4c;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #8B5CF6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #6D28D9;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f3f4f6;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
.p-dropdown.p-variant {
background: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e24c4c;
}
.p-inputtext.p-variant.p-component {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
.p-multiselect.p-variant {
background: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-password.p-variant > .p-inputtext {
background: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e24c4c;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #8B5CF6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #6D28D9;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f3f4f6;
@ -1724,6 +1832,16 @@
border-color: #8B5CF6;
}
.p-inputtextarea.p-variant {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #d1d5db;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
.p-treeselect.p-variant {
background: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/lara-light-teal/theme.css
View File

@ -412,6 +412,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f3f4f6;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -466,6 +475,15 @@
box-shadow: 0 0 0 0.2rem #99f6e4;
border-color: #14b8a6;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f3f4f6;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -706,6 +724,15 @@
box-shadow: 0 0 0 0.2rem #99f6e4;
border-color: #14b8a6;
}
.p-cascadeselect.p-variant {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -840,6 +867,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e24c4c;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #14b8a6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #0f766e;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f3f4f6;
@ -863,6 +902,15 @@
box-shadow: 0 0 0 0.2rem #99f6e4;
border-color: #14b8a6;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f3f4f6;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -930,6 +978,18 @@
box-shadow: 0 0 0 0.2rem #99f6e4;
border-color: #14b8a6;
}
.p-dropdown.p-variant {
background: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1116,6 +1176,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f3f4f6;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1197,6 +1266,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e24c4c;
}
.p-inputtext.p-variant.p-component {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1375,6 +1453,15 @@
box-shadow: 0 0 0 0.2rem #99f6e4;
border-color: #14b8a6;
}
.p-multiselect.p-variant {
background: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1512,6 +1599,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-password.p-variant > .p-inputtext {
background: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1.25rem;
@ -1593,6 +1689,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e24c4c;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #14b8a6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #0f766e;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f3f4f6;
@ -1724,6 +1832,16 @@
border-color: #14b8a6;
}
.p-inputtextarea.p-variant {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #d1d5db;
@ -1740,6 +1858,15 @@
box-shadow: 0 0 0 0.2rem #99f6e4;
border-color: #14b8a6;
}
.p-treeselect.p-variant {
background: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/luna-amber/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #4b4b4b;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #4b4b4b;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #4b4b4b;
}
.p-autocomplete-panel {
background: #323232;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #4b4b4b;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #4b4b4b;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #4b4b4b;
}
.p-datepicker {
padding: 0.857rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082;
}
.p-cascadeselect.p-variant {
background-color: #4b4b4b;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #4b4b4b;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #4b4b4b;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e57373;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #4b4b4b;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #FFE082;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #4b4b4b;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #FFCA28;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #4b4b4b;
@ -848,6 +887,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #4b4b4b;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #4b4b4b;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #4b4b4b;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
outline-color: transparent;
@ -915,6 +963,18 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082;
}
.p-dropdown.p-variant {
background: #4b4b4b;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.429rem;
}
@ -1101,6 +1161,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #4b4b4b;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #4b4b4b;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #4b4b4b;
}
.p-inputswitch {
width: 3rem;
@ -1182,6 +1251,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e57373;
}
.p-inputtext.p-variant.p-component {
background-color: #4b4b4b;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #4b4b4b;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #4b4b4b;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.375375rem 0.375375rem;
@ -1360,6 +1438,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082;
}
.p-multiselect.p-variant {
background: #4b4b4b;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-multiselect .p-multiselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1497,6 +1584,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
.p-password.p-variant > .p-inputtext {
background: #4b4b4b;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-password-panel {
padding: 0.571rem 1rem;
@ -1578,6 +1674,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e57373;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #4b4b4b;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #FFE082;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #4b4b4b;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #FFCA28;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #4b4b4b;
@ -1717,6 +1825,16 @@
border-color: #FFE082;
}
.p-inputtextarea.p-variant {
background-color: #4b4b4b;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #4b4b4b;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #4b4b4b;
}
.p-treeselect {
background: #191919;
border: 1px solid #4b4b4b;
@ -1733,6 +1851,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082;
}
.p-treeselect.p-variant {
background: #4b4b4b;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-treeselect .p-treeselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/luna-blue/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #4b4b4b;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #4b4b4b;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #4b4b4b;
}
.p-autocomplete-panel {
background: #323232;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #4b4b4b;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #4b4b4b;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #4b4b4b;
}
.p-datepicker {
padding: 0.857rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA;
}
.p-cascadeselect.p-variant {
background-color: #4b4b4b;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #4b4b4b;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #4b4b4b;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e57373;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #4b4b4b;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #81D4FA;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #4b4b4b;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #29B6F6;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #4b4b4b;
@ -848,6 +887,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #4b4b4b;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #4b4b4b;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #4b4b4b;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
outline-color: transparent;
@ -915,6 +963,18 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA;
}
.p-dropdown.p-variant {
background: #4b4b4b;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.429rem;
}
@ -1101,6 +1161,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #4b4b4b;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #4b4b4b;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #4b4b4b;
}
.p-inputswitch {
width: 3rem;
@ -1182,6 +1251,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e57373;
}
.p-inputtext.p-variant.p-component {
background-color: #4b4b4b;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #4b4b4b;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #4b4b4b;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.375375rem 0.375375rem;
@ -1360,6 +1438,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA;
}
.p-multiselect.p-variant {
background: #4b4b4b;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-multiselect .p-multiselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1497,6 +1584,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
.p-password.p-variant > .p-inputtext {
background: #4b4b4b;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-password-panel {
padding: 0.571rem 1rem;
@ -1578,6 +1674,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e57373;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #4b4b4b;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #81D4FA;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #4b4b4b;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #29B6F6;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #4b4b4b;
@ -1717,6 +1825,16 @@
border-color: #81D4FA;
}
.p-inputtextarea.p-variant {
background-color: #4b4b4b;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #4b4b4b;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #4b4b4b;
}
.p-treeselect {
background: #191919;
border: 1px solid #4b4b4b;
@ -1733,6 +1851,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA;
}
.p-treeselect.p-variant {
background: #4b4b4b;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-treeselect .p-treeselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/luna-green/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #4b4b4b;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #4b4b4b;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #4b4b4b;
}
.p-autocomplete-panel {
background: #323232;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #4b4b4b;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #4b4b4b;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #4b4b4b;
}
.p-datepicker {
padding: 0.857rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5;
}
.p-cascadeselect.p-variant {
background-color: #4b4b4b;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #4b4b4b;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #4b4b4b;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e57373;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #4b4b4b;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #C5E1A5;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #4b4b4b;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #9CCC65;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #4b4b4b;
@ -848,6 +887,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #4b4b4b;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #4b4b4b;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #4b4b4b;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
outline-color: transparent;
@ -915,6 +963,18 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5;
}
.p-dropdown.p-variant {
background: #4b4b4b;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.429rem;
}
@ -1101,6 +1161,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #4b4b4b;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #4b4b4b;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #4b4b4b;
}
.p-inputswitch {
width: 3rem;
@ -1182,6 +1251,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e57373;
}
.p-inputtext.p-variant.p-component {
background-color: #4b4b4b;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #4b4b4b;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #4b4b4b;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.375375rem 0.375375rem;
@ -1360,6 +1438,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5;
}
.p-multiselect.p-variant {
background: #4b4b4b;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-multiselect .p-multiselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1497,6 +1584,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
.p-password.p-variant > .p-inputtext {
background: #4b4b4b;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-password-panel {
padding: 0.571rem 1rem;
@ -1578,6 +1674,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e57373;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #4b4b4b;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #C5E1A5;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #4b4b4b;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #9CCC65;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #4b4b4b;
@ -1717,6 +1825,16 @@
border-color: #C5E1A5;
}
.p-inputtextarea.p-variant {
background-color: #4b4b4b;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #4b4b4b;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #4b4b4b;
}
.p-treeselect {
background: #191919;
border: 1px solid #4b4b4b;
@ -1733,6 +1851,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5;
}
.p-treeselect.p-variant {
background: #4b4b4b;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-treeselect .p-treeselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/luna-pink/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #4b4b4b;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #4b4b4b;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #4b4b4b;
}
.p-autocomplete-panel {
background: #323232;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #4b4b4b;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #4b4b4b;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #4b4b4b;
}
.p-datepicker {
padding: 0.857rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1;
}
.p-cascadeselect.p-variant {
background-color: #4b4b4b;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #4b4b4b;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #4b4b4b;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e57373;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #4b4b4b;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #F48FB1;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #4b4b4b;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #EC407A;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #4b4b4b;
@ -848,6 +887,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #4b4b4b;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #4b4b4b;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #4b4b4b;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
outline-color: transparent;
@ -915,6 +963,18 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1;
}
.p-dropdown.p-variant {
background: #4b4b4b;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.429rem;
}
@ -1101,6 +1161,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #4b4b4b;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #4b4b4b;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #4b4b4b;
}
.p-inputswitch {
width: 3rem;
@ -1182,6 +1251,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e57373;
}
.p-inputtext.p-variant.p-component {
background-color: #4b4b4b;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #4b4b4b;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #4b4b4b;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.375375rem 0.375375rem;
@ -1360,6 +1438,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1;
}
.p-multiselect.p-variant {
background: #4b4b4b;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-multiselect .p-multiselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1497,6 +1584,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
.p-password.p-variant > .p-inputtext {
background: #4b4b4b;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-password-panel {
padding: 0.571rem 1rem;
@ -1578,6 +1674,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e57373;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #4b4b4b;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #F48FB1;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #4b4b4b;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #EC407A;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #4b4b4b;
@ -1717,6 +1825,16 @@
border-color: #F48FB1;
}
.p-inputtextarea.p-variant {
background-color: #4b4b4b;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #4b4b4b;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #4b4b4b;
}
.p-treeselect {
background: #191919;
border: 1px solid #4b4b4b;
@ -1733,6 +1851,15 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1;
}
.p-treeselect.p-variant {
background: #4b4b4b;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #4b4b4b;
}
.p-treeselect .p-treeselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

667
public/themes/md-dark-deeppurple/theme.css
View File

@ -417,6 +417,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: rgba(255, 255, 255, 0.06);
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-autocomplete-panel {
background: #2b2b2b;
@ -471,6 +480,15 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: rgba(255, 255, 255, 0.06);
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-datepicker {
padding: 0.5rem;
@ -711,6 +729,15 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-cascadeselect.p-variant {
background-color: rgba(255, 255, 255, 0.06);
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -845,6 +872,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f44435;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #CE93D8;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.08);
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #CE93D8;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
@ -868,6 +907,15 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: rgba(255, 255, 255, 0.06);
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem;
outline-color: transparent;
@ -935,6 +983,18 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-dropdown.p-variant {
background: rgba(255, 255, 255, 0.06);
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 2rem;
}
@ -1121,6 +1181,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: rgba(255, 255, 255, 0.06);
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-inputswitch {
width: 2.75rem;
@ -1202,6 +1271,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f44435;
}
.p-inputtext.p-variant.p-component {
background-color: rgba(255, 255, 255, 0.06);
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.875rem 0.875rem;
@ -1380,6 +1458,15 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-multiselect.p-variant {
background: rgba(255, 255, 255, 0.06);
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-multiselect .p-multiselect-label {
padding: 1rem 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -1517,6 +1604,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
.p-password.p-variant > .p-inputtext {
background: rgba(255, 255, 255, 0.06);
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-password-panel {
padding: 1rem;
@ -1598,6 +1694,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f44435;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #121212;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.08);
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #121212;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
@ -1729,6 +1837,16 @@
border-color: 0 none;
}
.p-inputtextarea.p-variant {
background-color: rgba(255, 255, 255, 0.06);
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-treeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
@ -1745,6 +1863,15 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-treeselect.p-variant {
background: rgba(255, 255, 255, 0.06);
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-treeselect .p-treeselect-label {
padding: 1rem 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -5869,6 +5996,68 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-autocomplete.p-variant .p-autocomplete-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@ -5900,6 +6089,16 @@
background: transparent;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
padding-bottom: 0;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
font-size: 75%;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0;
}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 1rem;
}
@ -6324,6 +6523,94 @@
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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-calendar.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
border: 0 none;
}
.p-calendar.p-variant.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@ -6405,6 +6692,51 @@
background-color: rgba(206, 147, 216, 0.16);
}
.p-cascadeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-cascadeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant .p-cascadeselect-label:hover {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@ -6507,6 +6839,12 @@
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
border-color: #CE93D8;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #1e1e1e;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
background-color: #1e1e1e;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #1e1e1e;
@ -6537,6 +6875,46 @@
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-chips.p-variant .p-chips-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@ -6635,6 +7013,49 @@
.p-dropdown:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-dropdown.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-dropdown.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant .p-inputtext {
border: 0 none;
}
.p-dropdown.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown-item .p-ink {
background-color: rgba(206, 147, 216, 0.16);
@ -6771,9 +7192,88 @@
border-bottom-right-radius: 0;
}
.p-inputmask.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputmask.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-inputmask.p-variant:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputmask.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.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-inputnumber.p-invalid.p-variant .p-inputnumber-input {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
@ -6805,6 +7305,40 @@
box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
.p-inputtext.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputtext.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-inputtext.p-variant:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputtext.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-fieldset .p-fieldset-legend {
border: 0 none;
}
@ -6895,6 +7429,50 @@
.p-multiselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-multiselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-multiselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant .p-multiselect-label:hover {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
background-color: rgba(206, 147, 216, 0.16);
@ -7019,6 +7597,51 @@
.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-password.p-invalid.p-variant > .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-password.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-password.p-variant > .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-password.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-panel {
border-radius: 4px;
@ -7372,6 +7995,50 @@
.p-treeselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-treeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-treeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant .p-treeselect-label:hover {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-treeselect-item .p-ink {
background-color: rgba(206, 147, 216, 0.16);

667
public/themes/md-dark-indigo/theme.css
View File

@ -417,6 +417,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: rgba(255, 255, 255, 0.06);
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-autocomplete-panel {
background: #2b2b2b;
@ -471,6 +480,15 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-calendar.p-variant > .p-inputtext {
background-color: rgba(255, 255, 255, 0.06);
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-datepicker {
padding: 0.5rem;
@ -711,6 +729,15 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-cascadeselect.p-variant {
background-color: rgba(255, 255, 255, 0.06);
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -845,6 +872,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f44435;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #9FA8DA;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.08);
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #9FA8DA;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
@ -868,6 +907,15 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: rgba(255, 255, 255, 0.06);
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem;
outline-color: transparent;
@ -935,6 +983,18 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-dropdown.p-variant {
background: rgba(255, 255, 255, 0.06);
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 2rem;
}
@ -1121,6 +1181,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: rgba(255, 255, 255, 0.06);
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-inputswitch {
width: 2.75rem;
@ -1202,6 +1271,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f44435;
}
.p-inputtext.p-variant.p-component {
background-color: rgba(255, 255, 255, 0.06);
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.875rem 0.875rem;
@ -1380,6 +1458,15 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-multiselect.p-variant {
background: rgba(255, 255, 255, 0.06);
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-multiselect .p-multiselect-label {
padding: 1rem 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -1517,6 +1604,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
.p-password.p-variant > .p-inputtext {
background: rgba(255, 255, 255, 0.06);
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-password-panel {
padding: 1rem;
@ -1598,6 +1694,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f44435;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #121212;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.08);
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #121212;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
@ -1729,6 +1837,16 @@
border-color: 0 none;
}
.p-inputtextarea.p-variant {
background-color: rgba(255, 255, 255, 0.06);
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-treeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
@ -1745,6 +1863,15 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-treeselect.p-variant {
background: rgba(255, 255, 255, 0.06);
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-treeselect .p-treeselect-label {
padding: 1rem 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -5869,6 +5996,68 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-autocomplete.p-variant .p-autocomplete-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@ -5900,6 +6089,16 @@
background: transparent;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
padding-bottom: 0;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
font-size: 75%;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0;
}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 1rem;
}
@ -6324,6 +6523,94 @@
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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-calendar.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
border: 0 none;
}
.p-calendar.p-variant.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@ -6405,6 +6692,51 @@
background-color: rgba(159, 168, 218, 0.16);
}
.p-cascadeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-cascadeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant .p-cascadeselect-label:hover {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@ -6507,6 +6839,12 @@
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
border-color: #9FA8DA;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #1e1e1e;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
background-color: #1e1e1e;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #1e1e1e;
@ -6537,6 +6875,46 @@
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-chips.p-variant .p-chips-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@ -6635,6 +7013,49 @@
.p-dropdown:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-dropdown.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-dropdown.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant .p-inputtext {
border: 0 none;
}
.p-dropdown.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown-item .p-ink {
background-color: rgba(159, 168, 218, 0.16);
@ -6771,9 +7192,88 @@
border-bottom-right-radius: 0;
}
.p-inputmask.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputmask.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-inputmask.p-variant:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputmask.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.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-inputnumber.p-invalid.p-variant .p-inputnumber-input {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
@ -6805,6 +7305,40 @@
box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
.p-inputtext.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputtext.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-inputtext.p-variant:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputtext.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-fieldset .p-fieldset-legend {
border: 0 none;
}
@ -6895,6 +7429,50 @@
.p-multiselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-multiselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-multiselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant .p-multiselect-label:hover {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
background-color: rgba(159, 168, 218, 0.16);
@ -7019,6 +7597,51 @@
.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-password.p-invalid.p-variant > .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-password.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-password.p-variant > .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-password.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-panel {
border-radius: 4px;
@ -7372,6 +7995,50 @@
.p-treeselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-treeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-treeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant .p-treeselect-label:hover {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-treeselect-item .p-ink {
background-color: rgba(159, 168, 218, 0.16);

667
public/themes/md-light-deeppurple/theme.css
View File

@ -417,6 +417,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f5f5f5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #ececec;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #dcdcdc;
}
.p-autocomplete-panel {
background: #ffffff;
@ -471,6 +480,15 @@
box-shadow: none;
border-color: #673AB7;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f5f5f5;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #ececec;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #dcdcdc;
}
.p-datepicker {
padding: 0.5rem;
@ -711,6 +729,15 @@
box-shadow: none;
border-color: #673AB7;
}
.p-cascadeselect.p-variant {
background-color: #f5f5f5;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #ececec;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #dcdcdc;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -845,6 +872,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #B00020;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f5f5f5;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #673AB7;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #ececec;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #673AB7;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f5f5f5;
@ -868,6 +907,15 @@
box-shadow: none;
border-color: #673AB7;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f5f5f5;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #ececec;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #dcdcdc;
}
.p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem;
outline-color: transparent;
@ -935,6 +983,18 @@
box-shadow: none;
border-color: #673AB7;
}
.p-dropdown.p-variant {
background: #f5f5f5;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #ececec;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 2rem;
}
@ -1121,6 +1181,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f5f5f5;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #ececec;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #dcdcdc;
}
.p-inputswitch {
width: 2.75rem;
@ -1202,6 +1271,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #B00020;
}
.p-inputtext.p-variant.p-component {
background-color: #f5f5f5;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #ececec;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #dcdcdc;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.875rem 0.875rem;
@ -1380,6 +1458,15 @@
box-shadow: none;
border-color: #673AB7;
}
.p-multiselect.p-variant {
background: #f5f5f5;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-multiselect .p-multiselect-label {
padding: 1rem 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -1517,6 +1604,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
.p-password.p-variant > .p-inputtext {
background: #f5f5f5;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #ececec;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-password-panel {
padding: 1rem;
@ -1598,6 +1694,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #B00020;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f5f5f5;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #ececec;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f5f5f5;
@ -1729,6 +1837,16 @@
border-color: 0 none;
}
.p-inputtextarea.p-variant {
background-color: #f5f5f5;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #ececec;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #dcdcdc;
}
.p-treeselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
@ -1745,6 +1863,15 @@
box-shadow: none;
border-color: #673AB7;
}
.p-treeselect.p-variant {
background: #f5f5f5;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-treeselect .p-treeselect-label {
padding: 1rem 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -5869,6 +5996,68 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-autocomplete.p-variant .p-autocomplete-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@ -5900,6 +6089,16 @@
background: transparent;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
padding-bottom: 0;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
font-size: 75%;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0;
}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 1rem;
}
@ -6324,6 +6523,94 @@
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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-calendar.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
border: 0 none;
}
.p-calendar.p-variant.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@ -6405,6 +6692,51 @@
background-color: rgba(103, 58, 183, 0.16);
}
.p-cascadeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-cascadeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant .p-cascadeselect-label:hover {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@ -6507,6 +6839,12 @@
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
border-color: #673AB7;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #ffffff;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
background-color: #ffffff;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #ffffff;
@ -6537,6 +6875,46 @@
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-chips.p-variant .p-chips-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@ -6635,6 +7013,49 @@
.p-dropdown:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-dropdown.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-dropdown.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant .p-inputtext {
border: 0 none;
}
.p-dropdown.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-dropdown-item .p-ink {
background-color: rgba(103, 58, 183, 0.16);
@ -6771,9 +7192,88 @@
border-bottom-right-radius: 0;
}
.p-inputmask.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputmask.p-variant:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-inputmask.p-variant:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputmask.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.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-inputnumber.p-invalid.p-variant .p-inputnumber-input {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
@ -6805,6 +7305,40 @@
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.p-inputtext.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputtext.p-variant:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-inputtext.p-variant:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputtext.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-fieldset .p-fieldset-legend {
border: 0 none;
}
@ -6895,6 +7429,50 @@
.p-multiselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-multiselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-multiselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant .p-multiselect-label:hover {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
background-color: rgba(103, 58, 183, 0.16);
@ -7019,6 +7597,51 @@
.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-password.p-invalid.p-variant > .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-password.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-password.p-variant > .p-inputtext:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-password.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-panel {
border-radius: 4px;
@ -7372,6 +7995,50 @@
.p-treeselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-treeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-treeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant .p-treeselect-label:hover {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-treeselect-item .p-ink {
background-color: rgba(103, 58, 183, 0.16);

667
public/themes/md-light-indigo/theme.css
View File

@ -417,6 +417,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f5f5f5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #ececec;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #dcdcdc;
}
.p-autocomplete-panel {
background: #ffffff;
@ -471,6 +480,15 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f5f5f5;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #ececec;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #dcdcdc;
}
.p-datepicker {
padding: 0.5rem;
@ -711,6 +729,15 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-cascadeselect.p-variant {
background-color: #f5f5f5;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #ececec;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #dcdcdc;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -845,6 +872,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #B00020;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f5f5f5;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #3F51B5;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #ececec;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #3F51B5;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f5f5f5;
@ -868,6 +907,15 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f5f5f5;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #ececec;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #dcdcdc;
}
.p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem;
outline-color: transparent;
@ -935,6 +983,18 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-dropdown.p-variant {
background: #f5f5f5;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #ececec;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 2rem;
}
@ -1121,6 +1181,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f5f5f5;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #ececec;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #dcdcdc;
}
.p-inputswitch {
width: 2.75rem;
@ -1202,6 +1271,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #B00020;
}
.p-inputtext.p-variant.p-component {
background-color: #f5f5f5;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #ececec;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #dcdcdc;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.875rem 0.875rem;
@ -1380,6 +1458,15 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-multiselect.p-variant {
background: #f5f5f5;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-multiselect .p-multiselect-label {
padding: 1rem 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -1517,6 +1604,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
.p-password.p-variant > .p-inputtext {
background: #f5f5f5;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #ececec;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-password-panel {
padding: 1rem;
@ -1598,6 +1694,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #B00020;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f5f5f5;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #ececec;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f5f5f5;
@ -1729,6 +1837,16 @@
border-color: 0 none;
}
.p-inputtextarea.p-variant {
background-color: #f5f5f5;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #ececec;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #dcdcdc;
}
.p-treeselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
@ -1745,6 +1863,15 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-treeselect.p-variant {
background: #f5f5f5;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-treeselect .p-treeselect-label {
padding: 1rem 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -5869,6 +5996,68 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-autocomplete.p-variant .p-autocomplete-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@ -5900,6 +6089,16 @@
background: transparent;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
padding-bottom: 0;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
font-size: 75%;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0;
}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 1rem;
}
@ -6324,6 +6523,94 @@
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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-calendar.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
border: 0 none;
}
.p-calendar.p-variant.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@ -6405,6 +6692,51 @@
background-color: rgba(63, 81, 181, 0.16);
}
.p-cascadeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-cascadeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant .p-cascadeselect-label:hover {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@ -6507,6 +6839,12 @@
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
border-color: #3F51B5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #ffffff;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
background-color: #ffffff;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #ffffff;
@ -6537,6 +6875,46 @@
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-chips.p-variant .p-chips-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@ -6635,6 +7013,49 @@
.p-dropdown:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-dropdown.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-dropdown.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant .p-inputtext {
border: 0 none;
}
.p-dropdown.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-dropdown-item .p-ink {
background-color: rgba(63, 81, 181, 0.16);
@ -6771,9 +7192,88 @@
border-bottom-right-radius: 0;
}
.p-inputmask.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputmask.p-variant:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-inputmask.p-variant:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputmask.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.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-inputnumber.p-invalid.p-variant .p-inputnumber-input {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
@ -6805,6 +7305,40 @@
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.p-inputtext.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputtext.p-variant:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-inputtext.p-variant:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputtext.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-fieldset .p-fieldset-legend {
border: 0 none;
}
@ -6895,6 +7429,50 @@
.p-multiselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-multiselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-multiselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant .p-multiselect-label:hover {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
background-color: rgba(63, 81, 181, 0.16);
@ -7019,6 +7597,51 @@
.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-password.p-invalid.p-variant > .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-password.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-password.p-variant > .p-inputtext:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-password.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-panel {
border-radius: 4px;
@ -7372,6 +7995,50 @@
.p-treeselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-treeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-treeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant .p-treeselect-label:hover {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-treeselect-item .p-ink {
background-color: rgba(63, 81, 181, 0.16);

667
public/themes/mdc-dark-deeppurple/theme.css
View File

@ -417,6 +417,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: rgba(255, 255, 255, 0.06);
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-autocomplete-panel {
background: #2b2b2b;
@ -471,6 +480,15 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: rgba(255, 255, 255, 0.06);
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-datepicker {
padding: 0.5rem;
@ -711,6 +729,15 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-cascadeselect.p-variant {
background-color: rgba(255, 255, 255, 0.06);
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -845,6 +872,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f44435;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #CE93D8;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.08);
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #CE93D8;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
@ -868,6 +907,15 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: rgba(255, 255, 255, 0.06);
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -935,6 +983,18 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-dropdown.p-variant {
background: rgba(255, 255, 255, 0.06);
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1121,6 +1181,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: rgba(255, 255, 255, 0.06);
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-inputswitch {
width: 2.75rem;
@ -1202,6 +1271,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f44435;
}
.p-inputtext.p-variant.p-component {
background-color: rgba(255, 255, 255, 0.06);
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1380,6 +1458,15 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-multiselect.p-variant {
background: rgba(255, 255, 255, 0.06);
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -1517,6 +1604,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
.p-password.p-variant > .p-inputtext {
background: rgba(255, 255, 255, 0.06);
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-password-panel {
padding: 0.75rem;
@ -1598,6 +1694,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f44435;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #121212;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.08);
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #121212;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
@ -1729,6 +1837,16 @@
border-color: 0 none;
}
.p-inputtextarea.p-variant {
background-color: rgba(255, 255, 255, 0.06);
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-treeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
@ -1745,6 +1863,15 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-treeselect.p-variant {
background: rgba(255, 255, 255, 0.06);
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -5869,6 +5996,68 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-autocomplete.p-variant .p-autocomplete-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@ -5900,6 +6089,16 @@
background: transparent;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
padding-bottom: 0;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
font-size: 75%;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0;
}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 1rem;
}
@ -6324,6 +6523,94 @@
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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-calendar.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
border: 0 none;
}
.p-calendar.p-variant.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@ -6405,6 +6692,51 @@
background-color: rgba(206, 147, 216, 0.16);
}
.p-cascadeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-cascadeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant .p-cascadeselect-label:hover {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@ -6507,6 +6839,12 @@
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
border-color: #CE93D8;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #1e1e1e;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
background-color: #1e1e1e;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #1e1e1e;
@ -6537,6 +6875,46 @@
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-chips.p-variant .p-chips-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@ -6635,6 +7013,49 @@
.p-dropdown:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-dropdown.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-dropdown.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant .p-inputtext {
border: 0 none;
}
.p-dropdown.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown-item .p-ink {
background-color: rgba(206, 147, 216, 0.16);
@ -6771,9 +7192,88 @@
border-bottom-right-radius: 0;
}
.p-inputmask.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputmask.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-inputmask.p-variant:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputmask.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.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-inputnumber.p-invalid.p-variant .p-inputnumber-input {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
@ -6805,6 +7305,40 @@
box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
.p-inputtext.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputtext.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-inputtext.p-variant:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputtext.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-fieldset .p-fieldset-legend {
border: 0 none;
}
@ -6895,6 +7429,50 @@
.p-multiselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-multiselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-multiselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant .p-multiselect-label:hover {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
background-color: rgba(206, 147, 216, 0.16);
@ -7019,6 +7597,51 @@
.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-password.p-invalid.p-variant > .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-password.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-password.p-variant > .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-password.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-panel {
border-radius: 4px;
@ -7372,6 +7995,50 @@
.p-treeselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-treeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-treeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant .p-treeselect-label:hover {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-treeselect-item .p-ink {
background-color: rgba(206, 147, 216, 0.16);

667
public/themes/mdc-dark-indigo/theme.css
View File

@ -417,6 +417,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: rgba(255, 255, 255, 0.06);
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-autocomplete-panel {
background: #2b2b2b;
@ -471,6 +480,15 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-calendar.p-variant > .p-inputtext {
background-color: rgba(255, 255, 255, 0.06);
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-datepicker {
padding: 0.5rem;
@ -711,6 +729,15 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-cascadeselect.p-variant {
background-color: rgba(255, 255, 255, 0.06);
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -845,6 +872,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f44435;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #9FA8DA;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.08);
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #9FA8DA;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
@ -868,6 +907,15 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: rgba(255, 255, 255, 0.06);
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -935,6 +983,18 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-dropdown.p-variant {
background: rgba(255, 255, 255, 0.06);
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1121,6 +1181,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: rgba(255, 255, 255, 0.06);
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-inputswitch {
width: 2.75rem;
@ -1202,6 +1271,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f44435;
}
.p-inputtext.p-variant.p-component {
background-color: rgba(255, 255, 255, 0.06);
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1380,6 +1458,15 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-multiselect.p-variant {
background: rgba(255, 255, 255, 0.06);
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -1517,6 +1604,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
.p-password.p-variant > .p-inputtext {
background: rgba(255, 255, 255, 0.06);
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-password-panel {
padding: 0.75rem;
@ -1598,6 +1694,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f44435;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #121212;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.08);
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #121212;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
@ -1729,6 +1837,16 @@
border-color: 0 none;
}
.p-inputtextarea.p-variant {
background-color: rgba(255, 255, 255, 0.06);
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-treeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
@ -1745,6 +1863,15 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-treeselect.p-variant {
background: rgba(255, 255, 255, 0.06);
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -5869,6 +5996,68 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-autocomplete.p-variant .p-autocomplete-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@ -5900,6 +6089,16 @@
background: transparent;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
padding-bottom: 0;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
font-size: 75%;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0;
}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 1rem;
}
@ -6324,6 +6523,94 @@
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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-calendar.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
border: 0 none;
}
.p-calendar.p-variant.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@ -6405,6 +6692,51 @@
background-color: rgba(159, 168, 218, 0.16);
}
.p-cascadeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-cascadeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant .p-cascadeselect-label:hover {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@ -6507,6 +6839,12 @@
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
border-color: #9FA8DA;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #1e1e1e;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
background-color: #1e1e1e;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #1e1e1e;
@ -6537,6 +6875,46 @@
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-chips.p-variant .p-chips-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@ -6635,6 +7013,49 @@
.p-dropdown:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-dropdown.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-dropdown.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant .p-inputtext {
border: 0 none;
}
.p-dropdown.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown-item .p-ink {
background-color: rgba(159, 168, 218, 0.16);
@ -6771,9 +7192,88 @@
border-bottom-right-radius: 0;
}
.p-inputmask.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputmask.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-inputmask.p-variant:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputmask.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.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-inputnumber.p-invalid.p-variant .p-inputnumber-input {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
@ -6805,6 +7305,40 @@
box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
.p-inputtext.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputtext.p-variant:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-inputtext.p-variant:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputtext.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-fieldset .p-fieldset-legend {
border: 0 none;
}
@ -6895,6 +7429,50 @@
.p-multiselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-multiselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-multiselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant .p-multiselect-label:hover {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
background-color: rgba(159, 168, 218, 0.16);
@ -7019,6 +7597,51 @@
.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-password.p-invalid.p-variant > .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-password.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-password.p-variant > .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.p-password.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-panel {
border-radius: 4px;
@ -7372,6 +7995,50 @@
.p-treeselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-treeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-treeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
.p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant .p-treeselect-label:hover {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-treeselect-item .p-ink {
background-color: rgba(159, 168, 218, 0.16);

667
public/themes/mdc-light-deeppurple/theme.css
View File

@ -417,6 +417,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f5f5f5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #ececec;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #dcdcdc;
}
.p-autocomplete-panel {
background: #ffffff;
@ -471,6 +480,15 @@
box-shadow: none;
border-color: #673AB7;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f5f5f5;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #ececec;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #dcdcdc;
}
.p-datepicker {
padding: 0.5rem;
@ -711,6 +729,15 @@
box-shadow: none;
border-color: #673AB7;
}
.p-cascadeselect.p-variant {
background-color: #f5f5f5;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #ececec;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #dcdcdc;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -845,6 +872,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #B00020;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f5f5f5;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #673AB7;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #ececec;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #673AB7;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f5f5f5;
@ -868,6 +907,15 @@
box-shadow: none;
border-color: #673AB7;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f5f5f5;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #ececec;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #dcdcdc;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -935,6 +983,18 @@
box-shadow: none;
border-color: #673AB7;
}
.p-dropdown.p-variant {
background: #f5f5f5;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #ececec;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1121,6 +1181,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f5f5f5;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #ececec;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #dcdcdc;
}
.p-inputswitch {
width: 2.75rem;
@ -1202,6 +1271,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #B00020;
}
.p-inputtext.p-variant.p-component {
background-color: #f5f5f5;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #ececec;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #dcdcdc;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1380,6 +1458,15 @@
box-shadow: none;
border-color: #673AB7;
}
.p-multiselect.p-variant {
background: #f5f5f5;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -1517,6 +1604,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
.p-password.p-variant > .p-inputtext {
background: #f5f5f5;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #ececec;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-password-panel {
padding: 0.75rem;
@ -1598,6 +1694,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #B00020;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f5f5f5;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #ececec;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f5f5f5;
@ -1729,6 +1837,16 @@
border-color: 0 none;
}
.p-inputtextarea.p-variant {
background-color: #f5f5f5;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #ececec;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #dcdcdc;
}
.p-treeselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
@ -1745,6 +1863,15 @@
box-shadow: none;
border-color: #673AB7;
}
.p-treeselect.p-variant {
background: #f5f5f5;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -5869,6 +5996,68 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-autocomplete.p-variant .p-autocomplete-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@ -5900,6 +6089,16 @@
background: transparent;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
padding-bottom: 0;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
font-size: 75%;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0;
}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 1rem;
}
@ -6324,6 +6523,94 @@
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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-calendar.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
border: 0 none;
}
.p-calendar.p-variant.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@ -6405,6 +6692,51 @@
background-color: rgba(103, 58, 183, 0.16);
}
.p-cascadeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-cascadeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant .p-cascadeselect-label:hover {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@ -6507,6 +6839,12 @@
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
border-color: #673AB7;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #ffffff;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
background-color: #ffffff;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #ffffff;
@ -6537,6 +6875,46 @@
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-chips.p-variant .p-chips-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@ -6635,6 +7013,49 @@
.p-dropdown:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-dropdown.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-dropdown.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant .p-inputtext {
border: 0 none;
}
.p-dropdown.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-dropdown-item .p-ink {
background-color: rgba(103, 58, 183, 0.16);
@ -6771,9 +7192,88 @@
border-bottom-right-radius: 0;
}
.p-inputmask.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputmask.p-variant:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-inputmask.p-variant:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputmask.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.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-inputnumber.p-invalid.p-variant .p-inputnumber-input {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
@ -6805,6 +7305,40 @@
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.p-inputtext.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputtext.p-variant:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-inputtext.p-variant:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputtext.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-fieldset .p-fieldset-legend {
border: 0 none;
}
@ -6895,6 +7429,50 @@
.p-multiselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-multiselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-multiselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant .p-multiselect-label:hover {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
background-color: rgba(103, 58, 183, 0.16);
@ -7019,6 +7597,51 @@
.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-password.p-invalid.p-variant > .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-password.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-password.p-variant > .p-inputtext:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-password.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-panel {
border-radius: 4px;
@ -7372,6 +7995,50 @@
.p-treeselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-treeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-treeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant .p-treeselect-label:hover {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-treeselect-item .p-ink {
background-color: rgba(103, 58, 183, 0.16);

667
public/themes/mdc-light-indigo/theme.css
View File

@ -417,6 +417,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f5f5f5;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #ececec;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #dcdcdc;
}
.p-autocomplete-panel {
background: #ffffff;
@ -471,6 +480,15 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f5f5f5;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #ececec;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #dcdcdc;
}
.p-datepicker {
padding: 0.5rem;
@ -711,6 +729,15 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-cascadeselect.p-variant {
background-color: #f5f5f5;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #ececec;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #dcdcdc;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -845,6 +872,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #B00020;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f5f5f5;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #3F51B5;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #ececec;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #3F51B5;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f5f5f5;
@ -868,6 +907,15 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f5f5f5;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #ececec;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #dcdcdc;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -935,6 +983,18 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-dropdown.p-variant {
background: #f5f5f5;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #ececec;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1121,6 +1181,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f5f5f5;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #ececec;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #dcdcdc;
}
.p-inputswitch {
width: 2.75rem;
@ -1202,6 +1271,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #B00020;
}
.p-inputtext.p-variant.p-component {
background-color: #f5f5f5;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #ececec;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #dcdcdc;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1380,6 +1458,15 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-multiselect.p-variant {
background: #f5f5f5;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -1517,6 +1604,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
.p-password.p-variant > .p-inputtext {
background: #f5f5f5;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #ececec;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-password-panel {
padding: 0.75rem;
@ -1598,6 +1694,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #B00020;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f5f5f5;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #ececec;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f5f5f5;
@ -1729,6 +1837,16 @@
border-color: 0 none;
}
.p-inputtextarea.p-variant {
background-color: #f5f5f5;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #ececec;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #dcdcdc;
}
.p-treeselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
@ -1745,6 +1863,15 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-treeselect.p-variant {
background: #f5f5f5;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #dcdcdc;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -5869,6 +5996,68 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-autocomplete.p-variant .p-autocomplete-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-autocomplete.p-variant .p-autocomplete-input:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-autocomplete.p-variant .p-autocomplete-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-autocomplete.p-variant.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@ -5900,6 +6089,16 @@
background: transparent;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
padding-bottom: 0;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
font-size: 75%;
}
.p-float-label .p-autocomplete.p-variant .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0;
}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 1rem;
}
@ -6324,6 +6523,94 @@
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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-calendar.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-focus, .p-calendar.p-variant > .p-inputtext:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:hover, .p-calendar.p-variant > .p-inputtext .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-calendar.p-variant.p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-calendar.p-variant.p-calendar-w-btn .p-inputtext {
border: 0 none;
}
.p-calendar.p-variant.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-calendar.p-variant.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-calendar.p-variant.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@ -6405,6 +6692,51 @@
background-color: rgba(63, 81, 181, 0.16);
}
.p-cascadeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-cascadeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-cascadeselect.p-variant:not(.p-disabled).p-focus, .p-cascadeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-cascadeselect.p-variant .p-inputtext:enabled:hover, .p-cascadeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant .p-cascadeselect-label:hover {
background-image: none;
background: transparent;
}
.p-cascadeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-cascadeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@ -6507,6 +6839,12 @@
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
border-color: #3F51B5;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #ffffff;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) {
background-color: #ffffff;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #ffffff;
@ -6537,6 +6875,46 @@
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-chips.p-variant .p-chips-multiple-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext {
background-image: none;
background: transparent;
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:hover, .p-chips.p-variant .p-chips-multiple-container .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-chips.p-variant.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@ -6635,6 +7013,49 @@
.p-dropdown:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-dropdown.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-dropdown.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-dropdown.p-variant:not(.p-disabled).p-focus, .p-dropdown.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-dropdown.p-variant .p-inputtext:enabled:hover, .p-dropdown.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-dropdown.p-variant .p-inputtext {
border: 0 none;
}
.p-dropdown.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-dropdown.p-variant.p-invalid:not(.p-disabled).p-focus, .p-dropdown.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-dropdown-item .p-ink {
background-color: rgba(63, 81, 181, 0.16);
@ -6771,9 +7192,88 @@
border-bottom-right-radius: 0;
}
.p-inputmask.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputmask.p-variant:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-inputmask.p-variant:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputmask.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputmask.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.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-inputnumber.p-invalid.p-variant .p-inputnumber-input {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-invalid.p-variant .p-inputnumber-input:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputnumber.p-variant > .p-inputnumber-input.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
@ -6805,6 +7305,40 @@
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.p-inputtext.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-inputtext.p-variant:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-inputtext.p-variant:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-inputtext.p-variant.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-inputtext.p-variant.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-fieldset .p-fieldset-legend {
border: 0 none;
}
@ -6895,6 +7429,50 @@
.p-multiselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-multiselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-multiselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-multiselect.p-variant:not(.p-disabled).p-focus, .p-multiselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-multiselect.p-variant .p-inputtext:enabled:hover, .p-multiselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant .p-multiselect-label:hover {
background-image: none;
background: transparent;
}
.p-multiselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-multiselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-multiselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
background-color: rgba(63, 81, 181, 0.16);
@ -7019,6 +7597,51 @@
.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-password.p-invalid.p-variant > .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-invalid.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-password.p-variant > .p-inputtext {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-password.p-variant > .p-inputtext:enabled:hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-password.p-variant > .p-inputtext:enabled:focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-password.p-variant > .p-inputtext.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-panel {
border-radius: 4px;
@ -7372,6 +7995,50 @@
.p-treeselect:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-treeselect.p-variant {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid transparent;
background: #f5f5f5 no-repeat;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-treeselect.p-variant .p-inputtext {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
.p-treeselect.p-variant:not(.p-disabled).p-focus, .p-treeselect.p-variant:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-treeselect.p-variant .p-inputtext:enabled:hover, .p-treeselect.p-variant .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant .p-treeselect-label:hover {
background-image: none;
background: transparent;
}
.p-treeselect.p-variant.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-treeselect.p-variant.p-invalid:not(.p-disabled).p-focus, .p-treeselect.p-variant.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
}
.p-treeselect-item .p-ink {
background-color: rgba(63, 81, 181, 0.16);

127
public/themes/mira/theme.css
View File

@ -421,6 +421,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #BF616A;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #ECEFF4;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #ECEFF4;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -475,6 +484,15 @@
box-shadow: 0 0 0 0.2rem #C0D0E0;
border-color: #81A1C1;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #ECEFF4;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #ECEFF4;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -715,6 +733,15 @@
box-shadow: 0 0 0 0.2rem #C0D0E0;
border-color: #81A1C1;
}
.p-cascadeselect.p-variant {
background-color: #ECEFF4;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #ECEFF4;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -849,6 +876,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #BF616A;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #ECEFF4;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #5E81AC;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #ECEFF4;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #81A1C1;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #ECEFF4;
@ -872,6 +911,15 @@
box-shadow: 0 0 0 0.2rem #C0D0E0;
border-color: #81A1C1;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #ECEFF4;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #ECEFF4;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -939,6 +987,18 @@
box-shadow: 0 0 0 0.2rem #C0D0E0;
border-color: #81A1C1;
}
.p-dropdown.p-variant {
background: #ECEFF4;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #ECEFF4;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1125,6 +1185,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #BF616A;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #ECEFF4;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #ECEFF4;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1206,6 +1275,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #BF616A;
}
.p-inputtext.p-variant.p-component {
background-color: #ECEFF4;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #ECEFF4;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1384,6 +1462,15 @@
box-shadow: 0 0 0 0.2rem #C0D0E0;
border-color: #81A1C1;
}
.p-multiselect.p-variant {
background: #ECEFF4;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #ECEFF4;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1521,6 +1608,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #BF616A;
}
.p-password.p-variant > .p-inputtext {
background: #ECEFF4;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #ECEFF4;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1rem;
@ -1602,6 +1698,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #BF616A;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #ECEFF4;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #5E81AC;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #ECEFF4;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #81A1C1;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #ECEFF4;
@ -1733,6 +1841,16 @@
border-color: #5E81AC;
}
.p-inputtextarea.p-variant {
background-color: #ECEFF4;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #ECEFF4;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #D8DEE9;
@ -1749,6 +1867,15 @@
box-shadow: 0 0 0 0.2rem #C0D0E0;
border-color: #81A1C1;
}
.p-treeselect.p-variant {
background: #ECEFF4;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #ECEFF4;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/nano/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #d8222f;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f2f4f8;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f2f4f8;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.2rem #90c9f5;
border-color: #1174c0;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f2f4f8;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f2f4f8;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.25rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.2rem #90c9f5;
border-color: #1174c0;
}
.p-cascadeselect.p-variant {
background-color: #f2f4f8;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f2f4f8;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d8222f;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f2f4f8;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #1174c0;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f2f4f8;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #0e5d9a;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f2f4f8;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 0.2rem #90c9f5;
border-color: #1174c0;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f2f4f8;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f2f4f8;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.125rem 0.25rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 0.2rem #90c9f5;
border-color: #1174c0;
}
.p-dropdown.p-variant {
background: #f2f4f8;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f2f4f8;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.25rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #d8222f;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f2f4f8;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f2f4f8;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 2rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #d8222f;
}
.p-inputtext.p-variant.p-component {
background-color: #f2f4f8;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f2f4f8;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.21875rem 0.21875rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 0.2rem #90c9f5;
border-color: #1174c0;
}
.p-multiselect.p-variant {
background: #f2f4f8;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f2f4f8;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.25rem 0.25rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #d8222f;
}
.p-password.p-variant > .p-inputtext {
background: #f2f4f8;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f2f4f8;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 0.5rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #d8222f;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f2f4f8;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #1174c0;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f2f4f8;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #0e5d9a;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f2f4f8;
@ -1705,6 +1813,16 @@
border-color: #1174c0;
}
.p-inputtextarea.p-variant {
background-color: #f2f4f8;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f2f4f8;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #a5acb3;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 0.2rem #90c9f5;
border-color: #1174c0;
}
.p-treeselect.p-variant {
background: #f2f4f8;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f2f4f8;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.25rem 0.25rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/nova-accent/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f4f4f4;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f4f4f4;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #f4f4f4;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f4f4f4;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f4f4f4;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #f4f4f4;
}
.p-datepicker {
padding: 0.857rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-cascadeselect.p-variant {
background-color: #f4f4f4;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f4f4f4;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #f4f4f4;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #a80000;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f4f4f4;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #007ad9;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f4f4f4;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #005b9f;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f4f4f4;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f4f4f4;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f4f4f4;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #f4f4f4;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-dropdown.p-variant {
background: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.429rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f4f4f4;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f4f4f4;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #f4f4f4;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #a80000;
}
.p-inputtext.p-variant.p-component {
background-color: #f4f4f4;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f4f4f4;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #f4f4f4;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.375375rem 0.375375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-multiselect.p-variant {
background: #f4f4f4;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-multiselect .p-multiselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
.p-password.p-variant > .p-inputtext {
background: #f4f4f4;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-password-panel {
padding: 0.571rem 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #a80000;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #007ad9;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #005b9f;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f4f4f4;
@ -1705,6 +1813,16 @@
border-color: #007ad9;
}
.p-inputtextarea.p-variant {
background-color: #f4f4f4;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f4f4f4;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #f4f4f4;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #a6a6a6;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-treeselect.p-variant {
background: #f4f4f4;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-treeselect .p-treeselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/nova-alt/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f4f4f4;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f4f4f4;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #f4f4f4;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f4f4f4;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f4f4f4;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #f4f4f4;
}
.p-datepicker {
padding: 0.857rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-cascadeselect.p-variant {
background-color: #f4f4f4;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f4f4f4;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #f4f4f4;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #a80000;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f4f4f4;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #007ad9;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f4f4f4;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #005b9f;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f4f4f4;
@ -848,6 +887,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f4f4f4;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f4f4f4;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #f4f4f4;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
outline-color: transparent;
@ -915,6 +963,18 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-dropdown.p-variant {
background: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.429rem;
}
@ -1101,6 +1161,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f4f4f4;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f4f4f4;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #f4f4f4;
}
.p-inputswitch {
width: 3rem;
@ -1182,6 +1251,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #a80000;
}
.p-inputtext.p-variant.p-component {
background-color: #f4f4f4;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f4f4f4;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #f4f4f4;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.375375rem 0.375375rem;
@ -1360,6 +1438,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-multiselect.p-variant {
background: #f4f4f4;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-multiselect .p-multiselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1497,6 +1584,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
.p-password.p-variant > .p-inputtext {
background: #f4f4f4;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-password-panel {
padding: 0.571rem 1rem;
@ -1578,6 +1674,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #a80000;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #007ad9;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #005b9f;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f4f4f4;
@ -1717,6 +1825,16 @@
border-color: #007ad9;
}
.p-inputtextarea.p-variant {
background-color: #f4f4f4;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f4f4f4;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #f4f4f4;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #a6a6a6;
@ -1733,6 +1851,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-treeselect.p-variant {
background: #f4f4f4;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-treeselect .p-treeselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/nova-vue/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f4f4f4;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f4f4f4;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #f4f4f4;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.2rem #c2e9d8;
border-color: #41b883;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f4f4f4;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f4f4f4;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #f4f4f4;
}
.p-datepicker {
padding: 0.857rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.2rem #c2e9d8;
border-color: #41b883;
}
.p-cascadeselect.p-variant {
background-color: #f4f4f4;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f4f4f4;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #f4f4f4;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #a80000;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f4f4f4;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #41b883;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f4f4f4;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #246749;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f4f4f4;
@ -848,6 +887,15 @@
box-shadow: 0 0 0 0.2rem #c2e9d8;
border-color: #41b883;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f4f4f4;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f4f4f4;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #f4f4f4;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
outline-color: transparent;
@ -915,6 +963,18 @@
box-shadow: 0 0 0 0.2rem #c2e9d8;
border-color: #41b883;
}
.p-dropdown.p-variant {
background: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.429rem;
}
@ -1101,6 +1161,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f4f4f4;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f4f4f4;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #f4f4f4;
}
.p-inputswitch {
width: 3rem;
@ -1182,6 +1251,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #a80000;
}
.p-inputtext.p-variant.p-component {
background-color: #f4f4f4;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f4f4f4;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #f4f4f4;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.375375rem 0.375375rem;
@ -1360,6 +1438,15 @@
box-shadow: 0 0 0 0.2rem #c2e9d8;
border-color: #41b883;
}
.p-multiselect.p-variant {
background: #f4f4f4;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-multiselect .p-multiselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1497,6 +1584,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
.p-password.p-variant > .p-inputtext {
background: #f4f4f4;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-password-panel {
padding: 0.571rem 1rem;
@ -1578,6 +1674,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #a80000;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #41b883;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #246749;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f4f4f4;
@ -1717,6 +1825,16 @@
border-color: #41b883;
}
.p-inputtextarea.p-variant {
background-color: #f4f4f4;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f4f4f4;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #f4f4f4;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #a6a6a6;
@ -1733,6 +1851,15 @@
box-shadow: 0 0 0 0.2rem #c2e9d8;
border-color: #41b883;
}
.p-treeselect.p-variant {
background: #f4f4f4;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-treeselect .p-treeselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/nova/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f4f4f4;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f4f4f4;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #f4f4f4;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f4f4f4;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f4f4f4;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #f4f4f4;
}
.p-datepicker {
padding: 0.857rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-cascadeselect.p-variant {
background-color: #f4f4f4;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f4f4f4;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #f4f4f4;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #a80000;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f4f4f4;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #007ad9;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f4f4f4;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #005b9f;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f4f4f4;
@ -848,6 +887,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f4f4f4;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f4f4f4;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #f4f4f4;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
outline-color: transparent;
@ -915,6 +963,18 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-dropdown.p-variant {
background: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.429rem;
}
@ -1101,6 +1161,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f4f4f4;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f4f4f4;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #f4f4f4;
}
.p-inputswitch {
width: 3rem;
@ -1182,6 +1251,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #a80000;
}
.p-inputtext.p-variant.p-component {
background-color: #f4f4f4;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f4f4f4;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #f4f4f4;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.375375rem 0.375375rem;
@ -1360,6 +1438,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-multiselect.p-variant {
background: #f4f4f4;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-multiselect .p-multiselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1497,6 +1584,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
.p-password.p-variant > .p-inputtext {
background: #f4f4f4;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-password-panel {
padding: 0.571rem 1rem;
@ -1578,6 +1674,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #a80000;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #007ad9;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #005b9f;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f4f4f4;
@ -1717,6 +1825,16 @@
border-color: #007ad9;
}
.p-inputtextarea.p-variant {
background-color: #f4f4f4;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f4f4f4;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #f4f4f4;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #a6a6a6;
@ -1733,6 +1851,15 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-treeselect.p-variant {
background: #f4f4f4;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-treeselect .p-treeselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/rhea/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e7a3a3;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f4f4f4;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f4f4f4;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #f4f4f4;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.2rem #e4e9ec;
border-color: #7B95A3;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f4f4f4;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f4f4f4;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #f4f4f4;
}
.p-datepicker {
padding: 0.857rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.2rem #e4e9ec;
border-color: #7B95A3;
}
.p-cascadeselect.p-variant {
background-color: #f4f4f4;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f4f4f4;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #f4f4f4;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e7a3a3;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f4f4f4;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #7B95A3;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f4f4f4;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #617c8a;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f4f4f4;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 0.2rem #e4e9ec;
border-color: #7B95A3;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f4f4f4;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f4f4f4;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #f4f4f4;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 0.2rem #e4e9ec;
border-color: #7B95A3;
}
.p-dropdown.p-variant {
background: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.429rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e7a3a3;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f4f4f4;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f4f4f4;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #f4f4f4;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #e7a3a3;
}
.p-inputtext.p-variant.p-component {
background-color: #f4f4f4;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f4f4f4;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #f4f4f4;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.375375rem 0.375375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 0.2rem #e4e9ec;
border-color: #7B95A3;
}
.p-multiselect.p-variant {
background: #f4f4f4;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-multiselect .p-multiselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e7a3a3;
}
.p-password.p-variant > .p-inputtext {
background: #f4f4f4;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-password-panel {
padding: 0.571rem 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e7a3a3;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #7B95A3;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #617c8a;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f4f4f4;
@ -1705,6 +1813,16 @@
border-color: #7B95A3;
}
.p-inputtextarea.p-variant {
background-color: #f4f4f4;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f4f4f4;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #f4f4f4;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #dadada;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 0.2rem #e4e9ec;
border-color: #7B95A3;
}
.p-treeselect.p-variant {
background: #f4f4f4;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #f4f4f4;
}
.p-treeselect .p-treeselect-label {
padding: 0.429rem 0.429rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/saga-blue/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8f9fa;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8f9fa;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8f9fa;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8f9fa;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
.p-cascadeselect.p-variant {
background-color: #f8f9fa;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8f9fa;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f44336;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8f9fa;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #2196F3;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8f9fa;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #0b7ad1;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8f9fa;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8f9fa;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8f9fa;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
.p-dropdown.p-variant {
background: #f8f9fa;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8f9fa;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8f9fa;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f44336;
}
.p-inputtext.p-variant.p-component {
background-color: #f8f9fa;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8f9fa;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
.p-multiselect.p-variant {
background: #f8f9fa;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
.p-password.p-variant > .p-inputtext {
background: #f8f9fa;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f44336;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8f9fa;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #2196F3;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8f9fa;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #0b7ad1;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8f9fa;
@ -1705,6 +1813,16 @@
border-color: #2196F3;
}
.p-inputtextarea.p-variant {
background-color: #f8f9fa;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8f9fa;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
.p-treeselect.p-variant {
background: #f8f9fa;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/saga-green/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8f9fa;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8f9fa;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8f9fa;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8f9fa;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
.p-cascadeselect.p-variant {
background-color: #f8f9fa;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8f9fa;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f44336;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8f9fa;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #4CAF50;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8f9fa;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #3d8c40;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8f9fa;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8f9fa;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8f9fa;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
.p-dropdown.p-variant {
background: #f8f9fa;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8f9fa;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8f9fa;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f44336;
}
.p-inputtext.p-variant.p-component {
background-color: #f8f9fa;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8f9fa;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
.p-multiselect.p-variant {
background: #f8f9fa;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
.p-password.p-variant > .p-inputtext {
background: #f8f9fa;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f44336;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8f9fa;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #4CAF50;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8f9fa;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #3d8c40;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8f9fa;
@ -1705,6 +1813,16 @@
border-color: #4CAF50;
}
.p-inputtextarea.p-variant {
background-color: #f8f9fa;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8f9fa;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
.p-treeselect.p-variant {
background: #f8f9fa;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/saga-orange/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8f9fa;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8f9fa;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8f9fa;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8f9fa;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
.p-cascadeselect.p-variant {
background-color: #f8f9fa;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8f9fa;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f44336;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8f9fa;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #FFC107;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8f9fa;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #d29d00;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8f9fa;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8f9fa;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8f9fa;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
.p-dropdown.p-variant {
background: #f8f9fa;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8f9fa;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8f9fa;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f44336;
}
.p-inputtext.p-variant.p-component {
background-color: #f8f9fa;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8f9fa;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
.p-multiselect.p-variant {
background: #f8f9fa;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
.p-password.p-variant > .p-inputtext {
background: #f8f9fa;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f44336;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8f9fa;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #FFC107;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8f9fa;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #d29d00;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8f9fa;
@ -1705,6 +1813,16 @@
border-color: #FFC107;
}
.p-inputtextarea.p-variant {
background-color: #f8f9fa;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8f9fa;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
.p-treeselect.p-variant {
background: #f8f9fa;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/saga-purple/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f8f9fa;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f8f9fa;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f8f9fa;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f8f9fa;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
.p-cascadeselect.p-variant {
background-color: #f8f9fa;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f8f9fa;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f44336;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f8f9fa;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #9C27B0;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f8f9fa;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #7d1f8d;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8f9fa;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f8f9fa;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f8f9fa;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
.p-dropdown.p-variant {
background: #f8f9fa;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f8f9fa;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f8f9fa;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f44336;
}
.p-inputtext.p-variant.p-component {
background-color: #f8f9fa;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f8f9fa;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
.p-multiselect.p-variant {
background: #f8f9fa;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
.p-password.p-variant > .p-inputtext {
background: #f8f9fa;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f44336;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f8f9fa;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #9C27B0;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f8f9fa;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #7d1f8d;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8f9fa;
@ -1705,6 +1813,16 @@
border-color: #9C27B0;
}
.p-inputtextarea.p-variant {
background-color: #f8f9fa;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f8f9fa;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
.p-treeselect.p-variant {
background: #f8f9fa;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/soho-dark/theme.css
View File

@ -417,6 +417,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ff9a9a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #3e4053;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #3e4053;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #3e4053;
}
.p-autocomplete-panel {
background: #282936;
@ -471,6 +480,15 @@
box-shadow: 0 0 0 1px #e0d8fc;
border-color: #b19df7;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #3e4053;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #3e4053;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #3e4053;
}
.p-datepicker {
padding: 0.5rem;
@ -711,6 +729,15 @@
box-shadow: 0 0 0 1px #e0d8fc;
border-color: #b19df7;
}
.p-cascadeselect.p-variant {
background-color: #3e4053;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #3e4053;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #3e4053;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -845,6 +872,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #ff9a9a;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #3e4053;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #b19df7;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #3e4053;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #9378f4;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #3e4053;
@ -868,6 +907,15 @@
box-shadow: 0 0 0 1px #e0d8fc;
border-color: #b19df7;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #3e4053;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #3e4053;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #3e4053;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -935,6 +983,18 @@
box-shadow: 0 0 0 1px #e0d8fc;
border-color: #b19df7;
}
.p-dropdown.p-variant {
background: #3e4053;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #3e4053;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #3e4053;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1121,6 +1181,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ff9a9a;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #3e4053;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #3e4053;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #3e4053;
}
.p-inputswitch {
width: 3rem;
@ -1202,6 +1271,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #ff9a9a;
}
.p-inputtext.p-variant.p-component {
background-color: #3e4053;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #3e4053;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #3e4053;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1380,6 +1458,15 @@
box-shadow: 0 0 0 1px #e0d8fc;
border-color: #b19df7;
}
.p-multiselect.p-variant {
background: #3e4053;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #3e4053;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #3e4053;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1517,6 +1604,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #ff9a9a;
}
.p-password.p-variant > .p-inputtext {
background: #3e4053;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #3e4053;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #3e4053;
}
.p-password-panel {
padding: 1.25rem;
@ -1598,6 +1694,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #ff9a9a;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #3e4053;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #b19df7;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #3e4053;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #9378f4;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #3e4053;
@ -1729,6 +1837,16 @@
border-color: #b19df7;
}
.p-inputtextarea.p-variant {
background-color: #3e4053;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #3e4053;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #3e4053;
}
.p-treeselect {
background: #1d1e27;
border: 1px solid #3e4053;
@ -1745,6 +1863,15 @@
box-shadow: 0 0 0 1px #e0d8fc;
border-color: #b19df7;
}
.p-treeselect.p-variant {
background: #3e4053;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #3e4053;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #3e4053;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/soho-light/theme.css
View File

@ -417,6 +417,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ff6767;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f6f9fc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f6f9fc;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -471,6 +480,15 @@
box-shadow: 0 0 0 1px #c7bbfa;
border-color: #7254f3;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f6f9fc;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f6f9fc;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -711,6 +729,15 @@
box-shadow: 0 0 0 1px #c7bbfa;
border-color: #7254f3;
}
.p-cascadeselect.p-variant {
background-color: #f6f9fc;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f6f9fc;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -845,6 +872,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #ff6767;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f6f9fc;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #7254f3;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f6f9fc;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #5935f1;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f6f9fc;
@ -868,6 +907,15 @@
box-shadow: 0 0 0 1px #c7bbfa;
border-color: #7254f3;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f6f9fc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f6f9fc;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -935,6 +983,18 @@
box-shadow: 0 0 0 1px #c7bbfa;
border-color: #7254f3;
}
.p-dropdown.p-variant {
background: #f6f9fc;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f6f9fc;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1121,6 +1181,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ff6767;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f6f9fc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f6f9fc;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1202,6 +1271,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #ff6767;
}
.p-inputtext.p-variant.p-component {
background-color: #f6f9fc;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f6f9fc;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1380,6 +1458,15 @@
box-shadow: 0 0 0 1px #c7bbfa;
border-color: #7254f3;
}
.p-multiselect.p-variant {
background: #f6f9fc;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f6f9fc;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1517,6 +1604,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #ff6767;
}
.p-password.p-variant > .p-inputtext {
background: #f6f9fc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f6f9fc;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1.25rem;
@ -1598,6 +1694,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #ff6767;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f6f9fc;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #7254f3;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f6f9fc;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #5935f1;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f6f9fc;
@ -1729,6 +1837,16 @@
border-color: #7254f3;
}
.p-inputtextarea.p-variant {
background-color: #f6f9fc;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f6f9fc;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #d3dbe3;
@ -1745,6 +1863,15 @@
box-shadow: 0 0 0 1px #c7bbfa;
border-color: #7254f3;
}
.p-treeselect.p-variant {
background: #f6f9fc;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f6f9fc;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/tailwind-light/theme.css
View File

@ -428,6 +428,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f0a9a7;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #fafafa;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #fafafa;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #ffffff;
}
.p-autocomplete-panel {
background: #ffffff;
@ -482,6 +491,15 @@
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #fafafa;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #fafafa;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-datepicker {
padding: 0.5rem;
@ -722,6 +740,15 @@
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
.p-cascadeselect.p-variant {
background-color: #fafafa;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #fafafa;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -856,6 +883,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f0a9a7;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #fafafa;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #4F46E5;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #fafafa;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #4F46E5;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #fafafa;
@ -879,6 +918,15 @@
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #fafafa;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #fafafa;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
@ -946,6 +994,18 @@
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
.p-dropdown.p-variant {
background: #fafafa;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #fafafa;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1132,6 +1192,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f0a9a7;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #fafafa;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #fafafa;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #ffffff;
}
.p-inputswitch {
width: 3rem;
@ -1213,6 +1282,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f0a9a7;
}
.p-inputtext.p-variant.p-component {
background-color: #fafafa;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #fafafa;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
@ -1391,6 +1469,15 @@
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
.p-multiselect.p-variant {
background: #fafafa;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #fafafa;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: none;
@ -1528,6 +1615,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f0a9a7;
}
.p-password.p-variant > .p-inputtext {
background: #fafafa;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #fafafa;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-password-panel {
padding: 1.25rem;
@ -1609,6 +1705,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f0a9a7;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #fafafa;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #4F46E5;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #fafafa;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #4F46E5;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #fafafa;
@ -1740,6 +1848,16 @@
border-color: #4F46E5;
}
.p-inputtextarea.p-variant {
background-color: #fafafa;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #fafafa;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #ffffff;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #d4d4d8;
@ -1756,6 +1874,15 @@
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
.p-treeselect.p-variant {
background: #fafafa;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #fafafa;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: none;

127
public/themes/vela-blue/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #304562;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #304562;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #304562;
}
.p-autocomplete-panel {
background: #1f2d40;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #304562;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #304562;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #304562;
}
.p-datepicker {
padding: 0.5rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-cascadeselect.p-variant {
background-color: #304562;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #304562;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #304562;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #ef9a9a;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #304562;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #64B5F6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #304562;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #2396f2;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #304562;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #304562;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #304562;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #304562;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-dropdown.p-variant {
background: #304562;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #304562;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #304562;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #304562;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #304562;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-variant.p-component {
background-color: #304562;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #304562;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #304562;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-multiselect.p-variant {
background: #304562;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #304562;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-password.p-variant > .p-inputtext {
background: #304562;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #304562;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #ef9a9a;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #304562;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #64B5F6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #304562;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #2396f2;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #304562;
@ -1705,6 +1813,16 @@
border-color: #64B5F6;
}
.p-inputtextarea.p-variant {
background-color: #304562;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #304562;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #304562;
}
.p-treeselect {
background: #17212f;
border: 1px solid #304562;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-treeselect.p-variant {
background: #304562;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #304562;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/vela-green/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #304562;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #304562;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #304562;
}
.p-autocomplete-panel {
background: #1f2d40;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #304562;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #304562;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #304562;
}
.p-datepicker {
padding: 0.5rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-cascadeselect.p-variant {
background-color: #304562;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #304562;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #304562;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #ef9a9a;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #304562;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #81C784;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #304562;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #54b358;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #304562;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #304562;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #304562;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #304562;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-dropdown.p-variant {
background: #304562;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #304562;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #304562;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #304562;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #304562;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-variant.p-component {
background-color: #304562;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #304562;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #304562;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-multiselect.p-variant {
background: #304562;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #304562;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-password.p-variant > .p-inputtext {
background: #304562;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #304562;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #ef9a9a;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #304562;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #81C784;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #304562;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #54b358;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #304562;
@ -1705,6 +1813,16 @@
border-color: #81C784;
}
.p-inputtextarea.p-variant {
background-color: #304562;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #304562;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #304562;
}
.p-treeselect {
background: #17212f;
border: 1px solid #304562;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-treeselect.p-variant {
background: #304562;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #304562;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/vela-orange/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #304562;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #304562;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #304562;
}
.p-autocomplete-panel {
background: #1f2d40;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #304562;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #304562;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #304562;
}
.p-datepicker {
padding: 0.5rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-cascadeselect.p-variant {
background-color: #304562;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #304562;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #304562;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #ef9a9a;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #304562;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #FFD54F;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #304562;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #ffc50c;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #304562;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #304562;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #304562;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #304562;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-dropdown.p-variant {
background: #304562;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #304562;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #304562;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #304562;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #304562;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-variant.p-component {
background-color: #304562;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #304562;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #304562;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-multiselect.p-variant {
background: #304562;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #304562;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-password.p-variant > .p-inputtext {
background: #304562;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #304562;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #ef9a9a;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #304562;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #FFD54F;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #304562;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #ffc50c;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #304562;
@ -1705,6 +1813,16 @@
border-color: #FFD54F;
}
.p-inputtextarea.p-variant {
background-color: #304562;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #304562;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #304562;
}
.p-treeselect {
background: #17212f;
border: 1px solid #304562;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-treeselect.p-variant {
background: #304562;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #304562;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/vela-purple/theme.css
View File

@ -393,6 +393,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #304562;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #304562;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #304562;
}
.p-autocomplete-panel {
background: #1f2d40;
@ -447,6 +456,15 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #304562;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #304562;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #304562;
}
.p-datepicker {
padding: 0.5rem;
@ -687,6 +705,15 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-cascadeselect.p-variant {
background-color: #304562;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #304562;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #304562;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -821,6 +848,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #ef9a9a;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #304562;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #BA68C8;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #304562;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #a241b2;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #304562;
@ -844,6 +883,15 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #304562;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #304562;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #304562;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
outline-color: transparent;
@ -911,6 +959,18 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-dropdown.p-variant {
background: #304562;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #304562;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.5rem;
}
@ -1097,6 +1157,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #304562;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #304562;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #304562;
}
.p-inputswitch {
width: 3rem;
@ -1178,6 +1247,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-variant.p-component {
background-color: #304562;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #304562;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #304562;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.4375rem;
@ -1356,6 +1434,15 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-multiselect.p-variant {
background: #304562;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #304562;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1493,6 +1580,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
.p-password.p-variant > .p-inputtext {
background: #304562;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #304562;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-password-panel {
padding: 1rem;
@ -1574,6 +1670,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #ef9a9a;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #304562;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #BA68C8;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #304562;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #a241b2;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #304562;
@ -1705,6 +1813,16 @@
border-color: #BA68C8;
}
.p-inputtextarea.p-variant {
background-color: #304562;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #304562;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #304562;
}
.p-treeselect {
background: #17212f;
border: 1px solid #304562;
@ -1721,6 +1839,15 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-treeselect.p-variant {
background: #304562;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #304562;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #304562;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

127
public/themes/viva-dark/theme.css
View File

@ -425,6 +425,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f78c79;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #263238;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #263238;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #263238;
}
.p-autocomplete-panel {
background: #161d21;
@ -479,6 +488,15 @@
box-shadow: 0 0 0 1px #9eade6;
border-color: #9eade6;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #263238;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #263238;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #263238;
}
.p-datepicker {
padding: 0.5rem;
@ -719,6 +737,15 @@
box-shadow: 0 0 0 1px #9eade6;
border-color: #9eade6;
}
.p-cascadeselect.p-variant {
background-color: #263238;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #263238;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #263238;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -853,6 +880,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f78c79;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #263238;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #9eade6;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #263238;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #7f93de;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #263238;
@ -876,6 +915,15 @@
box-shadow: 0 0 0 1px #9eade6;
border-color: #9eade6;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #263238;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #263238;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #263238;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -943,6 +991,18 @@
box-shadow: 0 0 0 1px #9eade6;
border-color: #9eade6;
}
.p-dropdown.p-variant {
background: #263238;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #263238;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #263238;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1129,6 +1189,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f78c79;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #263238;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #263238;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #263238;
}
.p-inputswitch {
width: 3rem;
@ -1210,6 +1279,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f78c79;
}
.p-inputtext.p-variant.p-component {
background-color: #263238;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #263238;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #263238;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1388,6 +1466,15 @@
box-shadow: 0 0 0 1px #9eade6;
border-color: #9eade6;
}
.p-multiselect.p-variant {
background: #263238;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #263238;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #263238;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
@ -1525,6 +1612,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f78c79;
}
.p-password.p-variant > .p-inputtext {
background: #263238;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #263238;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #263238;
}
.p-password-panel {
padding: 1rem;
@ -1606,6 +1702,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f78c79;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #263238;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #9eade6;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #263238;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #7f93de;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #263238;
@ -1737,6 +1845,16 @@
border-color: #9eade6;
}
.p-inputtextarea.p-variant {
background-color: #263238;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #263238;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #263238;
}
.p-treeselect {
background: #0e1315;
border: 2px solid #263238;
@ -1753,6 +1871,15 @@
box-shadow: 0 0 0 1px #9eade6;
border-color: #9eade6;
}
.p-treeselect.p-variant {
background: #263238;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #263238;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #263238;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;

127
public/themes/viva-light/theme.css
View File

@ -425,6 +425,15 @@
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f88c79;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input {
background-color: #f2f2f2;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:hover {
background-color: #f2f2f2;
}
.p-autocomplete.p-variant.p-component > .p-autocomplete-input:enabled:focus {
background-color: #f2f2f2;
}
.p-autocomplete-panel {
background: #ffffff;
@ -479,6 +488,15 @@
box-shadow: 0 0 0 0.1rem #bbc7ee;
border-color: #91a4e3;
}
.p-calendar.p-variant > .p-inputtext {
background-color: #f2f2f2;
}
.p-calendar.p-variant > .p-inputtext:enabled:hover {
background-color: #f2f2f2;
}
.p-calendar.p-variant > .p-inputtext:enabled:focus {
background-color: #f2f2f2;
}
.p-datepicker {
padding: 0.5rem;
@ -719,6 +737,15 @@
box-shadow: 0 0 0 0.1rem #bbc7ee;
border-color: #91a4e3;
}
.p-cascadeselect.p-variant {
background-color: #f2f2f2;
}
.p-cascadeselect.p-variant:enabled:hover {
background-color: #f2f2f2;
}
.p-cascadeselect.p-variant:enabled:focus {
background-color: #f2f2f2;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
@ -853,6 +880,18 @@
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #f88c79;
}
.p-checkbox.p-variant .p-checkbox-box {
background-color: #f2f2f2;
}
.p-checkbox.p-variant.p-highlight .p-checkbox-box {
background: #5472d4;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f2f2f2;
}
.p-checkbox.p-variant:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #3c5ece;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f2f2f2;
@ -876,6 +915,15 @@
box-shadow: 0 0 0 0.1rem #bbc7ee;
border-color: #91a4e3;
}
.p-chips.p-variant > .p-chips-multiple-container {
background-color: #f2f2f2;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:hover {
background-color: #f2f2f2;
}
.p-chips.p-variant > .p-chips-multiple-container:enabled:focus {
background-color: #f2f2f2;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
@ -943,6 +991,18 @@
box-shadow: 0 0 0 0.1rem #bbc7ee;
border-color: #91a4e3;
}
.p-dropdown.p-variant {
background: #f2f2f2;
}
.p-dropdown.p-variant:not(.p-disabled):hover {
background-color: #f2f2f2;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus {
background-color: #f2f2f2;
}
.p-dropdown.p-variant:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
@ -1129,6 +1189,15 @@
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f88c79;
}
.p-inputnumber.p-variant > .p-inputnumber-input {
background-color: #f2f2f2;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:hover {
background-color: #f2f2f2;
}
.p-inputnumber.p-variant > .p-inputnumber-input:enabled:focus {
background-color: #f2f2f2;
}
.p-inputswitch {
width: 3rem;
@ -1210,6 +1279,15 @@
.p-inputtext.p-invalid.p-component {
border-color: #f88c79;
}
.p-inputtext.p-variant.p-component {
background-color: #f2f2f2;
}
.p-inputtext.p-variant.p-component:enabled:hover {
background-color: #f2f2f2;
}
.p-inputtext.p-variant.p-component:enabled:focus {
background-color: #f2f2f2;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
@ -1388,6 +1466,15 @@
box-shadow: 0 0 0 0.1rem #bbc7ee;
border-color: #91a4e3;
}
.p-multiselect.p-variant {
background: #f2f2f2;
}
.p-multiselect.p-variant:not(.p-disabled):hover {
background-color: #f2f2f2;
}
.p-multiselect.p-variant:not(.p-disabled).p-focus {
background-color: #f2f2f2;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
@ -1525,6 +1612,15 @@
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #f88c79;
}
.p-password.p-variant > .p-inputtext {
background: #f2f2f2;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled):hover {
background-color: #f2f2f2;
}
.p-password.p-variant > .p-inputtext:not(.p-disabled).p-focus {
background-color: #f2f2f2;
}
.p-password-panel {
padding: 1rem;
@ -1606,6 +1702,18 @@
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #f88c79;
}
.p-radiobutton.p-variant .p-radiobutton-box {
background-color: #f2f2f2;
}
.p-radiobutton.p-variant.p-highlight .p-radiobutton-box {
background: #5472d4;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f2f2f2;
}
.p-radiobutton.p-variant:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #3c5ece;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f2f2f2;
@ -1737,6 +1845,16 @@
border-color: #5472d4;
}
.p-inputtextarea.p-variant {
background-color: #f2f2f2;
}
.p-inputtextarea.p-variant:enabled:hover {
background-color: #f2f2f2;
}
.p-inputtextarea.p-variant:enabled:focus {
background-color: #f2f2f2;
}
.p-treeselect {
background: #ffffff;
border: 2px solid #e1e1e1;
@ -1753,6 +1871,15 @@
box-shadow: 0 0 0 0.1rem #bbc7ee;
border-color: #91a4e3;
}
.p-treeselect.p-variant {
background: #f2f2f2;
}
.p-treeselect.p-variant:not(.p-disabled):hover {
background-color: #f2f2f2;
}
.p-treeselect.p-variant:not(.p-disabled).p-focus {
background-color: #f2f2f2;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;