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

Update themes - Accessibility

pull/2862/head
Onur Senture 2022-08-12 12:11:50 +03:00
parent f2bb8e678b
commit 69846afa37
43 changed files with 8799 additions and 1857 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #64B5F6;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #383838;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #464646;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(100, 181, 246, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #93cbf9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(100, 181, 246, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #2396f2;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #64B5F6;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #464646;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #383838;
background: rgba(255, 255, 255, 0.09);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1213,7 +1238,7 @@
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #383838;
background: rgba(255, 255, 255, 0.09);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1343,7 +1368,7 @@
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #383838;
background: rgba(255, 255, 255, 0.09);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #64B5F6;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #64B5F6;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #81C784;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #383838;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #464646;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(129, 199, 132, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #a7d8a9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(129, 199, 132, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #54b358;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #81C784;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #464646;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #383838;
background: rgba(255, 255, 255, 0.09);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1213,7 +1238,7 @@
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #383838;
background: rgba(255, 255, 255, 0.09);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1343,7 +1368,7 @@
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #383838;
background: rgba(255, 255, 255, 0.09);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #81C784;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #81C784;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #FFD54F;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #383838;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #464646;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(255, 213, 79, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #ffe284;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(255, 213, 79, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #ffc50c;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #FFD54F;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #464646;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #383838;
background: rgba(255, 255, 255, 0.09);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1213,7 +1238,7 @@
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #383838;
background: rgba(255, 255, 255, 0.09);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1343,7 +1368,7 @@
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #383838;
background: rgba(255, 255, 255, 0.09);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #FFD54F;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #FFD54F;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #BA68C8;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #383838;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #464646;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(186, 104, 200, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #cf95d9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(186, 104, 200, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #a241b2;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #BA68C8;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #464646;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #383838;
background: rgba(255, 255, 255, 0.09);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1213,7 +1238,7 @@
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #383838;
background: rgba(255, 255, 255, 0.09);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1343,7 +1368,7 @@
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #383838;
background: rgba(255, 255, 255, 0.09);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #BA68C8;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #BA68C8;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #3f4b5b;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
background: #3f4b5b;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #4c5866;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #343e4d;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #151515;
background: #8dd0ff;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #64bfff;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1.5rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #e3f3fe;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #151515;
background: #8dd0ff;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #64bfff;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1.5rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -672,18 +689,18 @@
border-color: #151515;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #3f4b5b;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
@ -691,6 +708,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #343e4d;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #4c5866;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,11 +836,11 @@
background: #8dd0ff;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(141, 208, 255, 0.24);
background: #64bfff;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #687c97;
background: rgba(255, 255, 255, 0.12);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1213,11 +1238,11 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(141, 208, 255, 0.24);
background: #64bfff;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #687c97;
background: rgba(255, 255, 255, 0.12);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1343,11 +1368,11 @@
background: #8dd0ff;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(141, 208, 255, 0.24);
background: #64bfff;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #687c97;
background: rgba(255, 255, 255, 0.12);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1475,17 +1500,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #f19ea6;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #8dd0ff;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #8dd0ff;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #3f4b5b;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
background: #3f4b5b;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #4c5866;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #343e4d;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #151515;
background: #c298d8;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #b07acd;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1.5rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #f0e6f5;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #151515;
background: #c298d8;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #b07acd;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1.5rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -672,18 +689,18 @@
border-color: #151515;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #3f4b5b;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
@ -691,6 +708,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #343e4d;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #4c5866;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,11 +836,11 @@
background: #c298d8;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(194, 152, 216, 0.24);
background: #b07acd;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #687c97;
background: rgba(255, 255, 255, 0.12);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1213,11 +1238,11 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(194, 152, 216, 0.24);
background: #b07acd;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #687c97;
background: rgba(255, 255, 255, 0.12);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1343,11 +1368,11 @@
background: #c298d8;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(194, 152, 216, 0.24);
background: #b07acd;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #687c97;
background: rgba(255, 255, 255, 0.12);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1475,17 +1500,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #f19ea6;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #c298d8;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #c298d8;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #ced4da;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #212529;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #ced4da;
color: #212529;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #e9ecef;
color: #212529;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #212529;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #0067d6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
background: #dee2e6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1.5rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #0067d6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
background: #dee2e6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1.5rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -672,18 +689,18 @@
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #ced4da;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
@ -691,6 +708,14 @@
color: #212529;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #e9ecef;
color: #212529;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #ced4da;
color: #212529;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
background: #007bff;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(0, 123, 255, 0.24);
background: #0067d6;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
@ -1213,7 +1238,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(0, 123, 255, 0.24);
background: #0067d6;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
@ -1343,7 +1368,7 @@
background: #007bff;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(0, 123, 255, 0.24);
background: #0067d6;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
@ -1475,17 +1500,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #dc3545;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #007bff;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #007bff;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #ced4da;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #212529;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #ced4da;
color: #212529;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #e9ecef;
color: #212529;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #212529;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #ffffff;
background: #883cae;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #703290;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
background: #dee2e6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1.5rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #ffffff;
background: #883cae;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #703290;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
background: #dee2e6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1.5rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -672,18 +689,18 @@
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #ced4da;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
@ -691,6 +708,14 @@
color: #212529;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #e9ecef;
color: #212529;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #ced4da;
color: #212529;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
background: #883cae;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(136, 60, 174, 0.24);
background: #703290;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
@ -1213,7 +1238,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(136, 60, 174, 0.24);
background: #703290;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
@ -1343,7 +1368,7 @@
background: #883cae;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(136, 60, 174, 0.24);
background: #703290;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
@ -1475,17 +1500,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #dc3545;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #883cae;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #883cae;
}

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

