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

Update material theming and add invalid field demo

pull/864/head
Cagatay Civici 2021-01-13 12:16:49 +03:00
parent 754131d09e
commit bf9ecec03b
38 changed files with 3333 additions and 1598 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/demo/menu/menu.json
View File

@ -156,6 +156,10 @@
"name": "Editor",
"to": "/editor"
},
{
"name": "FloatLabel",
"to": "/floatlabel"
},
{
"name": "InputGroup",
"to": "/inputgroup"
@ -177,8 +181,9 @@
"to": "/inputtext"
},
{
"name": "FloatLabel",
"to": "/floatlabel"
"name": "InvalidState",
"to": "/invalid",
"badge": "New"
},
{
"name": "Knob",

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #64B5F6;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -125,7 +125,7 @@
background: rgba(100, 181, 246, 0.16);
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -557,7 +557,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -661,16 +661,18 @@
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 1rem;
border-radius: 3px;
}
.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.03);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -4577,7 +4583,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #81C784;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -125,7 +125,7 @@
background: rgba(129, 199, 132, 0.16);
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -557,7 +557,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -661,16 +661,18 @@
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 1rem;
border-radius: 3px;
}
.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.03);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -4577,7 +4583,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #FFD54F;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -125,7 +125,7 @@
background: rgba(255, 213, 79, 0.16);
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -557,7 +557,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -661,16 +661,18 @@
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 1rem;
border-radius: 3px;
}
.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.03);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -4577,7 +4583,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #BA68C8;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -125,7 +125,7 @@
background: rgba(186, 104, 200, 0.16);
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -557,7 +557,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -661,16 +661,18 @@
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 1rem;
border-radius: 3px;
}
.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.03);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -4577,7 +4583,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #3f4b5b;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
@ -125,7 +125,7 @@
background: #8dd0ff;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
@ -499,7 +499,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
@ -561,7 +561,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #f19ea6;
}
@ -665,16 +665,18 @@
border: 1px solid #3f4b5b;
box-shadow: none;
border-radius: 4px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 1.5rem;
border-radius: 4px;
}
.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);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1.5rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
@ -791,7 +793,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
@ -857,7 +859,7 @@
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #f19ea6;
}
.p-inputtext.p-inputtext-sm {
@ -884,6 +886,10 @@
padding-left: 2.5rem;
}
.p-input-icon-left.p-float-label > label {
left: 2.5rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1023,7 +1029,7 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #f19ea6;
}
@ -4589,7 +4595,7 @@
border-radius: 4px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #3f4b5b;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
@ -125,7 +125,7 @@
background: #c298d8;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
@ -499,7 +499,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
@ -561,7 +561,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #f19ea6;
}
@ -665,16 +665,18 @@
border: 1px solid #3f4b5b;
box-shadow: none;
border-radius: 4px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 1.5rem;
border-radius: 4px;
}
.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);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1.5rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
@ -791,7 +793,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
@ -857,7 +859,7 @@
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #f19ea6;
}
.p-inputtext.p-inputtext-sm {
@ -884,6 +886,10 @@
padding-left: 2.5rem;
}
.p-input-icon-left.p-float-label > label {
left: 2.5rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1023,7 +1029,7 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #f19ea6;
}
@ -4589,7 +4595,7 @@
border-radius: 4px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #ced4da;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).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-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #212529;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
@ -125,7 +125,7 @@
background: #007bff;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
@ -499,7 +499,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
@ -561,7 +561,7 @@
color: #495057;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #dc3545;
}
@ -665,16 +665,18 @@
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
border-radius: 4px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #212529;
padding: 0.5rem 1.5rem;
border-radius: 4px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #212529;
background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1.5rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
@ -791,7 +793,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
@ -857,7 +859,7 @@
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #dc3545;
}
.p-inputtext.p-inputtext-sm {
@ -884,6 +886,10 @@
padding-left: 2.5rem;
}
.p-input-icon-left.p-float-label > label {
left: 2.5rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #495057;
@ -1023,7 +1029,7 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #dc3545;
}
@ -4589,7 +4595,7 @@
border-radius: 4px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #ced4da;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).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-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #212529;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
@ -125,7 +125,7 @@
background: #883cae;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
@ -499,7 +499,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
@ -561,7 +561,7 @@
color: #495057;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #dc3545;
}
@ -665,16 +665,18 @@
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
border-radius: 4px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #212529;
padding: 0.5rem 1.5rem;
border-radius: 4px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #212529;
background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1.5rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
@ -791,7 +793,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
@ -857,7 +859,7 @@
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #dc3545;
}
.p-inputtext.p-inputtext-sm {
@ -884,6 +886,10 @@
padding-left: 2.5rem;
}
.p-input-icon-left.p-float-label > label {
left: 2.5rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #495057;
@ -1023,7 +1029,7 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #dc3545;
}
@ -4589,7 +4595,7 @@
border-radius: 4px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #323130;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #605e5c;
border-color: #0078d4;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #323130;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #edebe9;
color: #323130;
border-radius: 16px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a4252c;
}
@ -125,7 +125,7 @@
background: #edebe9;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #a4252c;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #a4252c;
}
@ -557,7 +557,7 @@
color: #605e5c;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #a4252c;
}
@ -661,16 +661,18 @@
border: 0 none;
box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
border-radius: 2px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #323130;
padding: 0.75rem 0.5rem;
border-radius: 2px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #323130;
background: #f3f2f1;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.75rem 0.5rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #a4252c;
}
@ -853,7 +855,7 @@
box-shadow: inset 0 0 0 1px #605e5c;
border-color: #0078d4;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #a4252c;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #605e5c;
@ -1019,7 +1025,7 @@
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #a4252c;
}
@ -4528,7 +4534,7 @@
border-radius: 2px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #FFE082;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #dedede;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -125,7 +125,7 @@
background: #FFE082;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -499,7 +499,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -561,7 +561,7 @@
color: #888888;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #e57373;
}
@ -665,16 +665,18 @@
border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #dedede;
padding: 0.429rem 0.857rem;
border-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #dedede;
background: #4c4c4c;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.429rem 0.857rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -791,7 +793,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -857,7 +859,7 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #e57373;
}
.p-inputtext.p-inputtext-sm {
@ -884,6 +886,10 @@
padding-left: 1.858rem;
}
.p-input-icon-left.p-float-label > label {
left: 1.858rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #888888;
@ -1023,7 +1029,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #e57373;
}
@ -4540,7 +4546,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #81D4FA;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #dedede;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -125,7 +125,7 @@
background: #81D4FA;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -499,7 +499,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -561,7 +561,7 @@
color: #888888;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #e57373;
}
@ -665,16 +665,18 @@
border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #dedede;
padding: 0.429rem 0.857rem;
border-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #dedede;
background: #4c4c4c;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.429rem 0.857rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -791,7 +793,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -857,7 +859,7 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #e57373;
}
.p-inputtext.p-inputtext-sm {
@ -884,6 +886,10 @@
padding-left: 1.858rem;
}
.p-input-icon-left.p-float-label > label {
left: 1.858rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #888888;
@ -1023,7 +1029,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #e57373;
}
@ -4540,7 +4546,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #C5E1A5;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #dedede;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -125,7 +125,7 @@
background: #C5E1A5;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -499,7 +499,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -561,7 +561,7 @@
color: #888888;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #e57373;
}
@ -665,16 +665,18 @@
border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #dedede;
padding: 0.429rem 0.857rem;
border-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #dedede;
background: #4c4c4c;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.429rem 0.857rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -791,7 +793,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -857,7 +859,7 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #e57373;
}
.p-inputtext.p-inputtext-sm {
@ -884,6 +886,10 @@
padding-left: 1.858rem;
}
.p-input-icon-left.p-float-label > label {
left: 1.858rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #888888;
@ -1023,7 +1029,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #e57373;
}
@ -4540,7 +4546,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #F48FB1;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #dedede;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -125,7 +125,7 @@
background: #F48FB1;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -499,7 +499,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -561,7 +561,7 @@
color: #888888;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #e57373;
}
@ -665,16 +665,18 @@
border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #dedede;
padding: 0.429rem 0.857rem;
border-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #dedede;
background: #4c4c4c;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.429rem 0.857rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -791,7 +793,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e57373;
}
@ -857,7 +859,7 @@
box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #e57373;
}
.p-inputtext.p-inputtext-sm {
@ -884,6 +886,10 @@
padding-left: 1.858rem;
}
.p-input-icon-left.p-float-label > label {
left: 1.858rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #888888;
@ -1023,7 +1029,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #e57373;
}
@ -4540,7 +4546,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -85,39 +85,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 4rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.5rem 1rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.5rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -149,7 +149,7 @@
background: rgba(206, 147, 216, 0.16);
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -519,7 +519,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -581,7 +581,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #f44435;
}
@ -685,16 +685,18 @@
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
border-radius: 4px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 1rem 1rem;
border-radius: 4px;
}
.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);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 1rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
@ -811,7 +813,7 @@
width: 3rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -877,7 +879,7 @@
box-shadow: none;
border-color: #CE93D8;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #f44435;
}
.p-inputtext.p-inputtext-sm {
@ -904,6 +906,10 @@
padding-left: 3rem;
}
.p-input-icon-left.p-float-label > label {
left: 3rem;
}
.p-input-icon-right > i:last-of-type {
right: 1rem;
color: rgba(255, 255, 255, 0.6);
@ -1043,7 +1049,7 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #f44435;
}
@ -4601,7 +4607,7 @@
border-radius: 4px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {
@ -4731,6 +4737,36 @@
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0;
}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-button {
font-weight: 500;
@ -4875,10 +4911,11 @@
border: 1px solid rgba(255, 255, 255, 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);
}
.p-calendar-w-btn .p-inputtext {
background-image: none;
background: transparent;
background-color: transparent;
border: 0 none;
}
.p-calendar-w-btn .p-inputtext:enabled:focus {
@ -4905,6 +4942,45 @@
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
margin: 0 auto 0 0;
order: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev {
order: 2;
}
.p-datepicker .p-datepicker-header .p-datepicker-next {
order: 3;
}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
font-size: 0.875rem;
}
.p-datepicker table td.p-datepicker-today > span {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
}
.p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16);
}
.p-calendar.p-invalid .p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-calendar.p-invalid.p-calendar-w-btn {
border-color: #f44435;
}
.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
box-shadow: none;
}
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@ -4934,31 +5010,37 @@
background-image: none;
background: transparent;
}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
.p-input-filled .p-calendar-w-btn .p-inputtext {
border: 0 none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
margin: 0 auto 0 0;
order: 1;
.p-input-filled .p-calendar.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker .p-datepicker-header .p-datepicker-prev {
order: 2;
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker .p-datepicker-header .p-datepicker-next {
order: 3;
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
font-size: 0.875rem;
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker table td.p-datepicker-today > span {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16);
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
border: 0 none;
background-image: none;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
@ -5131,6 +5213,21 @@
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
padding: 0;
}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-datatable .p-sortable-column {
outline: 0 none;
@ -5192,6 +5289,21 @@
.p-input-filled .p-dropdown .p-inputtext {
border: 0 none;
}
.p-input-filled .p-dropdown.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown.p-invalid:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-galleria .p-galleria-indicators {
padding: 1rem;
@ -5208,6 +5320,9 @@
.p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-inputtext:enabled:focus.p-invalid {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-input-filled .p-inputtext {
border-bottom-left-radius: 0;
@ -5230,6 +5345,18 @@
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-input-filled .p-inputtext.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-inputgroup .p-inputgroup-addon {
border-bottom-left-radius: 0;
@ -5261,6 +5388,23 @@
border-bottom-right-radius: 0;
}
.p-inputnumber.p-invalid .p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputswitch .p-inputswitch-slider:before {
transition-property: box-shadow transform;
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
@ -5395,6 +5539,21 @@
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
font-size: 75%;
}
.p-input-filled .p-multiselect.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect.p-invalid:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-overlaypanel .p-overlaypanel-content {
padding: 1.5rem;
@ -5515,25 +5674,38 @@
}
.p-steps .p-steps-item {
justify-content: flex-start;
flex-direction: row-reverse;
align-items: center;
}
.p-steps .p-steps-item:before {
position: static;
left: auto;
top: auto;
margin-top: 0;
}
.p-steps .p-steps-item:last-child {
flex-grow: 0;
}
.p-steps .p-steps-item:last-child:before {
display: none;
}
.p-steps .p-steps-item .p-menuitem-link {
flex-direction: row;
background-color: transparent;
z-index: 1;
flex: 1 1 auto;
overflow: visible;
padding: 0 0.5rem;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
background-color: #9e9d9e;
color: #ffffff;
margin-right: 0.5rem;
font-size: 0.857rem;
min-width: 1.714rem;
height: 1.714rem;
line-height: 1.714rem;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0;
background-color: transparent;
color: #9e9d9e;
padding: 0 0.25rem 0 0;
padding-left: 0.5rem;
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background-color: #CE93D8;

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

@ -85,39 +85,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 4rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.5rem 1rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.5rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -149,7 +149,7 @@
background: rgba(159, 168, 218, 0.16);
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -519,7 +519,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -581,7 +581,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #f44435;
}
@ -685,16 +685,18 @@
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
border-radius: 4px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 1rem 1rem;
border-radius: 4px;
}
.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);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 1rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
@ -811,7 +813,7 @@
width: 3rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -877,7 +879,7 @@
box-shadow: none;
border-color: #9FA8DA;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #f44435;
}
.p-inputtext.p-inputtext-sm {
@ -904,6 +906,10 @@
padding-left: 3rem;
}
.p-input-icon-left.p-float-label > label {
left: 3rem;
}
.p-input-icon-right > i:last-of-type {
right: 1rem;
color: rgba(255, 255, 255, 0.6);
@ -1043,7 +1049,7 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #f44435;
}
@ -4601,7 +4607,7 @@
border-radius: 4px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {
@ -4731,6 +4737,36 @@
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0;
}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-button {
font-weight: 500;
@ -4875,10 +4911,11 @@
border: 1px solid rgba(255, 255, 255, 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);
}
.p-calendar-w-btn .p-inputtext {
background-image: none;
background: transparent;
background-color: transparent;
border: 0 none;
}
.p-calendar-w-btn .p-inputtext:enabled:focus {
@ -4905,6 +4942,45 @@
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
margin: 0 auto 0 0;
order: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev {
order: 2;
}
.p-datepicker .p-datepicker-header .p-datepicker-next {
order: 3;
}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
font-size: 0.875rem;
}
.p-datepicker table td.p-datepicker-today > span {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
}
.p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16);
}
.p-calendar.p-invalid .p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-calendar.p-invalid.p-calendar-w-btn {
border-color: #f44435;
}
.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
box-shadow: none;
}
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@ -4934,31 +5010,37 @@
background-image: none;
background: transparent;
}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
.p-input-filled .p-calendar-w-btn .p-inputtext {
border: 0 none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
margin: 0 auto 0 0;
order: 1;
.p-input-filled .p-calendar.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker .p-datepicker-header .p-datepicker-prev {
order: 2;
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker .p-datepicker-header .p-datepicker-next {
order: 3;
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
font-size: 0.875rem;
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker table td.p-datepicker-today > span {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16);
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
border: 0 none;
background-image: none;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
@ -5131,6 +5213,21 @@
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
padding: 0;
}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-datatable .p-sortable-column {
outline: 0 none;
@ -5192,6 +5289,21 @@
.p-input-filled .p-dropdown .p-inputtext {
border: 0 none;
}
.p-input-filled .p-dropdown.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown.p-invalid:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-galleria .p-galleria-indicators {
padding: 1rem;
@ -5208,6 +5320,9 @@
.p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-inputtext:enabled:focus.p-invalid {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-input-filled .p-inputtext {
border-bottom-left-radius: 0;
@ -5230,6 +5345,18 @@
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-input-filled .p-inputtext.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-inputgroup .p-inputgroup-addon {
border-bottom-left-radius: 0;
@ -5261,6 +5388,23 @@
border-bottom-right-radius: 0;
}
.p-inputnumber.p-invalid .p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputswitch .p-inputswitch-slider:before {
transition-property: box-shadow transform;
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
@ -5395,6 +5539,21 @@
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
font-size: 75%;
}
.p-input-filled .p-multiselect.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect.p-invalid:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-overlaypanel .p-overlaypanel-content {
padding: 1.5rem;
@ -5515,25 +5674,38 @@
}
.p-steps .p-steps-item {
justify-content: flex-start;
flex-direction: row-reverse;
align-items: center;
}
.p-steps .p-steps-item:before {
position: static;
left: auto;
top: auto;
margin-top: 0;
}
.p-steps .p-steps-item:last-child {
flex-grow: 0;
}
.p-steps .p-steps-item:last-child:before {
display: none;
}
.p-steps .p-steps-item .p-menuitem-link {
flex-direction: row;
background-color: transparent;
z-index: 1;
flex: 1 1 auto;
overflow: visible;
padding: 0 0.5rem;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
background-color: #9e9d9e;
color: #ffffff;
margin-right: 0.5rem;
font-size: 0.857rem;
min-width: 1.714rem;
height: 1.714rem;
line-height: 1.714rem;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0;
background-color: transparent;
color: #9e9d9e;
padding: 0 0.25rem 0 0;
padding-left: 0.5rem;
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background-color: #9FA8DA;

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

@ -85,39 +85,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -149,7 +149,7 @@
background: rgba(103, 58, 183, 0.16);
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -519,7 +519,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -581,7 +581,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #f44435;
}
@ -685,16 +685,18 @@
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
border-radius: 4px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 0.75rem 0.75rem;
border-radius: 4px;
}
.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);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.75rem 0.75rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
@ -811,7 +813,7 @@
width: 2.25rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -877,7 +879,7 @@
box-shadow: none;
border-color: #673AB7;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #f44435;
}
.p-inputtext.p-inputtext-sm {
@ -904,6 +906,10 @@
padding-left: 2.5rem;
}
.p-input-icon-left.p-float-label > label {
left: 2.5rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1043,7 +1049,7 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #f44435;
}
@ -4601,7 +4607,7 @@
border-radius: 4px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {
@ -4731,6 +4737,36 @@
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0;
}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-button {
font-weight: 500;
@ -4875,10 +4911,11 @@
border: 1px solid rgba(255, 255, 255, 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);
}
.p-calendar-w-btn .p-inputtext {
background-image: none;
background: transparent;
background-color: transparent;
border: 0 none;
}
.p-calendar-w-btn .p-inputtext:enabled:focus {
@ -4905,6 +4942,45 @@
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
margin: 0 auto 0 0;
order: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev {
order: 2;
}
.p-datepicker .p-datepicker-header .p-datepicker-next {
order: 3;
}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
font-size: 0.875rem;
}
.p-datepicker table td.p-datepicker-today > span {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
}
.p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.16);
}
.p-calendar.p-invalid .p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-calendar.p-invalid.p-calendar-w-btn {
border-color: #f44435;
}
.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
box-shadow: none;
}
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@ -4934,31 +5010,37 @@
background-image: none;
background: transparent;
}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
.p-input-filled .p-calendar-w-btn .p-inputtext {
border: 0 none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
margin: 0 auto 0 0;
order: 1;
.p-input-filled .p-calendar.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker .p-datepicker-header .p-datepicker-prev {
order: 2;
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker .p-datepicker-header .p-datepicker-next {
order: 3;
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
font-size: 0.875rem;
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker table td.p-datepicker-today > span {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.16);
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
border: 0 none;
background-image: none;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
@ -5131,6 +5213,21 @@
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
padding: 0;
}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-datatable .p-sortable-column {
outline: 0 none;
@ -5192,6 +5289,21 @@
.p-input-filled .p-dropdown .p-inputtext {
border: 0 none;
}
.p-input-filled .p-dropdown.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown.p-invalid:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-galleria .p-galleria-indicators {
padding: 1rem;
@ -5208,6 +5320,9 @@
.p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-inputtext:enabled:focus.p-invalid {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-input-filled .p-inputtext {
border-bottom-left-radius: 0;
@ -5230,6 +5345,18 @@
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-input-filled .p-inputtext.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-inputgroup .p-inputgroup-addon {
border-bottom-left-radius: 0;
@ -5261,6 +5388,23 @@
border-bottom-right-radius: 0;
}
.p-inputnumber.p-invalid .p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputswitch .p-inputswitch-slider:before {
transition-property: box-shadow transform;
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
@ -5395,6 +5539,21 @@
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
font-size: 75%;
}
.p-input-filled .p-multiselect.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect.p-invalid:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-overlaypanel .p-overlaypanel-content {
padding: 1.5rem;
@ -5515,25 +5674,38 @@
}
.p-steps .p-steps-item {
justify-content: flex-start;
flex-direction: row-reverse;
align-items: center;
}
.p-steps .p-steps-item:before {
position: static;
left: auto;
top: auto;
margin-top: 0;
}
.p-steps .p-steps-item:last-child {
flex-grow: 0;
}
.p-steps .p-steps-item:last-child:before {
display: none;
}
.p-steps .p-steps-item .p-menuitem-link {
flex-direction: row;
background-color: transparent;
z-index: 1;
flex: 1 1 auto;
overflow: visible;
padding: 0 0.5rem;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
background-color: #9e9d9e;
color: #ffffff;
margin-right: 0.5rem;
font-size: 0.857rem;
min-width: 1.714rem;
height: 1.714rem;
line-height: 1.714rem;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0;
background-color: transparent;
color: #9e9d9e;
padding: 0 0.25rem 0 0;
padding-left: 0.5rem;
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background-color: #673AB7;

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

@ -85,39 +85,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -149,7 +149,7 @@
background: rgba(63, 81, 181, 0.16);
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -519,7 +519,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -581,7 +581,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #f44435;
}
@ -685,16 +685,18 @@
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
border-radius: 4px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 0.75rem 0.75rem;
border-radius: 4px;
}
.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);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.75rem 0.75rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
@ -811,7 +813,7 @@
width: 2.25rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@ -877,7 +879,7 @@
box-shadow: none;
border-color: #3F51B5;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #f44435;
}
.p-inputtext.p-inputtext-sm {
@ -904,6 +906,10 @@
padding-left: 2.5rem;
}
.p-input-icon-left.p-float-label > label {
left: 2.5rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1043,7 +1049,7 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #f44435;
}
@ -4601,7 +4607,7 @@
border-radius: 4px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {
@ -4731,6 +4737,36 @@
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0;
}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-button {
font-weight: 500;
@ -4875,10 +4911,11 @@
border: 1px solid rgba(255, 255, 255, 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);
}
.p-calendar-w-btn .p-inputtext {
background-image: none;
background: transparent;
background-color: transparent;
border: 0 none;
}
.p-calendar-w-btn .p-inputtext:enabled:focus {
@ -4905,6 +4942,45 @@
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
margin: 0 auto 0 0;
order: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev {
order: 2;
}
.p-datepicker .p-datepicker-header .p-datepicker-next {
order: 3;
}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
font-size: 0.875rem;
}
.p-datepicker table td.p-datepicker-today > span {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
}
.p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.16);
}
.p-calendar.p-invalid .p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-calendar.p-invalid.p-calendar-w-btn {
border-color: #f44435;
}
.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
box-shadow: none;
}
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@ -4934,31 +5010,37 @@
background-image: none;
background: transparent;
}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
.p-input-filled .p-calendar-w-btn .p-inputtext {
border: 0 none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
margin: 0 auto 0 0;
order: 1;
.p-input-filled .p-calendar.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker .p-datepicker-header .p-datepicker-prev {
order: 2;
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker .p-datepicker-header .p-datepicker-next {
order: 3;
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
font-size: 0.875rem;
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker table td.p-datepicker-today > span {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.16);
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
border: 0 none;
background-image: none;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
@ -5131,6 +5213,21 @@
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
padding: 0;
}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-datatable .p-sortable-column {
outline: 0 none;
@ -5192,6 +5289,21 @@
.p-input-filled .p-dropdown .p-inputtext {
border: 0 none;
}
.p-input-filled .p-dropdown.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-dropdown.p-invalid:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-galleria .p-galleria-indicators {
padding: 1rem;
@ -5208,6 +5320,9 @@
.p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-inputtext:enabled:focus.p-invalid {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-input-filled .p-inputtext {
border-bottom-left-radius: 0;
@ -5230,6 +5345,18 @@
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
.p-input-filled .p-inputtext.p-invalid.p-component {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-input-filled .p-inputgroup .p-inputgroup-addon {
border-bottom-left-radius: 0;
@ -5261,6 +5388,23 @@
border-bottom-right-radius: 0;
}
.p-inputnumber.p-invalid .p-inputtext:enabled:focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
box-shadow: none;
border-color: transparent;
}
.p-inputswitch .p-inputswitch-slider:before {
transition-property: box-shadow transform;
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
@ -5395,6 +5539,21 @@
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
font-size: 75%;
}
.p-input-filled .p-multiselect.p-invalid {
border-color: transparent;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
.p-multiselect.p-invalid:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
.p-overlaypanel .p-overlaypanel-content {
padding: 1.5rem;
@ -5515,25 +5674,38 @@
}
.p-steps .p-steps-item {
justify-content: flex-start;
flex-direction: row-reverse;
align-items: center;
}
.p-steps .p-steps-item:before {
position: static;
left: auto;
top: auto;
margin-top: 0;
}
.p-steps .p-steps-item:last-child {
flex-grow: 0;
}
.p-steps .p-steps-item:last-child:before {
display: none;
}
.p-steps .p-steps-item .p-menuitem-link {
flex-direction: row;
background-color: transparent;
z-index: 1;
flex: 1 1 auto;
overflow: visible;
padding: 0 0.5rem;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
background-color: #9e9d9e;
color: #ffffff;
margin-right: 0.5rem;
font-size: 0.857rem;
min-width: 1.714rem;
height: 1.714rem;
line-height: 1.714rem;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0;
background-color: transparent;
color: #9e9d9e;
padding: 0 0.25rem 0 0;
padding-left: 0.5rem;
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background-color: #3F51B5;

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #212121;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #333333;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -125,7 +125,7 @@
background: #e02365;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -557,7 +557,7 @@
color: #848484;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #a80000;
}
@ -661,16 +661,18 @@
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #333333;
padding: 0.429rem 0.857rem;
border-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #333333;
background: #eaeaea;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.429rem 0.857rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #a80000;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 1.858rem;
}
.p-input-icon-left.p-float-label > label {
left: 1.858rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #848484;
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #a80000;
}
@ -4528,7 +4534,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #212121;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #333333;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -125,7 +125,7 @@
background: #007ad9;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -499,7 +499,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -561,7 +561,7 @@
color: #848484;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #a80000;
}
@ -665,16 +665,18 @@
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #333333;
padding: 0.429rem 0.857rem;
border-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #333333;
background: #eaeaea;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.429rem 0.857rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -791,7 +793,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -857,7 +859,7 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #a80000;
}
.p-inputtext.p-inputtext-sm {
@ -884,6 +886,10 @@
padding-left: 1.858rem;
}
.p-input-icon-left.p-float-label > label {
left: 1.858rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #848484;
@ -1023,7 +1029,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #a80000;
}
@ -4540,7 +4546,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #212121;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
border-color: #41b883;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #333333;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -125,7 +125,7 @@
background: #41b883;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -499,7 +499,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -561,7 +561,7 @@
color: #848484;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #a80000;
}
@ -665,16 +665,18 @@
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #333333;
padding: 0.429rem 0.857rem;
border-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #333333;
background: #eaeaea;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.429rem 0.857rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -791,7 +793,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -857,7 +859,7 @@
box-shadow: 0 0 0 0.2rem #c2e9d8;
border-color: #41b883;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #a80000;
}
.p-inputtext.p-inputtext-sm {
@ -884,6 +886,10 @@
padding-left: 1.858rem;
}
.p-input-icon-left.p-float-label > label {
left: 1.858rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #848484;
@ -1023,7 +1029,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #a80000;
}
@ -4540,7 +4546,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #212121;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #333333;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -125,7 +125,7 @@
background: #007ad9;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -499,7 +499,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -561,7 +561,7 @@
color: #848484;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #a80000;
}
@ -665,16 +665,18 @@
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #333333;
padding: 0.429rem 0.857rem;
border-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #333333;
background: #eaeaea;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.429rem 0.857rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -791,7 +793,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #a80000;
}
@ -857,7 +859,7 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #a80000;
}
.p-inputtext.p-inputtext-sm {
@ -884,6 +886,10 @@
padding-left: 1.858rem;
}
.p-input-icon-left.p-float-label > label {
left: 1.858rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #848484;
@ -1023,7 +1029,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #a80000;
}
@ -4540,7 +4546,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.786rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.2145rem 0.429rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #a6a6a6;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
border-color: #7B95A3;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.2145rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #666666;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e7a3a3;
}
@ -125,7 +125,7 @@
background: #AFD3C8;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #e7a3a3;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #e7a3a3;
}
@ -557,7 +557,7 @@
color: #a6a6a6;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #e7a3a3;
}
@ -661,16 +661,18 @@
border: 1px solid #eaeaea;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 2px;
padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #666666;
padding: 0.429rem 0.857rem;
border-radius: 2px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #666666;
background: #f4f4f4;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.429rem 0.857rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e7a3a3;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 0.2rem #e4e9ec;
border-color: #7B95A3;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #e7a3a3;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 1.858rem;
}
.p-input-icon-left.p-float-label > label {
left: 1.858rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #a6a6a6;
@ -1019,7 +1025,7 @@
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #e7a3a3;
}
@ -4528,7 +4534,7 @@
border-radius: 2px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #2196F3;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -125,7 +125,7 @@
background: #E3F2FD;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -557,7 +557,7 @@
color: #6c757d;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #f44336;
}
@ -661,16 +661,18 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #495057;
padding: 0.5rem 1rem;
border-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #495057;
background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #f44336;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #6c757d;
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #f44336;
}
@ -4577,7 +4583,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #4CAF50;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -125,7 +125,7 @@
background: #E8F5E9;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -557,7 +557,7 @@
color: #6c757d;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #f44336;
}
@ -661,16 +661,18 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #495057;
padding: 0.5rem 1rem;
border-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #495057;
background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #f44336;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #6c757d;
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #f44336;
}
@ -4577,7 +4583,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #FFC107;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -125,7 +125,7 @@
background: #FFF3E0;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -557,7 +557,7 @@
color: #6c757d;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #f44336;
}
@ -661,16 +661,18 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #495057;
padding: 0.5rem 1rem;
border-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #495057;
background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #f44336;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #6c757d;
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #f44336;
}
@ -4577,7 +4583,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #9C27B0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -125,7 +125,7 @@
background: #F3E5F5;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -557,7 +557,7 @@
color: #6c757d;
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #f44336;
}
@ -661,16 +661,18 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #495057;
padding: 0.5rem 1rem;
border-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #495057;
background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #f44336;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #6c757d;
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #f44336;
}
@ -4577,7 +4583,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #64B5F6;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -125,7 +125,7 @@
background: rgba(100, 181, 246, 0.16);
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -557,7 +557,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -661,16 +661,18 @@
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 1rem;
border-radius: 3px;
}
.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.03);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -4577,7 +4583,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #81C784;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -125,7 +125,7 @@
background: rgba(129, 199, 132, 0.16);
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -557,7 +557,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -661,16 +661,18 @@
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 1rem;
border-radius: 3px;
}
.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.03);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -4577,7 +4583,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #FFD54F;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -125,7 +125,7 @@
background: rgba(255, 213, 79, 0.16);
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -557,7 +557,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -661,16 +661,18 @@
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 1rem;
border-radius: 3px;
}
.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.03);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -4577,7 +4583,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

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

