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

Chip theming

pull/744/head
Cagatay Civici 2020-12-06 18:31:52 +03:00
parent 14a8b91974
commit be523323af
35 changed files with 328 additions and 328 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(100, 181, 246, 0.16); background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(100, 181, 246, 0.16); background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(100, 181, 246, 0.16); background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(129, 199, 132, 0.16); background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(129, 199, 132, 0.16); background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(129, 199, 132, 0.16); background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(255, 213, 79, 0.16); background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(255, 213, 79, 0.16); background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(255, 213, 79, 0.16); background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(186, 104, 200, 0.16); background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(186, 104, 200, 0.16); background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(186, 104, 200, 0.16); background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #8dd0ff; background: #3f4b5b;
color: #151515; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -396,9 +396,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #8dd0ff; background: #3f4b5b;
color: #151515; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -923,9 +923,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #8dd0ff; background: #3f4b5b;
color: #151515; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4415,8 +4415,8 @@
} }
.p-chip .p-chip-text { .p-chip .p-chip-text {
line-height: 1.5; line-height: 1.5;
margin-top: 0.375rem; margin-top: 0.25rem;
margin-bottom: 0.375rem; margin-bottom: 0.25rem;
} }
.p-chip .p-chip-icon { .p-chip .p-chip-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -4427,7 +4427,7 @@
.p-chip img { .p-chip img {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
margin-left: -0.5rem; margin-left: -0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #c298d8; background: #3f4b5b;
color: #151515; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -396,9 +396,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #c298d8; background: #3f4b5b;
color: #151515; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -923,9 +923,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #c298d8; background: #3f4b5b;
color: #151515; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4415,8 +4415,8 @@
} }
.p-chip .p-chip-text { .p-chip .p-chip-text {
line-height: 1.5; line-height: 1.5;
margin-top: 0.375rem; margin-top: 0.25rem;
margin-bottom: 0.375rem; margin-bottom: 0.25rem;
} }
.p-chip .p-chip-icon { .p-chip .p-chip-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -4427,7 +4427,7 @@
.p-chip img { .p-chip img {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
margin-left: -0.5rem; margin-left: -0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #007bff; background: #dee2e6;
color: #ffffff; color: #212529;
border-radius: 4px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -396,9 +396,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #007bff; background: #dee2e6;
color: #ffffff; color: #212529;
border-radius: 4px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -923,9 +923,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #007bff; background: #dee2e6;
color: #ffffff; color: #212529;
border-radius: 4px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4415,8 +4415,8 @@
} }
.p-chip .p-chip-text { .p-chip .p-chip-text {
line-height: 1.5; line-height: 1.5;
margin-top: 0.375rem; margin-top: 0.25rem;
margin-bottom: 0.375rem; margin-bottom: 0.25rem;
} }
.p-chip .p-chip-icon { .p-chip .p-chip-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -4427,7 +4427,7 @@
.p-chip img { .p-chip img {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
margin-left: -0.5rem; margin-left: -0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #883cae; background: #dee2e6;
color: #ffffff; color: #212529;
border-radius: 4px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -396,9 +396,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #883cae; background: #dee2e6;
color: #ffffff; color: #212529;
border-radius: 4px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -923,9 +923,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #883cae; background: #dee2e6;
color: #ffffff; color: #212529;
border-radius: 4px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4415,8 +4415,8 @@
} }
.p-chip .p-chip-text { .p-chip .p-chip-text {
line-height: 1.5; line-height: 1.5;
margin-top: 0.375rem; margin-top: 0.25rem;
margin-bottom: 0.375rem; margin-bottom: 0.25rem;
} }
.p-chip .p-chip-icon { .p-chip .p-chip-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -4427,7 +4427,7 @@
.p-chip img { .p-chip img {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
margin-left: -0.5rem; margin-left: -0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -88,7 +88,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #edebe9; background: #edebe9;
color: #323130; color: #323130;
border-radius: 2px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -394,7 +394,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #edebe9; background: #edebe9;
color: #323130; color: #323130;
border-radius: 2px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -921,7 +921,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #edebe9; background: #edebe9;
color: #323130; color: #323130;
border-radius: 2px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFE082; background: #4b4b4b;
color: #212529; color: #dedede;
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -396,9 +396,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFE082; background: #4b4b4b;
color: #212529; color: #dedede;
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -923,9 +923,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFE082; background: #4b4b4b;
color: #212529; color: #dedede;
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4376,9 +4376,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 1.929rem;
height: 2rem; height: 1.929rem;
margin-left: -0.5rem; margin-left: -0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #81D4FA; background: #4b4b4b;
color: #212529; color: #dedede;
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -396,9 +396,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #81D4FA; background: #4b4b4b;
color: #212529; color: #dedede;
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -923,9 +923,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #81D4FA; background: #4b4b4b;
color: #212529; color: #dedede;
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4376,9 +4376,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 1.929rem;
height: 2rem; height: 1.929rem;
margin-left: -0.5rem; margin-left: -0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #C5E1A5; background: #4b4b4b;
color: #212529; color: #dedede;
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -396,9 +396,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #C5E1A5; background: #4b4b4b;
color: #212529; color: #dedede;
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -923,9 +923,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #C5E1A5; background: #4b4b4b;
color: #212529; color: #dedede;
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4376,9 +4376,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 1.929rem;
height: 2rem; height: 1.929rem;
margin-left: -0.5rem; margin-left: -0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #F48FB1; background: #4b4b4b;
color: #212529; color: #dedede;
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -396,9 +396,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #F48FB1; background: #4b4b4b;
color: #212529; color: #dedede;
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -923,9 +923,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #F48FB1; background: #4b4b4b;
color: #212529; color: #dedede;
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4376,9 +4376,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 1.929rem;
height: 2rem; height: 1.929rem;
margin-left: -0.5rem; margin-left: -0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -110,9 +110,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(206, 147, 216, 0.16); background: rgba(255, 255, 255, 0.12);
color: #CE93D8; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -416,9 +416,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(206, 147, 216, 0.16); background: rgba(255, 255, 255, 0.12);
color: #CE93D8; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -943,9 +943,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(206, 147, 216, 0.16); background: rgba(255, 255, 255, 0.12);
color: #CE93D8; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4437,9 +4437,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 2.5rem;
height: 2rem; height: 2.5rem;
margin-left: -0.5rem; margin-left: -1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -110,9 +110,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(159, 168, 218, 0.16); background: rgba(255, 255, 255, 0.12);
color: #9FA8DA; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -416,9 +416,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(159, 168, 218, 0.16); background: rgba(255, 255, 255, 0.12);
color: #9FA8DA; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -943,9 +943,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(159, 168, 218, 0.16); background: rgba(255, 255, 255, 0.12);
color: #9FA8DA; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4437,9 +4437,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 2.5rem;
height: 2rem; height: 2.5rem;
margin-left: -0.5rem; margin-left: -1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -110,9 +110,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(103, 58, 183, 0.12); background: rgba(0, 0, 0, 0.12);
color: #673AB7; color: #000001;
border-radius: 4px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -416,9 +416,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(103, 58, 183, 0.12); background: rgba(0, 0, 0, 0.12);
color: #673AB7; color: #000001;
border-radius: 4px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -943,9 +943,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(103, 58, 183, 0.12); background: rgba(0, 0, 0, 0.12);
color: #673AB7; color: #000001;
border-radius: 4px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4437,9 +4437,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 2.5rem;
height: 2rem; height: 2.5rem;
margin-left: -0.5rem; margin-left: -1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -110,9 +110,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(63, 81, 181, 0.12); background: rgba(0, 0, 0, 0.12);
color: #3F51B5; color: #000001;
border-radius: 4px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -416,9 +416,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(63, 81, 181, 0.12); background: rgba(0, 0, 0, 0.12);
color: #3F51B5; color: #000001;
border-radius: 4px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -943,9 +943,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(63, 81, 181, 0.12); background: rgba(0, 0, 0, 0.12);
color: #3F51B5; color: #000001;
border-radius: 4px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4437,9 +4437,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 2.5rem;
height: 2rem; height: 2.5rem;
margin-left: -0.5rem; margin-left: -1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -110,9 +110,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(103, 58, 183, 0.16); background: rgba(255, 255, 255, 0.12);
color: #673AB7; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -416,9 +416,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(103, 58, 183, 0.16); background: rgba(255, 255, 255, 0.12);
color: #673AB7; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -943,9 +943,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(103, 58, 183, 0.16); background: rgba(255, 255, 255, 0.12);
color: #673AB7; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4437,9 +4437,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 2.25rem;
height: 2rem; height: 2.25rem;
margin-left: -0.5rem; margin-left: -0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -110,9 +110,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(63, 81, 181, 0.16); background: rgba(255, 255, 255, 0.12);
color: #3F51B5; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -416,9 +416,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(63, 81, 181, 0.16); background: rgba(255, 255, 255, 0.12);
color: #3F51B5; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -943,9 +943,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(63, 81, 181, 0.16); background: rgba(255, 255, 255, 0.12);
color: #3F51B5; color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4437,9 +4437,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 2.25rem;
height: 2rem; height: 2.25rem;
margin-left: -0.5rem; margin-left: -0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -110,9 +110,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(103, 58, 183, 0.12); background: rgba(0, 0, 0, 0.12);
color: #673AB7; color: #000001;
border-radius: 4px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -416,9 +416,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(103, 58, 183, 0.12); background: rgba(0, 0, 0, 0.12);
color: #673AB7; color: #000001;
border-radius: 4px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -943,9 +943,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(103, 58, 183, 0.12); background: rgba(0, 0, 0, 0.12);
color: #673AB7; color: #000001;
border-radius: 4px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4437,9 +4437,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 2.25rem;
height: 2rem; height: 2.25rem;
margin-left: -0.5rem; margin-left: -0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -110,9 +110,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(63, 81, 181, 0.12); background: rgba(0, 0, 0, 0.12);
color: #3F51B5; color: #000001;
border-radius: 4px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -416,9 +416,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(63, 81, 181, 0.12); background: rgba(0, 0, 0, 0.12);
color: #3F51B5; color: #000001;
border-radius: 4px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -943,9 +943,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(63, 81, 181, 0.12); background: rgba(0, 0, 0, 0.12);
color: #3F51B5; color: #000001;
border-radius: 4px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4437,9 +4437,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 2.25rem;
height: 2rem; height: 2.25rem;
margin-left: -0.5rem; margin-left: -0.75rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #e02365; background: #c8c8c8;
color: #ffffff; color: #333333;
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #e02365; background: #c8c8c8;
color: #ffffff; color: #333333;
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #e02365; background: #c8c8c8;
color: #ffffff; color: #333333;
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4364,9 +4364,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 1.929rem;
height: 2rem; height: 1.929rem;
margin-left: -0.5rem; margin-left: -0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #007ad9; background: #c8c8c8;
color: #ffffff; color: #333333;
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -396,9 +396,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #007ad9; background: #c8c8c8;
color: #ffffff; color: #333333;
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -923,9 +923,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #007ad9; background: #c8c8c8;
color: #ffffff; color: #333333;
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4376,9 +4376,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 1.929rem;
height: 2rem; height: 1.929rem;
margin-left: -0.5rem; margin-left: -0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #41b883; background: #c8c8c8;
color: #ffffff; color: #333333;
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -396,9 +396,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #41b883; background: #c8c8c8;
color: #ffffff; color: #333333;
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -923,9 +923,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #41b883; background: #c8c8c8;
color: #ffffff; color: #333333;
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4376,9 +4376,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 1.929rem;
height: 2rem; height: 1.929rem;
margin-left: -0.5rem; margin-left: -0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #007ad9; background: #c8c8c8;
color: #ffffff; color: #333333;
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -396,9 +396,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #007ad9; background: #c8c8c8;
color: #ffffff; color: #333333;
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -923,9 +923,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #007ad9; background: #c8c8c8;
color: #ffffff; color: #333333;
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4376,9 +4376,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 1.929rem;
height: 2rem; height: 1.929rem;
margin-left: -0.5rem; margin-left: -0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #AFD3C8; background: #dadada;
color: #385048; color: #666666;
border-radius: 2px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #AFD3C8; background: #dadada;
color: #385048; color: #666666;
border-radius: 2px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #AFD3C8; background: #dadada;
color: #385048; color: #666666;
border-radius: 2px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -4364,9 +4364,9 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-chip img { .p-chip img {
width: 2rem; width: 1.929rem;
height: 2rem; height: 1.929rem;
margin-left: -0.5rem; margin-left: -0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-chip .pi-chip-remove-icon { .p-chip .pi-chip-remove-icon {

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #E3F2FD; background: #dee2e6;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #E3F2FD; background: #dee2e6;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #E3F2FD; background: #dee2e6;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #E8F5E9; background: #dee2e6;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #E8F5E9; background: #dee2e6;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #E8F5E9; background: #dee2e6;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFF3E0; background: #dee2e6;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFF3E0; background: #dee2e6;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFF3E0; background: #dee2e6;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #F3E5F5; background: #dee2e6;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #F3E5F5; background: #dee2e6;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #F3E5F5; background: #dee2e6;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(100, 181, 246, 0.16); background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(100, 181, 246, 0.16); background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(100, 181, 246, 0.16); background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(129, 199, 132, 0.16); background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(129, 199, 132, 0.16); background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(129, 199, 132, 0.16); background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(255, 213, 79, 0.16); background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(255, 213, 79, 0.16); background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(255, 213, 79, 0.16); background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -86,9 +86,9 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(186, 104, 200, 0.16); background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -392,9 +392,9 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(186, 104, 200, 0.16); background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -919,9 +919,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token { .p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(186, 104, 200, 0.16); background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 16px;
} }
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

2
src/views/chip/ChipDemo.vue
View File

@ -3,7 +3,7 @@
<div class="content-section introduction"> <div class="content-section introduction">
<div class="feature-intro"> <div class="feature-intro">
<h1>Chip</h1> <h1>Chip</h1>
<p>Chip represents objects using icons, labels and images.</p> <p>Chip represents entities using icons, labels and images.</p>
</div> </div>
</div> </div>