File diff suppressed because it is too large Load Diff

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #93C5FD;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
border-color: #93C5FD;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #0b213f;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #233752;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #091a32;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(147, 197, 253, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(147, 197, 253, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #0b213f;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(147, 197, 253, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(147, 197, 253, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #0b213f;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #6cb0fc;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #93C5FD;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
border-color: #93C5FD;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #091a32;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #233752;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #93C5FD;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
border-color: #93C5FD;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #93C5FD;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #A5B4FC;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
border-color: #A5B4FC;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #0b213f;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #233752;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #091a32;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(165, 180, 252, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(165, 180, 252, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #0b213f;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(165, 180, 252, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(165, 180, 252, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #0b213f;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #7d92fb;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #A5B4FC;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
border-color: #A5B4FC;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #091a32;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #233752;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #A5B4FC;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
border-color: #A5B4FC;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #A5B4FC;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #C4B5FD;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
border-color: #C4B5FD;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #0b213f;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #233752;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #091a32;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(196, 181, 253, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(196, 181, 253, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #0b213f;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(196, 181, 253, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(196, 181, 253, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #0b213f;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #a28bfc;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #C4B5FD;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
border-color: #C4B5FD;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #091a32;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #233752;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #C4B5FD;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
border-color: #C4B5FD;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #C4B5FD;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #5EEAD4;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
border-color: #5EEAD4;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #0b213f;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #233752;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #091a32;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(94, 234, 212, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(94, 234, 212, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #0b213f;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(94, 234, 212, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(94, 234, 212, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #0b213f;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #41e6cc;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #5EEAD4;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
border-color: #5EEAD4;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #091a32;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #233752;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #5EEAD4;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
border-color: #5EEAD4;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #5EEAD4;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #3B82F6;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #495057;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #e9ecef;
color: #495057;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(59, 130, 246, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(59, 130, 246, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #1D4ED8;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #3B82F6;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: #495057;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #e9ecef;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #ea5455;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #3B82F6;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #3B82F6;
}
@ -5661,25 +5687,25 @@
}
.p-button:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-secondary:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-success:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-info:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-warning:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-help:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-danger:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #6366F1;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #495057;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #e9ecef;
color: #495057;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #4338CA;
background: #EEF2FF;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #E0E7FF;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #C7D2FE;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #4338CA;
background: #EEF2FF;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #E0E7FF;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #4338CA;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #6366F1;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: #495057;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #e9ecef;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -807,7 +832,7 @@
background: #EEF2FF;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(99, 102, 241, 0.24);
background: #E0E7FF;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
@ -1209,7 +1234,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(99, 102, 241, 0.24);
background: #E0E7FF;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
@ -1339,7 +1364,7 @@
background: #EEF2FF;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(99, 102, 241, 0.24);
background: #E0E7FF;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #ea5455;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #6366F1;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #6366F1;
}
@ -5661,25 +5687,25 @@
}
.p-button:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-secondary:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-success:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-info:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-warning:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-help:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-danger:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #8B5CF6;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #495057;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #e9ecef;
color: #495057;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #6D28D9;
background: #F5F3FF;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(139, 92, 246, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #DDD6FE;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #6D28D9;
background: #F5F3FF;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(139, 92, 246, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #6D28D9;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #8B5CF6;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: #495057;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #e9ecef;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #ea5455;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #8B5CF6;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #8B5CF6;
}
@ -5661,25 +5687,25 @@
}
.p-button:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-secondary:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-success:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-info:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-warning:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-help:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-danger:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #14B8A6;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99F6E4;
border-color: #14B8A6;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #495057;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #e9ecef;
color: #495057;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #0F766E;
background: #F0FDFA;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(20, 184, 166, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #99F6E4;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #0F766E;
background: #F0FDFA;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(20, 184, 166, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #0F766E;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #14B8A6;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99F6E4;
border-color: #14B8A6;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: #495057;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #e9ecef;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #ea5455;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99F6E4;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #14B8A6;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99F6E4;
border-color: #14B8A6;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #14B8A6;
}
@ -5661,25 +5687,25 @@
}
.p-button:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-secondary:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-success:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-info:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-warning:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-help:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-danger:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #FFE082;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
background: #4b4b4b;
color: #dedede;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #464646;
color: #dedede;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #585858;
color: #dedede;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -296,14 +304,21 @@
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #dedede;
background: #4c4c4c;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #212529;
background: #FFE082;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #ffe081;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
background: #3c3c3c;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #dedede;
background: #4c4c4c;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.857rem;
@ -345,7 +360,7 @@
.p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -433,7 +448,7 @@
.p-datepicker .p-timepicker button {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -585,22 +600,24 @@
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem white;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #212529;
background: #FFE082;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #ffe081;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
background: #3c3c3c;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #dedede;
background: #4c4c4c;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -672,18 +689,18 @@
border-color: #212529;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #FFE082;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
@ -691,6 +708,14 @@
color: #dedede;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #585858;
color: #dedede;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #464646;
color: #dedede;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
background: #FFE082;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(255, 224, 130, 0.24);
background: #ffe081;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
@ -1213,7 +1238,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(255, 224, 130, 0.24);
background: #ffe081;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
@ -1310,7 +1335,7 @@
margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -1343,7 +1368,7 @@
background: #FFE082;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(255, 224, 130, 0.24);
background: #ffe081;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
@ -1475,17 +1500,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #e4018d;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #FFE082;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #FFE082;
}
@ -2479,7 +2505,7 @@
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -2618,7 +2644,7 @@
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -2800,7 +2826,7 @@
.p-column-filter-menu-button {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -2828,7 +2854,7 @@
.p-column-filter-clear-button {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3062,7 +3088,7 @@
font-size: 1rem;
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3469,7 +3495,7 @@
margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3621,7 +3647,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3884,7 +3910,7 @@
.p-panel .p-panel-header .p-panel-header-icon {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -4073,7 +4099,7 @@
.p-dialog .p-dialog-header .p-dialog-header-icon {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -4177,7 +4203,7 @@
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #81D4FA;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
background: #4b4b4b;
color: #dedede;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #464646;
color: #dedede;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #585858;
color: #dedede;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -296,14 +304,21 @@
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #dedede;
background: #4c4c4c;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #212529;
background: #81D4FA;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #81d4fa;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
background: #3c3c3c;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #dedede;
background: #4c4c4c;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.857rem;
@ -345,7 +360,7 @@
.p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -433,7 +448,7 @@
.p-datepicker .p-timepicker button {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -585,22 +600,24 @@
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem white;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #212529;
background: #81D4FA;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #81d4fa;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
background: #3c3c3c;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #dedede;
background: #4c4c4c;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -672,18 +689,18 @@
border-color: #212529;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #81D4FA;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
@ -691,6 +708,14 @@
color: #dedede;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #585858;
color: #dedede;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #464646;
color: #dedede;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
background: #81D4FA;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(129, 212, 250, 0.24);
background: #81d4fa;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
@ -1213,7 +1238,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(129, 212, 250, 0.24);
background: #81d4fa;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
@ -1310,7 +1335,7 @@
margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -1343,7 +1368,7 @@
background: #81D4FA;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(129, 212, 250, 0.24);
background: #81d4fa;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
@ -1475,17 +1500,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #e4018d;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #81D4FA;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #81D4FA;
}
@ -2479,7 +2505,7 @@
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -2618,7 +2644,7 @@
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -2800,7 +2826,7 @@
.p-column-filter-menu-button {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -2828,7 +2854,7 @@
.p-column-filter-clear-button {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3062,7 +3088,7 @@
font-size: 1rem;
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3469,7 +3495,7 @@
margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3621,7 +3647,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3884,7 +3910,7 @@
.p-panel .p-panel-header .p-panel-header-icon {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -4073,7 +4099,7 @@
.p-dialog .p-dialog-header .p-dialog-header-icon {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -4177,7 +4203,7 @@
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #C5E1A5;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
background: #4b4b4b;
color: #dedede;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #464646;
color: #dedede;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #585858;
color: #dedede;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -296,14 +304,21 @@
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #dedede;
background: #4c4c4c;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #212529;
background: #C5E1A5;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #c5e1a5;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
background: #3c3c3c;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #dedede;
background: #4c4c4c;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.857rem;
@ -345,7 +360,7 @@
.p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -433,7 +448,7 @@
.p-datepicker .p-timepicker button {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -585,22 +600,24 @@
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem white;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #212529;
background: #C5E1A5;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #c5e1a5;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
background: #3c3c3c;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #dedede;
background: #4c4c4c;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -672,18 +689,18 @@
border-color: #212529;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #C5E1A5;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
@ -691,6 +708,14 @@
color: #dedede;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #585858;
color: #dedede;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #464646;
color: #dedede;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
background: #C5E1A5;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(197, 225, 165, 0.24);
background: #c5e1a5;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
@ -1213,7 +1238,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(197, 225, 165, 0.24);
background: #c5e1a5;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
@ -1310,7 +1335,7 @@
margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -1343,7 +1368,7 @@
background: #C5E1A5;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(197, 225, 165, 0.24);
background: #c5e1a5;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
@ -1475,17 +1500,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #e4018d;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #C5E1A5;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #C5E1A5;
}
@ -2479,7 +2505,7 @@
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -2618,7 +2644,7 @@
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -2800,7 +2826,7 @@
.p-column-filter-menu-button {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -2828,7 +2854,7 @@
.p-column-filter-clear-button {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3062,7 +3088,7 @@
font-size: 1rem;
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3469,7 +3495,7 @@
margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3621,7 +3647,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3884,7 +3910,7 @@
.p-panel .p-panel-header .p-panel-header-icon {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -4073,7 +4099,7 @@
.p-dialog .p-dialog-header .p-dialog-header-icon {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -4177,7 +4203,7 @@
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #F48FB1;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
background: #4b4b4b;
color: #dedede;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #464646;
color: #dedede;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #585858;
color: #dedede;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -296,14 +304,21 @@
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #dedede;
background: #4c4c4c;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #212529;
background: #F48FB1;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #f48fb1;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
background: #3c3c3c;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #dedede;
background: #4c4c4c;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.857rem;
@ -345,7 +360,7 @@
.p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -433,7 +448,7 @@
.p-datepicker .p-timepicker button {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -585,22 +600,24 @@
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem white;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #212529;
background: #F48FB1;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #f48fb1;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
background: #3c3c3c;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #dedede;
background: #4c4c4c;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -672,18 +689,18 @@
border-color: #212529;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #F48FB1;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
@ -691,6 +708,14 @@
color: #dedede;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #585858;
color: #dedede;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #464646;
color: #dedede;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
background: #F48FB1;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(244, 143, 177, 0.24);
background: #f48fb1;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
@ -1213,7 +1238,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(244, 143, 177, 0.24);
background: #f48fb1;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
@ -1310,7 +1335,7 @@
margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -1343,7 +1368,7 @@
background: #F48FB1;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(244, 143, 177, 0.24);
background: #f48fb1;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #dedede;
@ -1475,17 +1500,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #e4018d;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #F48FB1;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #F48FB1;
}
@ -2479,7 +2505,7 @@
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -2618,7 +2644,7 @@
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -2800,7 +2826,7 @@
.p-column-filter-menu-button {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -2828,7 +2854,7 @@
.p-column-filter-clear-button {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3062,7 +3088,7 @@
font-size: 1rem;
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3469,7 +3495,7 @@
margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3621,7 +3647,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -3884,7 +3910,7 @@
.p-panel .p-panel-header .p-panel-header-icon {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -4073,7 +4099,7 @@
.p-dialog .p-dialog-header .p-dialog-header-icon {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;
@ -4177,7 +4203,7 @@
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;
height: 2rem;
color: #8888;
color: rgba(136, 136, 136, 0.5333333333);
border: 0 none;
background: transparent;
border-radius: 50%;

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

@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 4rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.5rem 1rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.5rem 1rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.5rem 0;
}
@ -289,14 +290,21 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: hsla(0deg, 0%, 100%, 0.24);
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -320,14 +328,21 @@
transition: none;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(206, 147, 216, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 1rem;
@ -344,7 +359,7 @@
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
@ -361,7 +376,7 @@
background: #1e1e1e;
font-weight: 500;
margin: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
@ -445,13 +460,13 @@
}
.p-datepicker .p-datepicker-buttonbar {
padding: 1rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
}
.p-datepicker .p-datepicker-buttonbar .p-button {
width: auto;
}
.p-datepicker .p-timepicker {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
padding: 0.5rem;
}
.p-datepicker .p-timepicker button {
@ -510,7 +525,7 @@
background: rgba(206, 147, 216, 0.16);
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-left: 1px solid rgba(255, 255, 255, 0.12);
border-left: 1px solid hsla(0deg, 0%, 100%, 0.12);
padding-right: 0.5rem;
padding-left: 0.5rem;
padding-top: 0;
@ -555,7 +570,7 @@
}
.p-cascadeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -609,34 +624,36 @@
transition: none;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 1rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(206, 147, 216, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 1rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
.p-input-filled .p-cascadeselect {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-checkbox {
@ -644,7 +661,7 @@
height: 18px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
background: #1e1e1e;
width: 18px;
height: 18px;
@ -680,37 +697,45 @@
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
background-color: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #CE93D8;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
background: #CE93D8;
}
.p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
.p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: hsla(0deg, 0%, 100%, 0.24);
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -748,7 +773,7 @@
.p-dropdown {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -799,7 +824,7 @@
}
.p-dropdown-panel .p-dropdown-header {
padding: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #2b2b2b;
margin: 0;
@ -835,11 +860,11 @@
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
@ -855,13 +880,13 @@
}
.p-input-filled .p-dropdown {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
@ -915,7 +940,7 @@
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 1rem 1rem;
@ -969,14 +994,14 @@
.p-inputgroup-addon {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-left: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.3);
padding: 1rem 1rem;
min-width: 2.357rem;
}
.p-inputgroup-addon:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid hsla(0deg, 0%, 100%, 0.3);
}
.p-inputgroup > .p-component,
@ -1045,7 +1070,7 @@
height: 1rem;
}
.p-inputswitch .p-inputswitch-slider {
background: rgba(255, 255, 255, 0.3);
background: hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 0.5rem;
}
@ -1067,7 +1092,7 @@
box-shadow: none;
}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: rgba(255, 255, 255, 0.3);
background: hsla(0deg, 0%, 100%, 0.3);
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
background: rgba(206, 147, 216, 0.5);
@ -1088,7 +1113,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
padding: 1rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
appearance: none;
border-radius: 4px;
@ -1163,13 +1188,13 @@
}
.p-input-filled .p-inputtext {
background-color: rgba(255, 255, 255, 0.06);
background-color: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-inputtext:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-inputtext-sm .p-inputtext {
@ -1185,12 +1210,12 @@
.p-listbox {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-radius: 4px;
}
.p-listbox .p-listbox-header {
padding: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
@ -1237,11 +1262,11 @@
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-listbox.p-focus {
outline: 0 none;
@ -1255,7 +1280,7 @@
.p-multiselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -1278,7 +1303,7 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
@ -1309,7 +1334,7 @@
}
.p-multiselect-panel .p-multiselect-header {
padding: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #2b2b2b;
margin: 0;
@ -1367,11 +1392,11 @@
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
@ -1390,13 +1415,13 @@
}
.p-input-filled .p-multiselect {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-password.p-invalid.p-component > .p-inputtext {
@ -1430,7 +1455,7 @@
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
background: #1e1e1e;
width: 20px;
height: 20px;
@ -1470,10 +1495,10 @@
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
background-color: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #121212;
@ -1491,17 +1516,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #f44435;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #CE93D8;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #CE93D8;
}
@ -1551,7 +1577,7 @@
}
.p-slider {
background: rgba(255, 255, 255, 0.3);
background: hsla(0deg, 0%, 100%, 0.3);
border: 0 none;
border-radius: 4px;
}
@ -1592,7 +1618,7 @@
.p-treeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -1615,7 +1641,7 @@
.p-treeselect.p-treeselect-chip .p-treeselect-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
@ -1651,13 +1677,13 @@
}
.p-input-filled .p-treeselect {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-togglebutton.p-button {
@ -2883,7 +2909,7 @@
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
outline: 0 none;
@ -2891,13 +2917,13 @@
box-shadow: none;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #2b2b2b;
margin: 0;
@ -2906,7 +2932,7 @@
}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
margin-bottom: 0.5rem;
@ -3113,7 +3139,7 @@
border-color: rgba(206, 147, 216, 0.16);
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
@ -3245,7 +3271,7 @@
transition: transform 0.2s, none;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
@ -3261,11 +3287,11 @@
background: rgba(255, 255, 255, 0.02);
}
.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
@ -3418,7 +3444,7 @@
transition: transform 0.2s, none;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-picklist .p-picklist-list .p-picklist-item:focus {
@ -3434,7 +3460,7 @@
background: rgba(255, 255, 255, 0.02);
}
.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-timeline .p-timeline-event-marker {
@ -3525,7 +3551,7 @@
color: #CE93D8;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-filter-container {
@ -3891,7 +3917,7 @@
padding: 0 1.25rem;
}
.p-divider.p-divider-horizontal:before {
border-top: 1px rgba(255, 255, 255, 0.12);
border-top: 1px hsla(0deg, 0%, 100%, 0.12);
}
.p-divider.p-divider-horizontal .p-divider-content {
padding: 0 0.5rem;
@ -3901,7 +3927,7 @@
padding: 1.25rem 0;
}
.p-divider.p-divider-vertical:before {
border-left: 1px rgba(255, 255, 255, 0.12);
border-left: 1px hsla(0deg, 0%, 100%, 0.12);
}
.p-divider.p-divider-vertical .p-divider-content {
padding: 0.5rem 0;
@ -3970,13 +3996,13 @@
}
.p-splitter .p-splitter-gutter {
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-splitter .p-splitter-gutter-resizing {
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-tabview .p-tabview-nav {
@ -4397,7 +4423,7 @@
color: rgba(255, 255, 255, 0.6);
}
.p-contextmenu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-contextmenu .p-submenu-icon {
@ -4576,7 +4602,7 @@
width: 12.5rem;
}
.p-megamenu .p-megamenu-submenu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@ -4650,7 +4676,7 @@
border-top-left-radius: 0;
}
.p-menu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
@ -4754,7 +4780,7 @@
width: 12.5rem;
}
.p-menubar .p-submenu-list .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
@ -4801,7 +4827,7 @@
width: 100%;
}
.p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
@ -5047,7 +5073,7 @@
}
.p-steps .p-steps-item:before {
content: " ";
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
width: 100%;
top: 50%;
left: 0;
@ -5159,7 +5185,7 @@
color: rgba(255, 255, 255, 0.6);
}
.p-tieredmenu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-tieredmenu .p-submenu-icon {
@ -5519,7 +5545,7 @@
}
.p-avatar {
background-color: rgba(255, 255, 255, 0.12);
background-color: hsla(0deg, 0%, 100%, 0.12);
border-radius: 4px;
}
.p-avatar.p-avatar-lg {
@ -5586,7 +5612,7 @@
}
.p-chip {
background-color: rgba(255, 255, 255, 0.12);
background-color: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
padding: 0 1rem;
@ -5760,8 +5786,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -5771,13 +5797,13 @@
background: transparent;
}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -5987,7 +6013,7 @@
}
.p-calendar-w-btn {
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
background: #1e1e1e;
border-radius: 4px;
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);
@ -6044,7 +6070,7 @@
order: 3;
}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
font-size: 0.875rem;
@ -6073,8 +6099,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6084,13 +6110,13 @@
background: transparent;
}
.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .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);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6153,8 +6179,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6164,13 +6190,13 @@
background: transparent;
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6212,15 +6238,15 @@
transition: box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box {
border-color: rgba(255, 255, 255, 0.7);
border-color: hsla(0deg, 0%, 100%, 0.7);
border-radius: 2px;
position: relative;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.7);
border-color: hsla(0deg, 0%, 100%, 0.7);
}
.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
border-color: rgba(255, 255, 255, 0.7);
border-color: hsla(0deg, 0%, 100%, 0.7);
}
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
border-color: #CE93D8;
@ -6283,8 +6309,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6294,13 +6320,13 @@
background: transparent;
}
.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6378,8 +6404,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6389,13 +6415,13 @@
background: transparent;
}
.p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6490,20 +6516,20 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-input-filled .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-inputtext:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6524,8 +6550,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6678,8 +6704,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6689,13 +6715,13 @@
background: transparent;
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6878,10 +6904,10 @@
transition: box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
border-color: #CE93D8;
@ -7118,8 +7144,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -7129,13 +7155,13 @@
background: transparent;
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}

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

@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 4rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.5rem 1rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.5rem 1rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.5rem 0;
}
@ -289,14 +290,21 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: hsla(0deg, 0%, 100%, 0.24);
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -320,14 +328,21 @@
transition: none;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(159, 168, 218, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 1rem;
@ -344,7 +359,7 @@
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
@ -361,7 +376,7 @@
background: #1e1e1e;
font-weight: 500;
margin: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
@ -445,13 +460,13 @@
}
.p-datepicker .p-datepicker-buttonbar {
padding: 1rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
}
.p-datepicker .p-datepicker-buttonbar .p-button {
width: auto;
}
.p-datepicker .p-timepicker {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
padding: 0.5rem;
}
.p-datepicker .p-timepicker button {
@ -510,7 +525,7 @@
background: rgba(159, 168, 218, 0.16);
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-left: 1px solid rgba(255, 255, 255, 0.12);
border-left: 1px solid hsla(0deg, 0%, 100%, 0.12);
padding-right: 0.5rem;
padding-left: 0.5rem;
padding-top: 0;
@ -555,7 +570,7 @@
}
.p-cascadeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -609,34 +624,36 @@
transition: none;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 1rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(159, 168, 218, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 1rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
.p-input-filled .p-cascadeselect {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-checkbox {
@ -644,7 +661,7 @@
height: 18px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
background: #1e1e1e;
width: 18px;
height: 18px;
@ -680,37 +697,45 @@
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
background-color: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #9FA8DA;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
background: #9FA8DA;
}
.p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
.p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: hsla(0deg, 0%, 100%, 0.24);
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -748,7 +773,7 @@
.p-dropdown {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -799,7 +824,7 @@
}
.p-dropdown-panel .p-dropdown-header {
padding: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #2b2b2b;
margin: 0;
@ -835,11 +860,11 @@
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
@ -855,13 +880,13 @@
}
.p-input-filled .p-dropdown {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
@ -915,7 +940,7 @@
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 1rem 1rem;
@ -969,14 +994,14 @@
.p-inputgroup-addon {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-left: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.3);
padding: 1rem 1rem;
min-width: 2.357rem;
}
.p-inputgroup-addon:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid hsla(0deg, 0%, 100%, 0.3);
}
.p-inputgroup > .p-component,
@ -1045,7 +1070,7 @@
height: 1rem;
}
.p-inputswitch .p-inputswitch-slider {
background: rgba(255, 255, 255, 0.3);
background: hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 0.5rem;
}
@ -1067,7 +1092,7 @@
box-shadow: none;
}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: rgba(255, 255, 255, 0.3);
background: hsla(0deg, 0%, 100%, 0.3);
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
background: rgba(159, 168, 218, 0.5);
@ -1088,7 +1113,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
padding: 1rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
appearance: none;
border-radius: 4px;
@ -1163,13 +1188,13 @@
}
.p-input-filled .p-inputtext {
background-color: rgba(255, 255, 255, 0.06);
background-color: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-inputtext:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-inputtext-sm .p-inputtext {
@ -1185,12 +1210,12 @@
.p-listbox {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-radius: 4px;
}
.p-listbox .p-listbox-header {
padding: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
@ -1237,11 +1262,11 @@
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-listbox.p-focus {
outline: 0 none;
@ -1255,7 +1280,7 @@
.p-multiselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -1278,7 +1303,7 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
@ -1309,7 +1334,7 @@
}
.p-multiselect-panel .p-multiselect-header {
padding: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #2b2b2b;
margin: 0;
@ -1367,11 +1392,11 @@
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
@ -1390,13 +1415,13 @@
}
.p-input-filled .p-multiselect {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-password.p-invalid.p-component > .p-inputtext {
@ -1430,7 +1455,7 @@
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
background: #1e1e1e;
width: 20px;
height: 20px;
@ -1470,10 +1495,10 @@
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
background-color: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #121212;
@ -1491,17 +1516,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #f44435;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #9FA8DA;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #9FA8DA;
}
@ -1551,7 +1577,7 @@
}
.p-slider {
background: rgba(255, 255, 255, 0.3);
background: hsla(0deg, 0%, 100%, 0.3);
border: 0 none;
border-radius: 4px;
}
@ -1592,7 +1618,7 @@
.p-treeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -1615,7 +1641,7 @@
.p-treeselect.p-treeselect-chip .p-treeselect-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
@ -1651,13 +1677,13 @@
}
.p-input-filled .p-treeselect {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-togglebutton.p-button {
@ -2883,7 +2909,7 @@
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
outline: 0 none;
@ -2891,13 +2917,13 @@
box-shadow: none;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #2b2b2b;
margin: 0;
@ -2906,7 +2932,7 @@
}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
margin-bottom: 0.5rem;
@ -3113,7 +3139,7 @@
border-color: rgba(159, 168, 218, 0.16);
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
@ -3245,7 +3271,7 @@
transition: transform 0.2s, none;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
@ -3261,11 +3287,11 @@
background: rgba(255, 255, 255, 0.02);
}
.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
@ -3418,7 +3444,7 @@
transition: transform 0.2s, none;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-picklist .p-picklist-list .p-picklist-item:focus {
@ -3434,7 +3460,7 @@
background: rgba(255, 255, 255, 0.02);
}
.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-timeline .p-timeline-event-marker {
@ -3525,7 +3551,7 @@
color: #9FA8DA;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-filter-container {
@ -3891,7 +3917,7 @@
padding: 0 1.25rem;
}
.p-divider.p-divider-horizontal:before {
border-top: 1px rgba(255, 255, 255, 0.12);
border-top: 1px hsla(0deg, 0%, 100%, 0.12);
}
.p-divider.p-divider-horizontal .p-divider-content {
padding: 0 0.5rem;
@ -3901,7 +3927,7 @@
padding: 1.25rem 0;
}
.p-divider.p-divider-vertical:before {
border-left: 1px rgba(255, 255, 255, 0.12);
border-left: 1px hsla(0deg, 0%, 100%, 0.12);
}
.p-divider.p-divider-vertical .p-divider-content {
padding: 0.5rem 0;
@ -3970,13 +3996,13 @@
}
.p-splitter .p-splitter-gutter {
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-splitter .p-splitter-gutter-resizing {
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-tabview .p-tabview-nav {
@ -4397,7 +4423,7 @@
color: rgba(255, 255, 255, 0.6);
}
.p-contextmenu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-contextmenu .p-submenu-icon {
@ -4576,7 +4602,7 @@
width: 12.5rem;
}
.p-megamenu .p-megamenu-submenu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@ -4650,7 +4676,7 @@
border-top-left-radius: 0;
}
.p-menu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
@ -4754,7 +4780,7 @@
width: 12.5rem;
}
.p-menubar .p-submenu-list .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
@ -4801,7 +4827,7 @@
width: 100%;
}
.p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
@ -5047,7 +5073,7 @@
}
.p-steps .p-steps-item:before {
content: " ";
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
width: 100%;
top: 50%;
left: 0;
@ -5159,7 +5185,7 @@
color: rgba(255, 255, 255, 0.6);
}
.p-tieredmenu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-tieredmenu .p-submenu-icon {
@ -5519,7 +5545,7 @@
}
.p-avatar {
background-color: rgba(255, 255, 255, 0.12);
background-color: hsla(0deg, 0%, 100%, 0.12);
border-radius: 4px;
}
.p-avatar.p-avatar-lg {
@ -5586,7 +5612,7 @@
}
.p-chip {
background-color: rgba(255, 255, 255, 0.12);
background-color: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
padding: 0 1rem;
@ -5760,8 +5786,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -5771,13 +5797,13 @@
background: transparent;
}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -5987,7 +6013,7 @@
}
.p-calendar-w-btn {
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
background: #1e1e1e;
border-radius: 4px;
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);
@ -6044,7 +6070,7 @@
order: 3;
}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
font-size: 0.875rem;
@ -6073,8 +6099,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6084,13 +6110,13 @@
background: transparent;
}
.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .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);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6153,8 +6179,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6164,13 +6190,13 @@
background: transparent;
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6212,15 +6238,15 @@
transition: box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box {
border-color: rgba(255, 255, 255, 0.7);
border-color: hsla(0deg, 0%, 100%, 0.7);
border-radius: 2px;
position: relative;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.7);
border-color: hsla(0deg, 0%, 100%, 0.7);
}
.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
border-color: rgba(255, 255, 255, 0.7);
border-color: hsla(0deg, 0%, 100%, 0.7);
}
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
border-color: #9FA8DA;
@ -6283,8 +6309,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6294,13 +6320,13 @@
background: transparent;
}
.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6378,8 +6404,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6389,13 +6415,13 @@
background: transparent;
}
.p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6490,20 +6516,20 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-input-filled .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-inputtext:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6524,8 +6550,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6678,8 +6704,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6689,13 +6715,13 @@
background: transparent;
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6878,10 +6904,10 @@
transition: box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
border-color: #9FA8DA;
@ -7118,8 +7144,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -7129,13 +7155,13 @@
background: transparent;
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}

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