@ -61,39 +61,39 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.5rem;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #BA68C8;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
margin: 0;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
.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;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -125,7 +125,7 @@
background: rgba(186, 104, 200, 0.16);
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -495,7 +495,7 @@
padding: 0;
margin: 0;
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -557,7 +557,7 @@
color: rgba(255, 255, 255, 0.6);
right: 2.357rem;
}
.p-dropdown.p-error, .p-dropdown.p-invalid {
.p-dropdown.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -661,16 +661,18 @@
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 1rem;
border-radius: 3px;
}
.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.03);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
@ -787,7 +789,7 @@
width: 2.357rem;
}
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@ -853,7 +855,7 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-invalid.p-component {
border-color: #ef9a9a;
}
.p-inputtext.p-inputtext-sm {
@ -880,6 +882,10 @@
padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
left: 2rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1019,7 +1025,7 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@ -4577,7 +4583,7 @@
border-radius: 3px;
}
.p-skeleton:after {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}
.p-tag {

5
src/router/index.js
View File

@ -397,6 +397,11 @@ const routes = [
name: 'inputnumber',
component: () => import('../views/inputnumber/InputNumberDemo.vue')
},
{
path: '/invalid',
name: 'invalid',
component: () => import('../views/invalid/InvalidDemo.vue')
},
{
path: '/scrolltop',
name: 'scrolltop',

4
src/views/floatlabel/FloatLabelDemo.vue
View File

@ -31,7 +31,7 @@
</div>
<div class="p-field p-col-12 p-md-4">
<span class="p-float-label">
<chips id="chips" v-model="value4" />
<Chips id="chips" v-model="value4" />
<label for="chips">Chips</label>
</span>
</div>
@ -106,7 +106,7 @@
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-4"&gt;
&lt;span class="p-float-label"&gt;
&lt;chips id="chips" v-model="value4" /&gt;
&lt;Chips id="chips" v-model="value4" /&gt;
&lt;label for="chips"&gt;Chips&lt;/label&gt;
&lt;/span&gt;
&lt;/div&gt;

193
src/views/invalid/InvalidDemo.vue Normal file
View File

@ -0,0 +1,193 @@
<template>
<div>
<div class="content-section introduction">
<div class="feature-intro">
<h1>Invalid State</h1>
<p>All form components have an invalid state style to display the validation errors.</p>
</div>
<AppInputStyleSwitch />
</div>
<div class="content-section implementation">
<div class="card">
<div class="p-fluid p-grid">
<div class="p-field p-col-12 p-md-4">
<InputText id="inputtext" type="text" v-model="value1" placeholder="InputText" class="p-invalid" />
</div>
<div class="p-field p-col-12 p-md-4">
<AutoComplete v-model="value2" :suggestions="filteredCountries" multiple @complete="searchCountry($event)" field="name" placeholder="AutoComplete" class="p-invalid" />
</div>
<div class="p-field p-col-12 p-md-4">
<Calendar id="calendar" v-model="value3" placeholder="Calendar" class="p-invalid" :showIcon="true" />
</div>
<div class="p-field p-col-12 p-md-4">
<Chips id="chips" v-model="value4" placeholder="Chips" class="p-invalid" />
</div>
<div class="p-field p-col-12 p-md-4">
<InputMask id="inputmask" v-model="value5" mask="99/99/9999" slotChar="mm/dd/yyyy" placeholder="InputMask" class="p-invalid" />
</div>
<div class="p-field p-col-12 p-md-4">
<InputNumber id="inputnumber" v-model="value6" placeholder="InputNumber" class="p-invalid" />
</div>
<div class="p-field p-col-12 p-md-4">
<Dropdown id="dropdown" v-model="value7" :options="cities" optionLabel="name" placeholder="Dropdown" class="p-invalid" />
</div>
<div class="p-field p-col-12 p-md-4">
<MultiSelect id="multiselect" v-model="value8" :options="cities" optionLabel="name" placeholder="MultiSelect" class="p-invalid" />
</div>
<div class="p-field p-col-12 p-md-4">
<Textarea id="textarea" v-model="value9" rows="3" placeholder="Textarea" class="p-invalid" />
</div>
</div>
</div>
</div>
<div class="content-section documentation">
<TabView>
<TabPanel header="Source">
<pre v-code>
<code><template v-pre>
&lt;div class="p-fluid p-grid"&gt;
&lt;div class="p-field p-col-12 p-md-4"&gt;
&lt;InputText id="inputtext" type="text" v-model="value1" placeholder="InputText" class="p-invalid" /&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-4"&gt;
&lt;AutoComplete v-model="value2" :suggestions="filteredCountries" multiple @complete="searchCountry($event)" field="name" placeholder="AutoComplete" class="p-invalid" /&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-4"&gt;
&lt;Calendar id="calendar" v-model="value3" placeholder="Calendar" class="p-invalid" :showIcon="true" /&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-4"&gt;
&lt;Chips id="chips" v-model="value4" placeholder="Chips" class="p-invalid" /&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-4"&gt;
&lt;InputMask id="inputmask" v-model="value5" mask="99/99/9999" slotChar="mm/dd/yyyy" placeholder="InputMask" class="p-invalid" /&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-4"&gt;
&lt;InputNumber id="inputnumber" v-model="value6" placeholder="InputNumber" class="p-invalid" /&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-4"&gt;
&lt;Dropdown id="dropdown" v-model="value7" :options="cities" optionLabel="name" placeholder="Dropdown" class="p-invalid" /&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-4"&gt;
&lt;MultiSelect id="multiselect" v-model="value8" :options="cities" optionLabel="name" placeholder="MultiSelect" class="p-invalid" /&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-4"&gt;
&lt;Textarea id="textarea" v-model="value9" rows="3" placeholder="Textarea" class="p-invalid" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</template>
</code></pre>
<pre v-code.script>
<code>
import CountryService from '../../service/CountryService';
export default {
data() {
return {
countries: null,
filteredCountries: null,
cities: [
{name: 'New York', code: 'NY'},
{name: 'Rome', code: 'RM'},
{name: 'London', code: 'LDN'},
{name: 'Istanbul', code: 'IST'},
{name: 'Paris', code: 'PRS'}
],
value1: null,
value2: null,
value3: null,
value4: null,
value5: null,
value6: null,
value7: null,
value8: null,
value9: null
}
},
countryService: null,
created() {
this.countryService = new CountryService();
},
mounted() {
this.countryService.getCountries().then(data => this.countries = data);
},
methods: {
searchCountry(event) {
setTimeout(() => {
if (!event.query.trim().length) {
this.filteredCountries = [...this.countries];
}
else {
this.filteredCountries = this.countries.filter((country) => {
return country.name.toLowerCase().startsWith(event.query.toLowerCase());
});
}
}, 250);
}
},
}
</code></pre>
</TabPanel>
</TabView>
</div>
</div>
</template>
<script>
import CountryService from '../../service/CountryService';
export default {
data() {
return {
countries: null,
filteredCountries: null,
cities: [
{name: 'New York', code: 'NY'},
{name: 'Rome', code: 'RM'},
{name: 'London', code: 'LDN'},
{name: 'Istanbul', code: 'IST'},
{name: 'Paris', code: 'PRS'}
],
value1: null,
value2: null,
value3: null,
value4: null,
value5: null,
value6: null,
value7: null,
value8: null,
value9: null
}
},
countryService: null,
created() {
this.countryService = new CountryService();
},
mounted() {
this.countryService.getCountries().then(data => this.countries = data);
},
methods: {
searchCountry(event) {
setTimeout(() => {
if (!event.query.trim().length) {
this.filteredCountries = [...this.countries];
}
else {
this.filteredCountries = this.countries.filter((country) => {
return country.name.toLowerCase().startsWith(event.query.toLowerCase());
});
}
}, 250);
}
},
}
</script>
<style lang="scss" scoped>
textarea {
resize: none;
}
</style>