@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 4rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.5rem 1rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.5rem 1rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.5rem 0;
}
@ -289,7 +290,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
@ -297,6 +297,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: rgba(0, 0, 0, 0.24);
color: rgba(0, 0, 0, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
@ -320,14 +328,21 @@
transition: none;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(103, 58, 183, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 1rem;
@ -437,7 +452,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border-color: black;
border-color: rgb(0, 0, 0);
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #673AB7;
@ -609,22 +624,24 @@
transition: none;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 1rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(103, 58, 183, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 1rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -692,18 +709,18 @@
background: #673AB7;
}
.p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
.p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
@ -711,6 +728,14 @@
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: rgba(0, 0, 0, 0.24);
color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1491,17 +1516,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #B00020;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #673AB7;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #673AB7;
}

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

@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 4rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.5rem 1rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.5rem 1rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.5rem 0;
}
@ -289,7 +290,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
@ -297,6 +297,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: rgba(0, 0, 0, 0.24);
color: rgba(0, 0, 0, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
@ -320,14 +328,21 @@
transition: none;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(63, 81, 181, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 1rem;
@ -437,7 +452,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border-color: black;
border-color: rgb(0, 0, 0);
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #3F51B5;
@ -609,22 +624,24 @@
transition: none;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 1rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(63, 81, 181, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 1rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -692,18 +709,18 @@
background: #3F51B5;
}
.p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
.p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
@ -711,6 +728,14 @@
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: rgba(0, 0, 0, 0.24);
color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1491,17 +1516,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #B00020;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #3F51B5;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #3F51B5;
}

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

@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -289,14 +290,21 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: hsla(0deg, 0%, 100%, 0.24);
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -320,14 +328,21 @@
transition: none;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(206, 147, 216, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem;
@ -344,7 +359,7 @@
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
@ -361,7 +376,7 @@
background: #1e1e1e;
font-weight: 500;
margin: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
@ -445,13 +460,13 @@
}
.p-datepicker .p-datepicker-buttonbar {
padding: 0.75rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
}
.p-datepicker .p-datepicker-buttonbar .p-button {
width: auto;
}
.p-datepicker .p-timepicker {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
padding: 0.5rem;
}
.p-datepicker .p-timepicker button {
@ -510,7 +525,7 @@
background: rgba(206, 147, 216, 0.16);
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-left: 1px solid rgba(255, 255, 255, 0.12);
border-left: 1px solid hsla(0deg, 0%, 100%, 0.12);
padding-right: 0.5rem;
padding-left: 0.5rem;
padding-top: 0;
@ -555,7 +570,7 @@
}
.p-cascadeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -609,34 +624,36 @@
transition: none;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 0.75rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(206, 147, 216, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 0.75rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
.p-input-filled .p-cascadeselect {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-checkbox {
@ -644,7 +661,7 @@
height: 18px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
background: #1e1e1e;
width: 18px;
height: 18px;
@ -680,37 +697,45 @@
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
background-color: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #CE93D8;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
background: #CE93D8;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: hsla(0deg, 0%, 100%, 0.24);
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -748,7 +773,7 @@
.p-dropdown {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -799,7 +824,7 @@
}
.p-dropdown-panel .p-dropdown-header {
padding: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #2b2b2b;
margin: 0;
@ -835,11 +860,11 @@
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
@ -855,13 +880,13 @@
}
.p-input-filled .p-dropdown {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
@ -915,7 +940,7 @@
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.75rem 0.75rem;
@ -969,14 +994,14 @@
.p-inputgroup-addon {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-left: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.3);
padding: 0.75rem 0.75rem;
min-width: 2.357rem;
}
.p-inputgroup-addon:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid hsla(0deg, 0%, 100%, 0.3);
}
.p-inputgroup > .p-component,
@ -1045,7 +1070,7 @@
height: 1rem;
}
.p-inputswitch .p-inputswitch-slider {
background: rgba(255, 255, 255, 0.3);
background: hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 0.5rem;
}
@ -1067,7 +1092,7 @@
box-shadow: none;
}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: rgba(255, 255, 255, 0.3);
background: hsla(0deg, 0%, 100%, 0.3);
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
background: rgba(206, 147, 216, 0.5);
@ -1088,7 +1113,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
padding: 0.75rem 0.75rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
appearance: none;
border-radius: 4px;
@ -1163,13 +1188,13 @@
}
.p-input-filled .p-inputtext {
background-color: rgba(255, 255, 255, 0.06);
background-color: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-inputtext:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-inputtext-sm .p-inputtext {
@ -1185,12 +1210,12 @@
.p-listbox {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-radius: 4px;
}
.p-listbox .p-listbox-header {
padding: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
@ -1237,11 +1262,11 @@
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-listbox.p-focus {
outline: 0 none;
@ -1255,7 +1280,7 @@
.p-multiselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -1278,7 +1303,7 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
@ -1309,7 +1334,7 @@
}
.p-multiselect-panel .p-multiselect-header {
padding: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #2b2b2b;
margin: 0;
@ -1367,11 +1392,11 @@
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
@ -1390,13 +1415,13 @@
}
.p-input-filled .p-multiselect {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-password.p-invalid.p-component > .p-inputtext {
@ -1430,7 +1455,7 @@
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
background: #1e1e1e;
width: 20px;
height: 20px;
@ -1470,10 +1495,10 @@
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
background-color: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #121212;
@ -1491,17 +1516,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #f44435;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #CE93D8;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #CE93D8;
}
@ -1551,7 +1577,7 @@
}
.p-slider {
background: rgba(255, 255, 255, 0.3);
background: hsla(0deg, 0%, 100%, 0.3);
border: 0 none;
border-radius: 4px;
}
@ -1592,7 +1618,7 @@
.p-treeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -1615,7 +1641,7 @@
.p-treeselect.p-treeselect-chip .p-treeselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
@ -1651,13 +1677,13 @@
}
.p-input-filled .p-treeselect {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-togglebutton.p-button {
@ -2883,7 +2909,7 @@
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
outline: 0 none;
@ -2891,13 +2917,13 @@
box-shadow: none;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #2b2b2b;
margin: 0;
@ -2906,7 +2932,7 @@
}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
margin-bottom: 0.5rem;
@ -3113,7 +3139,7 @@
border-color: rgba(206, 147, 216, 0.16);
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
@ -3245,7 +3271,7 @@
transition: transform 0.2s, none;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
@ -3261,11 +3287,11 @@
background: rgba(255, 255, 255, 0.02);
}
.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
@ -3418,7 +3444,7 @@
transition: transform 0.2s, none;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-picklist .p-picklist-list .p-picklist-item:focus {
@ -3434,7 +3460,7 @@
background: rgba(255, 255, 255, 0.02);
}
.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-timeline .p-timeline-event-marker {
@ -3525,7 +3551,7 @@
color: #CE93D8;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-filter-container {
@ -3891,7 +3917,7 @@
padding: 0 1rem;
}
.p-divider.p-divider-horizontal:before {
border-top: 1px rgba(255, 255, 255, 0.12);
border-top: 1px hsla(0deg, 0%, 100%, 0.12);
}
.p-divider.p-divider-horizontal .p-divider-content {
padding: 0 0.5rem;
@ -3901,7 +3927,7 @@
padding: 1rem 0;
}
.p-divider.p-divider-vertical:before {
border-left: 1px rgba(255, 255, 255, 0.12);
border-left: 1px hsla(0deg, 0%, 100%, 0.12);
}
.p-divider.p-divider-vertical .p-divider-content {
padding: 0.5rem 0;
@ -3970,13 +3996,13 @@
}
.p-splitter .p-splitter-gutter {
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-splitter .p-splitter-gutter-resizing {
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-tabview .p-tabview-nav {
@ -4397,7 +4423,7 @@
color: rgba(255, 255, 255, 0.6);
}
.p-contextmenu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-contextmenu .p-submenu-icon {
@ -4576,7 +4602,7 @@
width: 12.5rem;
}
.p-megamenu .p-megamenu-submenu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@ -4650,7 +4676,7 @@
border-top-left-radius: 0;
}
.p-menu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
@ -4754,7 +4780,7 @@
width: 12.5rem;
}
.p-menubar .p-submenu-list .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
@ -4801,7 +4827,7 @@
width: 100%;
}
.p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
@ -5047,7 +5073,7 @@
}
.p-steps .p-steps-item:before {
content: " ";
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
width: 100%;
top: 50%;
left: 0;
@ -5159,7 +5185,7 @@
color: rgba(255, 255, 255, 0.6);
}
.p-tieredmenu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-tieredmenu .p-submenu-icon {
@ -5519,7 +5545,7 @@
}
.p-avatar {
background-color: rgba(255, 255, 255, 0.12);
background-color: hsla(0deg, 0%, 100%, 0.12);
border-radius: 4px;
}
.p-avatar.p-avatar-lg {
@ -5586,7 +5612,7 @@
}
.p-chip {
background-color: rgba(255, 255, 255, 0.12);
background-color: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
padding: 0 0.75rem;
@ -5760,8 +5786,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -5771,13 +5797,13 @@
background: transparent;
}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -5987,7 +6013,7 @@
}
.p-calendar-w-btn {
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
background: #1e1e1e;
border-radius: 4px;
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);
@ -6044,7 +6070,7 @@
order: 3;
}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
font-size: 0.875rem;
@ -6073,8 +6099,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6084,13 +6110,13 @@
background: transparent;
}
.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .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);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6153,8 +6179,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6164,13 +6190,13 @@
background: transparent;
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6212,15 +6238,15 @@
transition: box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box {
border-color: rgba(255, 255, 255, 0.7);
border-color: hsla(0deg, 0%, 100%, 0.7);
border-radius: 2px;
position: relative;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.7);
border-color: hsla(0deg, 0%, 100%, 0.7);
}
.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
border-color: rgba(255, 255, 255, 0.7);
border-color: hsla(0deg, 0%, 100%, 0.7);
}
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
border-color: #CE93D8;
@ -6283,8 +6309,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6294,13 +6320,13 @@
background: transparent;
}
.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6378,8 +6404,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6389,13 +6415,13 @@
background: transparent;
}
.p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6490,20 +6516,20 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-input-filled .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-inputtext:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6524,8 +6550,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6678,8 +6704,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6689,13 +6715,13 @@
background: transparent;
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6878,10 +6904,10 @@
transition: box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
border-color: #CE93D8;
@ -7118,8 +7144,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -7129,13 +7155,13 @@
background: transparent;
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}

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

@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -289,14 +290,21 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: hsla(0deg, 0%, 100%, 0.24);
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -320,14 +328,21 @@
transition: none;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(159, 168, 218, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem;
@ -344,7 +359,7 @@
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
@ -361,7 +376,7 @@
background: #1e1e1e;
font-weight: 500;
margin: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
@ -445,13 +460,13 @@
}
.p-datepicker .p-datepicker-buttonbar {
padding: 0.75rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
}
.p-datepicker .p-datepicker-buttonbar .p-button {
width: auto;
}
.p-datepicker .p-timepicker {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
padding: 0.5rem;
}
.p-datepicker .p-timepicker button {
@ -510,7 +525,7 @@
background: rgba(159, 168, 218, 0.16);
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-left: 1px solid rgba(255, 255, 255, 0.12);
border-left: 1px solid hsla(0deg, 0%, 100%, 0.12);
padding-right: 0.5rem;
padding-left: 0.5rem;
padding-top: 0;
@ -555,7 +570,7 @@
}
.p-cascadeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -609,34 +624,36 @@
transition: none;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 0.75rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(159, 168, 218, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 0.75rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
.p-input-filled .p-cascadeselect {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-checkbox {
@ -644,7 +661,7 @@
height: 18px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
background: #1e1e1e;
width: 18px;
height: 18px;
@ -680,37 +697,45 @@
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
background-color: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #9FA8DA;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
background: #9FA8DA;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: hsla(0deg, 0%, 100%, 0.24);
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -748,7 +773,7 @@
.p-dropdown {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -799,7 +824,7 @@
}
.p-dropdown-panel .p-dropdown-header {
padding: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #2b2b2b;
margin: 0;
@ -835,11 +860,11 @@
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
@ -855,13 +880,13 @@
}
.p-input-filled .p-dropdown {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
@ -915,7 +940,7 @@
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.75rem 0.75rem;
@ -969,14 +994,14 @@
.p-inputgroup-addon {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-left: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.3);
padding: 0.75rem 0.75rem;
min-width: 2.357rem;
}
.p-inputgroup-addon:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid hsla(0deg, 0%, 100%, 0.3);
}
.p-inputgroup > .p-component,
@ -1045,7 +1070,7 @@
height: 1rem;
}
.p-inputswitch .p-inputswitch-slider {
background: rgba(255, 255, 255, 0.3);
background: hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 0.5rem;
}
@ -1067,7 +1092,7 @@
box-shadow: none;
}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: rgba(255, 255, 255, 0.3);
background: hsla(0deg, 0%, 100%, 0.3);
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
background: rgba(159, 168, 218, 0.5);
@ -1088,7 +1113,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
padding: 0.75rem 0.75rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
appearance: none;
border-radius: 4px;
@ -1163,13 +1188,13 @@
}
.p-input-filled .p-inputtext {
background-color: rgba(255, 255, 255, 0.06);
background-color: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-inputtext:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-inputtext-sm .p-inputtext {
@ -1185,12 +1210,12 @@
.p-listbox {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
border-radius: 4px;
}
.p-listbox .p-listbox-header {
padding: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
@ -1237,11 +1262,11 @@
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-listbox.p-focus {
outline: 0 none;
@ -1255,7 +1280,7 @@
.p-multiselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -1278,7 +1303,7 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
@ -1309,7 +1334,7 @@
}
.p-multiselect-panel .p-multiselect-header {
padding: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #2b2b2b;
margin: 0;
@ -1367,11 +1392,11 @@
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
@ -1390,13 +1415,13 @@
}
.p-input-filled .p-multiselect {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-password.p-invalid.p-component > .p-inputtext {
@ -1430,7 +1455,7 @@
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
background: #1e1e1e;
width: 20px;
height: 20px;
@ -1470,10 +1495,10 @@
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
background-color: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #121212;
@ -1491,17 +1516,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #f44435;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #9FA8DA;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #9FA8DA;
}
@ -1551,7 +1577,7 @@
}
.p-slider {
background: rgba(255, 255, 255, 0.3);
background: hsla(0deg, 0%, 100%, 0.3);
border: 0 none;
border-radius: 4px;
}
@ -1592,7 +1618,7 @@
.p-treeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
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);
border-radius: 4px;
}
@ -1615,7 +1641,7 @@
.p-treeselect.p-treeselect-chip .p-treeselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
@ -1651,13 +1677,13 @@
}
.p-input-filled .p-treeselect {
background: rgba(255, 255, 255, 0.06);
background: hsla(0deg, 0%, 100%, 0.06);
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 0.08);
}
.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
}
.p-togglebutton.p-button {
@ -2883,7 +2909,7 @@
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
outline: 0 none;
@ -2891,13 +2917,13 @@
box-shadow: none;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
background: #2b2b2b;
margin: 0;
@ -2906,7 +2932,7 @@
}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
margin-bottom: 0.5rem;
@ -3113,7 +3139,7 @@
border-color: rgba(159, 168, 218, 0.16);
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
@ -3245,7 +3271,7 @@
transition: transform 0.2s, none;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
@ -3261,11 +3287,11 @@
background: rgba(255, 255, 255, 0.02);
}
.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
@ -3418,7 +3444,7 @@
transition: transform 0.2s, none;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-picklist .p-picklist-list .p-picklist-item:focus {
@ -3434,7 +3460,7 @@
background: rgba(255, 255, 255, 0.02);
}
.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-timeline .p-timeline-event-marker {
@ -3525,7 +3551,7 @@
color: #9FA8DA;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-filter-container {
@ -3891,7 +3917,7 @@
padding: 0 1rem;
}
.p-divider.p-divider-horizontal:before {
border-top: 1px rgba(255, 255, 255, 0.12);
border-top: 1px hsla(0deg, 0%, 100%, 0.12);
}
.p-divider.p-divider-horizontal .p-divider-content {
padding: 0 0.5rem;
@ -3901,7 +3927,7 @@
padding: 1rem 0;
}
.p-divider.p-divider-vertical:before {
border-left: 1px rgba(255, 255, 255, 0.12);
border-left: 1px hsla(0deg, 0%, 100%, 0.12);
}
.p-divider.p-divider-vertical .p-divider-content {
padding: 0.5rem 0;
@ -3970,13 +3996,13 @@
}
.p-splitter .p-splitter-gutter {
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
background: rgba(255, 255, 255, 0.04);
background: hsla(0deg, 0%, 100%, 0.04);
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-splitter .p-splitter-gutter-resizing {
background: rgba(255, 255, 255, 0.12);
background: hsla(0deg, 0%, 100%, 0.12);
}
.p-tabview .p-tabview-nav {
@ -4397,7 +4423,7 @@
color: rgba(255, 255, 255, 0.6);
}
.p-contextmenu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-contextmenu .p-submenu-icon {
@ -4576,7 +4602,7 @@
width: 12.5rem;
}
.p-megamenu .p-megamenu-submenu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@ -4650,7 +4676,7 @@
border-top-left-radius: 0;
}
.p-menu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
@ -4754,7 +4780,7 @@
width: 12.5rem;
}
.p-menubar .p-submenu-list .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
@ -4801,7 +4827,7 @@
width: 100%;
}
.p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
@ -5047,7 +5073,7 @@
}
.p-steps .p-steps-item:before {
content: " ";
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
width: 100%;
top: 50%;
left: 0;
@ -5159,7 +5185,7 @@
color: rgba(255, 255, 255, 0.6);
}
.p-tieredmenu .p-menu-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
margin: 0.5rem 0;
}
.p-tieredmenu .p-submenu-icon {
@ -5519,7 +5545,7 @@
}
.p-avatar {
background-color: rgba(255, 255, 255, 0.12);
background-color: hsla(0deg, 0%, 100%, 0.12);
border-radius: 4px;
}
.p-avatar.p-avatar-lg {
@ -5586,7 +5612,7 @@
}
.p-chip {
background-color: rgba(255, 255, 255, 0.12);
background-color: hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
padding: 0 0.75rem;
@ -5760,8 +5786,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -5771,13 +5797,13 @@
background: transparent;
}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -5987,7 +6013,7 @@
}
.p-calendar-w-btn {
border: 1px solid rgba(255, 255, 255, 0.3);
border: 1px solid hsla(0deg, 0%, 100%, 0.3);
background: #1e1e1e;
border-radius: 4px;
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);
@ -6044,7 +6070,7 @@
order: 3;
}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
font-size: 0.875rem;
@ -6073,8 +6099,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6084,13 +6110,13 @@
background: transparent;
}
.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .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);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6153,8 +6179,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6164,13 +6190,13 @@
background: transparent;
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6212,15 +6238,15 @@
transition: box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box {
border-color: rgba(255, 255, 255, 0.7);
border-color: hsla(0deg, 0%, 100%, 0.7);
border-radius: 2px;
position: relative;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.7);
border-color: hsla(0deg, 0%, 100%, 0.7);
}
.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
border-color: rgba(255, 255, 255, 0.7);
border-color: hsla(0deg, 0%, 100%, 0.7);
}
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
border-color: #9FA8DA;
@ -6283,8 +6309,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6294,13 +6320,13 @@
background: transparent;
}
.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6378,8 +6404,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6389,13 +6415,13 @@
background: transparent;
}
.p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6490,20 +6516,20 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
}
.p-input-filled .p-inputtext:enabled:hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-inputtext:enabled:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6524,8 +6550,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6678,8 +6704,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -6689,13 +6715,13 @@
background: transparent;
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
@ -6878,10 +6904,10 @@
transition: box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
border: 2px solid rgba(255, 255, 255, 0.7);
border: 2px solid hsla(0deg, 0%, 100%, 0.7);
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
border-color: #9FA8DA;
@ -7118,8 +7144,8 @@
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: hsla(0deg, 0%, 100%, 0.06) no-repeat;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
background-origin: border-box;
@ -7129,13 +7155,13 @@
background: transparent;
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
background-color: hsla(0deg, 0%, 100%, 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-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: hsla(0deg, 0%, 100%, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}

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

@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -289,7 +290,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
@ -297,6 +297,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: rgba(0, 0, 0, 0.24);
color: rgba(0, 0, 0, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
@ -320,14 +328,21 @@
transition: none;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(103, 58, 183, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem;
@ -437,7 +452,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border-color: black;
border-color: rgb(0, 0, 0);
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #673AB7;
@ -609,22 +624,24 @@
transition: none;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 0.75rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(103, 58, 183, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 0.75rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -692,18 +709,18 @@
background: #673AB7;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
@ -711,6 +728,14 @@
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: rgba(0, 0, 0, 0.24);
color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1491,17 +1516,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #B00020;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #673AB7;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #673AB7;
}

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

@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -289,7 +290,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
@ -297,6 +297,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: rgba(0, 0, 0, 0.24);
color: rgba(0, 0, 0, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
@ -320,14 +328,21 @@
transition: none;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(63, 81, 181, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem;
@ -437,7 +452,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border-color: black;
border-color: rgb(0, 0, 0);
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #3F51B5;
@ -609,22 +624,24 @@
transition: none;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 0.75rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(63, 81, 181, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 0.75rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -692,18 +709,18 @@
background: #3F51B5;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
@ -711,6 +728,14 @@
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: rgba(0, 0, 0, 0.24);
color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1491,17 +1516,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #B00020;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #3F51B5;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #3F51B5;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #212121;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
background: #c8c8c8;
color: #333333;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #bababa;
color: #333333;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #cccccc;
color: #333333;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -296,14 +304,21 @@
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #333333;
background: #eaeaea;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #ffffff;
background: #e02365;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #e02365;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
background: #d6d6d6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #333333;
background: #eaeaea;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.857rem;
@ -585,22 +600,24 @@
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #8dcdff;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #ffffff;
background: #e02365;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #e02365;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
background: #d6d6d6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #333333;
background: #eaeaea;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #005b9f;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #212121;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: #333333;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #cccccc;
color: #333333;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #bababa;
color: #333333;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -807,7 +832,7 @@
background: #e02365;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(0, 122, 217, 0.24);
background: #e02365;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
@ -1209,7 +1234,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(0, 122, 217, 0.24);
background: #e02365;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
@ -1339,7 +1364,7 @@
background: #e02365;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(0, 122, 217, 0.24);
background: #e02365;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #e4018d;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #007ad9;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #007ad9;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #212121;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
background: #c8c8c8;
color: #333333;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #bababa;
color: #333333;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #cccccc;
color: #333333;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -296,14 +304,21 @@
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #333333;
background: #eaeaea;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #ffffff;
background: #007ad9;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #007ad9;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
background: #d6d6d6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #333333;
background: #eaeaea;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.857rem;
@ -585,22 +600,24 @@
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #8dcdff;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #ffffff;
background: #007ad9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #007ad9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
background: #d6d6d6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #333333;
background: #eaeaea;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -672,18 +689,18 @@
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #212121;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
@ -691,6 +708,14 @@
color: #333333;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #cccccc;
color: #333333;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #bababa;
color: #333333;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
background: #007ad9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(0, 122, 217, 0.24);
background: #007ad9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
@ -1213,7 +1238,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(0, 122, 217, 0.24);
background: #007ad9;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
@ -1343,7 +1368,7 @@
background: #007ad9;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(0, 122, 217, 0.24);
background: #007ad9;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
@ -1475,17 +1500,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #e4018d;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #007ad9;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #007ad9;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #212121;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
border-color: #41b883;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
background: #c8c8c8;
color: #333333;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #bababa;
color: #333333;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #cccccc;
color: #333333;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -296,14 +304,21 @@
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #333333;
background: #eaeaea;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #ffffff;
background: #41b883;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #41b883;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
background: #d6d6d6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #333333;
background: #eaeaea;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.857rem;
@ -585,22 +600,24 @@
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #c2e9d8;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #ffffff;
background: #41b883;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #41b883;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
background: #d6d6d6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #333333;
background: #eaeaea;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -672,18 +689,18 @@
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #212121;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
border-color: #41b883;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
@ -691,6 +708,14 @@
color: #333333;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #cccccc;
color: #333333;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #bababa;
color: #333333;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
background: #41b883;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(65, 184, 131, 0.24);
background: #41b883;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
@ -1213,7 +1238,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(65, 184, 131, 0.24);
background: #41b883;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
@ -1343,7 +1368,7 @@
background: #41b883;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(65, 184, 131, 0.24);
background: #41b883;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
@ -1475,17 +1500,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #e4018d;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #41b883;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
border-color: #41b883;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #41b883;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #212121;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
background: #c8c8c8;
color: #333333;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #bababa;
color: #333333;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #cccccc;
color: #333333;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -296,14 +304,21 @@
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #333333;
background: #eaeaea;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #ffffff;
background: #007ad9;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #007ad9;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
background: #d6d6d6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #333333;
background: #eaeaea;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.857rem;
@ -585,22 +600,24 @@
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #8dcdff;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #ffffff;
background: #007ad9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #007ad9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
background: #d6d6d6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #333333;
background: #eaeaea;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -672,18 +689,18 @@
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #212121;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
@ -691,6 +708,14 @@
color: #333333;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #cccccc;
color: #333333;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #bababa;
color: #333333;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
background: #007ad9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(0, 122, 217, 0.24);
background: #007ad9;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
@ -1213,7 +1238,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(0, 122, 217, 0.24);
background: #007ad9;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
@ -1343,7 +1368,7 @@
background: #007ad9;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(0, 122, 217, 0.24);
background: #007ad9;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #333333;
@ -1475,17 +1500,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #e4018d;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #007ad9;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #007ad9;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #a6a6a6;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
border-color: #7B95A3;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
background: #dadada;
color: #666666;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #cbcbcb;
color: #666666;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #dfdfdf;
color: #666666;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e7a3a3;
}
@ -296,14 +304,21 @@
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #666666;
background: #f4f4f4;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #385048;
background: #AFD3C8;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #aed3c7;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #666666;
background: #e0e0e0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #666666;
background: #f4f4f4;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.857rem;
@ -585,22 +600,24 @@
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #e4e9ec;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #385048;
background: #AFD3C8;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #aed3c7;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #666666;
background: #e0e0e0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #666666;
background: #f4f4f4;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.429rem 0.857rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #617c8a;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #a6a6a6;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
border-color: #7B95A3;
}
.p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: #666666;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #dfdfdf;
color: #666666;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #cbcbcb;
color: #666666;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -807,7 +832,7 @@
background: #AFD3C8;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(123, 149, 163, 0.24);
background: #aed3c7;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #666666;
@ -1209,7 +1234,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(123, 149, 163, 0.24);
background: #aed3c7;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #666666;
@ -1339,7 +1364,7 @@
background: #AFD3C8;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(123, 149, 163, 0.24);
background: #aed3c7;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #666666;
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #f3b9b9;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #7B95A3;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
border-color: #7B95A3;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #7B95A3;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #2196F3;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #495057;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #e9ecef;
color: #495057;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #495057;
background: #E3F2FD;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(33, 150, 243, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #a6d5fa;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #495057;
background: #E3F2FD;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(33, 150, 243, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #0b7ad1;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #2196F3;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: #495057;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #e9ecef;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #e74c3c;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #2196F3;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #2196F3;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #4CAF50;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #495057;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #e9ecef;
color: #495057;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #495057;
background: #E8F5E9;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(76, 175, 80, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #b7e0b8;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #495057;
background: #E8F5E9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(76, 175, 80, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #3d8c40;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #4CAF50;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: #495057;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #e9ecef;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #e74c3c;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #4CAF50;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #4CAF50;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #FFC107;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #495057;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #e9ecef;
color: #495057;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #495057;
background: #FFF3E0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #ebe0ce;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #ffe69c;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #495057;
background: #FFF3E0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #ebe0ce;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #d29d00;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #FFC107;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: #495057;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #e9ecef;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -807,7 +832,7 @@
background: #FFF3E0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(255, 193, 7, 0.24);
background: #ebe0ce;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
@ -1209,7 +1234,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(255, 193, 7, 0.24);
background: #ebe0ce;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
@ -1339,7 +1364,7 @@
background: #FFF3E0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(255, 193, 7, 0.24);
background: #ebe0ce;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #e74c3c;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #FFC107;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #FFC107;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #9C27B0;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #495057;
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #e9ecef;
color: #495057;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #495057;
background: #F3E5F5;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(156, 39, 176, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #df9eea;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #495057;
background: #F3E5F5;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(156, 39, 176, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #495057;
background: #dee2e6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #7d1f8d;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #9C27B0;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: #495057;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #e9ecef;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #ced4da;
color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #e74c3c;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #9C27B0;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #9C27B0;
}

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

@ -276,18 +276,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #d4d4d8;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@ -300,7 +301,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #e5e7eb;
color: #3f3f46;
border-radius: 16px;
@ -308,6 +308,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #d4d4d8;
color: #3f3f46;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #f4f4f5;
color: #3f3f46;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f0a9a7;
}
@ -317,7 +325,7 @@
color: #3f3f46;
border: 0 none;
border-radius: 0.375rem;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.p-autocomplete-panel .p-autocomplete-items {
padding: 0.25rem 0;
@ -331,14 +339,21 @@
transition: none;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #18181B;
background: #f4f4f5;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #312E81;
background: #EEF2FF;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: #E0E7FF;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #18181B;
background: #e5e7eb;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #18181B;
background: #f4f4f5;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -361,7 +376,7 @@
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
@ -607,7 +622,7 @@
color: #3f3f46;
border: 0 none;
border-radius: 0.375rem;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.p-cascadeselect-panel .p-cascadeselect-items {
padding: 0.25rem 0;
@ -620,22 +635,24 @@
transition: none;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #6366F1;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #312E81;
background: #EEF2FF;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #E0E7FF;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #18181B;
background: #e5e7eb;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #18181B;
background: #f4f4f5;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -703,18 +720,18 @@
background: #4F46E5;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #d4d4d8;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
@ -722,6 +739,14 @@
color: #3f3f46;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #f4f4f5;
color: #3f3f46;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #d4d4d8;
color: #3f3f46;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -754,7 +779,7 @@
}
.p-colorpicker-overlay-panel {
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.p-dropdown {
@ -806,7 +831,7 @@
color: #3f3f46;
border: 0 none;
border-radius: 0.375rem;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.p-dropdown-panel .p-dropdown-header {
padding: 0.5rem 0.75rem;
@ -842,7 +867,7 @@
background: #EEF2FF;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(79, 70, 229, 0.24);
background: #E0E7FF;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #18181B;
@ -917,7 +942,7 @@
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
background: #ffffff;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
border-radius: 0.375rem;
padding: 0.25rem 0;
}
@ -1244,7 +1269,7 @@
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(79, 70, 229, 0.24);
background: #E0E7FF;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #18181B;
@ -1316,7 +1341,7 @@
color: #3f3f46;
border: 0 none;
border-radius: 0.375rem;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.p-multiselect-panel .p-multiselect-header {
padding: 0.5rem 0.75rem;
@ -1374,7 +1399,7 @@
background: #EEF2FF;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(79, 70, 229, 0.24);
background: #E0E7FF;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #18181B;
@ -1419,7 +1444,7 @@
background: #ffffff;
color: #3f3f46;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
border-radius: 0.375rem;
}
.p-password-panel .p-password-meter {
@ -1502,17 +1527,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #EF4444;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #6366F1;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #4F46E5;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #4F46E5;
}
@ -1650,7 +1676,7 @@
color: #3f3f46;
border: 0 none;
border-radius: 0.375rem;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
@ -2873,7 +2899,7 @@
color: #3f3f46;
border: 0 none;
border-radius: 0.375rem;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
min-width: 12.5rem;
}
.p-column-filter-overlay .p-column-filter-row-items {
@ -4254,7 +4280,7 @@
background: #3f3f46;
color: #ffffff;
padding: 0.75rem 0.75rem;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
border-radius: 0.375rem;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
@ -4353,7 +4379,7 @@
background: #ffffff;
color: #3f3f46;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
border-radius: 0.375rem;
width: 12.5rem;
}
@ -4395,7 +4421,7 @@
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
border-radius: 0.375rem;
}
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@ -4571,7 +4597,7 @@
background: #ffffff;
color: #3f3f46;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.p-megamenu .p-megamenu-submenu-header {
margin: 0;
@ -4649,7 +4675,7 @@
.p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.p-menu .p-submenu-header {
margin: 0;
@ -4761,7 +4787,7 @@
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
width: 12.5rem;
}
.p-menubar .p-submenu-list .p-menu-separator {
@ -4808,7 +4834,7 @@
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
width: 100%;
}
.p-menubar .p-menubar-root-list .p-menu-separator {
@ -5152,13 +5178,13 @@
.p-tieredmenu.p-tieredmenu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.p-tieredmenu .p-submenu-list {
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #f4f4f5;
@ -5662,7 +5688,7 @@
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
transition: none;
}
.p-scrolltop.p-link {
@ -5726,7 +5752,7 @@
/* Customizations to the designer theme should be defined here */
.p-inputtext, .p-togglebutton, .p-selectbutton, .p-inputgroup {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.p-inputgroup .p-inputtext, .p-inputgroup .p-togglebutton, .p-inputgroup .p-selectbutton {

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #64B5F6;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #304562;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #3e526d;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #283951;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(100, 181, 246, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #93cbf9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(100, 181, 246, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #2396f2;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #64B5F6;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #283951;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #3e526d;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #304562;
background: rgba(255, 255, 255, 0.09);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1213,7 +1238,7 @@
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #304562;
background: rgba(255, 255, 255, 0.09);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1343,7 +1368,7 @@
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #304562;
background: rgba(255, 255, 255, 0.09);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #64B5F6;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #64B5F6;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #81C784;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #304562;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #3e526d;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #283951;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(129, 199, 132, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #a7d8a9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(129, 199, 132, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #54b358;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #81C784;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #283951;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #3e526d;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #304562;
background: rgba(255, 255, 255, 0.09);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1213,7 +1238,7 @@
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #304562;
background: rgba(255, 255, 255, 0.09);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1343,7 +1368,7 @@
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #304562;
background: rgba(255, 255, 255, 0.09);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #81C784;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #81C784;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #FFD54F;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #304562;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #3e526d;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #283951;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(255, 213, 79, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #ffe284;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(255, 213, 79, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #ffc50c;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #FFD54F;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #283951;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #3e526d;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #304562;
background: rgba(255, 255, 255, 0.09);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1213,7 +1238,7 @@
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #304562;
background: rgba(255, 255, 255, 0.09);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1343,7 +1368,7 @@
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #304562;
background: rgba(255, 255, 255, 0.09);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #FFD54F;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #FFD54F;
}

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

@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #BA68C8;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@ -265,7 +266,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #304562;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
@ -273,6 +273,14 @@
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
background: #3e526d;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
background: #283951;
color: rgba(255, 255, 255, 0.87);
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -296,14 +304,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
background: rgba(186, 104, 200, 0.24);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@ -585,22 +600,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #cf95d9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(186, 104, 200, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.09);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@ -668,18 +685,18 @@
background: #a241b2;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #BA68C8;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
@ -687,6 +704,14 @@
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token:hover {
background: #283951;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #3e526d;
color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
@ -811,7 +836,7 @@
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #304562;
background: rgba(255, 255, 255, 0.09);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1213,7 +1238,7 @@
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #304562;
background: rgba(255, 255, 255, 0.09);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1343,7 +1368,7 @@
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: rgba(255, 255, 255, 0.87);
background: #304562;
background: rgba(255, 255, 255, 0.09);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
@ -1467,17 +1492,18 @@
.p-rating .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #BA68C8;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #BA68C8;
}