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

Theme update

pull/358/head
cagataycivici 2020-06-26 22:41:18 +03:00
parent 87a7e71909
commit dd592f5136
32 changed files with 1095 additions and 243 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -351,6 +351,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #64B5F6;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #2196F3;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #212529; border-color: #212529;
} }
@ -933,9 +946,10 @@
border-color: #64B5F6; border-color: #64B5F6;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; background-color: #212529;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #64B5F6; border-color: #64B5F6;
@ -950,6 +964,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #383838;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #64B5F6;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #2196F3;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #212529; border-color: #212529;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #81C784;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #4CAF50;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #212529; border-color: #212529;
} }
@ -933,9 +946,10 @@
border-color: #81C784; border-color: #81C784;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; background-color: #212529;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #81C784; border-color: #81C784;
@ -950,6 +964,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #383838;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #81C784;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #4CAF50;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #212529; border-color: #212529;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #FFD54F;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #FFC107;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #212529; border-color: #212529;
} }
@ -933,9 +946,10 @@
border-color: #FFD54F; border-color: #FFD54F;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; background-color: #212529;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #FFD54F; border-color: #FFD54F;
@ -950,6 +964,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #383838;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #FFD54F;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #FFC107;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #212529; border-color: #212529;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #BA68C8;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #9C27B0;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -933,9 +946,10 @@
border-color: #BA68C8; border-color: #BA68C8;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; background-color: #ffffff;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #BA68C8; border-color: #BA68C8;
@ -950,6 +964,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #383838;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #BA68C8;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #9C27B0;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #f19ea6; border-color: #f19ea6;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #3f4b5b;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #3f4b5b;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #8dd0ff;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #1dadff;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #151515; border-color: #151515;
} }
@ -933,9 +946,10 @@
border-color: #8dd0ff; border-color: #8dd0ff;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.15s; transition-duration: 0.15s;
color: #151515; background-color: #151515;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #8dd0ff; border-color: #8dd0ff;
@ -950,6 +964,19 @@
border-color: #f19ea6; border-color: #f19ea6;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #3f4b5b;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #3f4b5b;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #8dd0ff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #1dadff;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #151515; border-color: #151515;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #f19ea6; border-color: #f19ea6;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #3f4b5b;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #3f4b5b;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #c298d8;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #9954bb;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #151515; border-color: #151515;
} }
@ -933,9 +946,10 @@
border-color: #c298d8; border-color: #c298d8;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.15s; transition-duration: 0.15s;
color: #151515; background-color: #151515;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #c298d8; border-color: #c298d8;
@ -950,6 +964,19 @@
border-color: #f19ea6; border-color: #f19ea6;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #3f4b5b;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #3f4b5b;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #c298d8;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #9954bb;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #151515; border-color: #151515;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #dc3545; border-color: #dc3545;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(0, 0, 0, 0.03);
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: rgba(0, 0, 0, 0.03);
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #007bff;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #0062cc;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -933,9 +946,10 @@
border-color: #007bff; border-color: #007bff;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.15s; transition-duration: 0.15s;
color: #ffffff; background-color: #ffffff;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #007bff; border-color: #007bff;
@ -950,6 +964,19 @@
border-color: #dc3545; border-color: #dc3545;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(0, 0, 0, 0.03);
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: rgba(0, 0, 0, 0.03);
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #007bff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #0062cc;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #dc3545; border-color: #dc3545;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(0, 0, 0, 0.03);
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: rgba(0, 0, 0, 0.03);
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #883cae;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #68329e;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -933,9 +946,10 @@
border-color: #883cae; border-color: #883cae;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.15s; transition-duration: 0.15s;
color: #ffffff; background-color: #ffffff;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #883cae; border-color: #883cae;
@ -950,6 +964,19 @@
border-color: #dc3545; border-color: #dc3545;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(0, 0, 0, 0.03);
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: rgba(0, 0, 0, 0.03);
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #883cae;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #68329e;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #e57373; border-color: #e57373;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #4b4b4b;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #FFE082;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #FFCA28;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #212529; border-color: #212529;
} }
@ -933,9 +946,10 @@
border-color: #FFE082; border-color: #FFE082;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; background-color: #212529;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #FFE082; border-color: #FFE082;
@ -950,6 +964,19 @@
border-color: #e57373; border-color: #e57373;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #4b4b4b;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #FFE082;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #FFCA28;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #212529; border-color: #212529;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #e57373; border-color: #e57373;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #4b4b4b;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #81D4FA;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #29B6F6;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #212529; border-color: #212529;
} }
@ -933,9 +946,10 @@
border-color: #81D4FA; border-color: #81D4FA;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; background-color: #212529;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #81D4FA; border-color: #81D4FA;
@ -950,6 +964,19 @@
border-color: #e57373; border-color: #e57373;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #4b4b4b;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #81D4FA;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #29B6F6;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #212529; border-color: #212529;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #e57373; border-color: #e57373;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #4b4b4b;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #C5E1A5;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #9CCC65;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #212529; border-color: #212529;
} }
@ -933,9 +946,10 @@
border-color: #C5E1A5; border-color: #C5E1A5;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; background-color: #212529;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #C5E1A5; border-color: #C5E1A5;
@ -950,6 +964,19 @@
border-color: #e57373; border-color: #e57373;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #4b4b4b;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #C5E1A5;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #9CCC65;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #212529; border-color: #212529;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #e57373; border-color: #e57373;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #4b4b4b;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #F48FB1;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #EC407A;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #212529; border-color: #212529;
} }
@ -933,9 +946,10 @@
border-color: #F48FB1; border-color: #F48FB1;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; background-color: #212529;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #F48FB1; border-color: #F48FB1;
@ -950,6 +964,19 @@
border-color: #e57373; border-color: #e57373;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #4b4b4b;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #4b4b4b;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #F48FB1;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #EC407A;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #212529; border-color: #212529;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -375,6 +375,19 @@
border-color: #f44435; border-color: #f44435;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #CE93D8;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #CE93D8;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
@ -931,14 +944,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 21px; width: 20px;
height: 21px; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid rgba(255, 255, 255, 0.7); border: 2px solid rgba(255, 255, 255, 0.7);
background: #1e1e1e; background: #1e1e1e;
width: 21px; width: 20px;
height: 21px; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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); 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);
@ -953,9 +966,10 @@
border-color: #CE93D8; border-color: #CE93D8;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 10px;
height: 10px;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #CE93D8; background-color: #CE93D8;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #CE93D8; border-color: #CE93D8;
@ -970,6 +984,19 @@
border-color: #f44435; border-color: #f44435;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #121212;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #121212;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #CE93D8; color: #CE93D8;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1196,7 +1223,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 3rem; width: 3rem;
@ -4410,6 +4437,13 @@
box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12);
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #1e1e1e;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #1e1e1e;
}
@keyframes checkbox-check { @keyframes checkbox-check {
0% { 0% {
width: 0; width: 0;
@ -4439,25 +4473,9 @@
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
border: 2px solid rgba(255, 255, 255, 0.7); border: 2px solid rgba(255, 255, 255, 0.7);
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
transition: transform 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(0.1);
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
display: none;
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
border-color: #CE93D8; border-color: #CE93D8;
} }
.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
background-color: #CE93D8;
transform: translateZ(0) scale(1, 1);
}
.p-radiobutton:not(.p-radiobutton-disabled):hover { .p-radiobutton:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
} }
@ -4471,6 +4489,13 @@
box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12);
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #1e1e1e;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #1e1e1e;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; 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;
} }

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

@ -375,6 +375,19 @@
border-color: #f44435; border-color: #f44435;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #9FA8DA;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #9FA8DA;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
@ -931,14 +944,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 21px; width: 20px;
height: 21px; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid rgba(255, 255, 255, 0.7); border: 2px solid rgba(255, 255, 255, 0.7);
background: #1e1e1e; background: #1e1e1e;
width: 21px; width: 20px;
height: 21px; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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); 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);
@ -953,9 +966,10 @@
border-color: #9FA8DA; border-color: #9FA8DA;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 10px;
height: 10px;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #9FA8DA; background-color: #9FA8DA;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #9FA8DA; border-color: #9FA8DA;
@ -970,6 +984,19 @@
border-color: #f44435; border-color: #f44435;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #121212;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #121212;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #9FA8DA; color: #9FA8DA;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1196,7 +1223,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 3rem; width: 3rem;
@ -4410,6 +4437,13 @@
box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12);
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #1e1e1e;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #1e1e1e;
}
@keyframes checkbox-check { @keyframes checkbox-check {
0% { 0% {
width: 0; width: 0;
@ -4439,25 +4473,9 @@
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
border: 2px solid rgba(255, 255, 255, 0.7); border: 2px solid rgba(255, 255, 255, 0.7);
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
transition: transform 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(0.1);
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
display: none;
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
border-color: #9FA8DA; border-color: #9FA8DA;
} }
.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
background-color: #9FA8DA;
transform: translateZ(0) scale(1, 1);
}
.p-radiobutton:not(.p-radiobutton-disabled):hover { .p-radiobutton:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
} }
@ -4471,6 +4489,13 @@
box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12);
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #1e1e1e;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #1e1e1e;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; 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;
} }

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

@ -375,6 +375,19 @@
border-color: #B00020; border-color: #B00020;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f5f5f5;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #ececec;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #673AB7;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #673AB7;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
@ -953,9 +966,10 @@
border-color: #673AB7; border-color: #673AB7;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 10px;
height: 10px;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #673AB7; background-color: #673AB7;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #673AB7; border-color: #673AB7;
@ -970,6 +984,19 @@
border-color: #B00020; border-color: #B00020;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f5f5f5;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #ececec;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #673AB7; color: #673AB7;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1196,7 +1223,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 3rem; width: 3rem;
@ -4410,6 +4437,13 @@
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #ffffff;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #ffffff;
}
@keyframes checkbox-check { @keyframes checkbox-check {
0% { 0% {
width: 0; width: 0;
@ -4439,25 +4473,9 @@
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
border: 2px solid #757575; border: 2px solid #757575;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
transition: transform 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(0.1);
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
display: none;
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
border-color: #673AB7; border-color: #673AB7;
} }
.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
background-color: #673AB7;
transform: translateZ(0) scale(1, 1);
}
.p-radiobutton:not(.p-radiobutton-disabled):hover { .p-radiobutton:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
} }
@ -4471,6 +4489,13 @@
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; 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;
} }

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

@ -375,6 +375,19 @@
border-color: #B00020; border-color: #B00020;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f5f5f5;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #ececec;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #3F51B5;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #3F51B5;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
@ -953,9 +966,10 @@
border-color: #3F51B5; border-color: #3F51B5;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 10px;
height: 10px;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #3F51B5; background-color: #3F51B5;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #3F51B5; border-color: #3F51B5;
@ -970,6 +984,19 @@
border-color: #B00020; border-color: #B00020;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f5f5f5;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #ececec;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #3F51B5; color: #3F51B5;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1196,7 +1223,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 3rem; width: 3rem;
@ -4410,6 +4437,13 @@
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #ffffff;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #ffffff;
}
@keyframes checkbox-check { @keyframes checkbox-check {
0% { 0% {
width: 0; width: 0;
@ -4439,25 +4473,9 @@
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
border: 2px solid #757575; border: 2px solid #757575;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
transition: transform 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(0.1);
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
display: none;
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
border-color: #3F51B5; border-color: #3F51B5;
} }
.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
background-color: #3F51B5;
transform: translateZ(0) scale(1, 1);
}
.p-radiobutton:not(.p-radiobutton-disabled):hover { .p-radiobutton:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
} }
@ -4471,6 +4489,13 @@
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; 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;
} }

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

@ -375,6 +375,19 @@
border-color: #f44435; border-color: #f44435;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #673AB7;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #673AB7;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
} }
@ -931,14 +944,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 21px; width: 20px;
height: 21px; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid rgba(255, 255, 255, 0.7); border: 2px solid rgba(255, 255, 255, 0.7);
background: #1e1e1e; background: #1e1e1e;
width: 21px; width: 20px;
height: 21px; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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); 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);
@ -953,9 +966,10 @@
border-color: #673AB7; border-color: #673AB7;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 10px;
height: 10px;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #673AB7; background-color: #673AB7;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #673AB7; border-color: #673AB7;
@ -970,6 +984,19 @@
border-color: #f44435; border-color: #f44435;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #673AB7; color: #673AB7;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1196,7 +1223,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.25rem; width: 2.25rem;
@ -4410,6 +4437,13 @@
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #1e1e1e;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #1e1e1e;
}
@keyframes checkbox-check { @keyframes checkbox-check {
0% { 0% {
width: 0; width: 0;
@ -4439,25 +4473,9 @@
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
border: 2px solid rgba(255, 255, 255, 0.7); border: 2px solid rgba(255, 255, 255, 0.7);
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
transition: transform 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(0.1);
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
display: none;
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
border-color: #673AB7; border-color: #673AB7;
} }
.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
background-color: #673AB7;
transform: translateZ(0) scale(1, 1);
}
.p-radiobutton:not(.p-radiobutton-disabled):hover { .p-radiobutton:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
} }
@ -4471,6 +4489,13 @@
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #1e1e1e;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #1e1e1e;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; 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;
} }

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

@ -375,6 +375,19 @@
border-color: #f44435; border-color: #f44435;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #3F51B5;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #3F51B5;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
} }
@ -931,14 +944,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 21px; width: 20px;
height: 21px; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid rgba(255, 255, 255, 0.7); border: 2px solid rgba(255, 255, 255, 0.7);
background: #1e1e1e; background: #1e1e1e;
width: 21px; width: 20px;
height: 21px; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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); 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);
@ -953,9 +966,10 @@
border-color: #3F51B5; border-color: #3F51B5;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 10px;
height: 10px;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #3F51B5; background-color: #3F51B5;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #3F51B5; border-color: #3F51B5;
@ -970,6 +984,19 @@
border-color: #f44435; border-color: #f44435;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: rgba(255, 255, 255, 0.06);
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #3F51B5; color: #3F51B5;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1196,7 +1223,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.25rem; width: 2.25rem;
@ -4410,6 +4437,13 @@
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #1e1e1e;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #1e1e1e;
}
@keyframes checkbox-check { @keyframes checkbox-check {
0% { 0% {
width: 0; width: 0;
@ -4439,25 +4473,9 @@
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
border: 2px solid rgba(255, 255, 255, 0.7); border: 2px solid rgba(255, 255, 255, 0.7);
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
transition: transform 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(0.1);
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
display: none;
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
border-color: #3F51B5; border-color: #3F51B5;
} }
.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
background-color: #3F51B5;
transform: translateZ(0) scale(1, 1);
}
.p-radiobutton:not(.p-radiobutton-disabled):hover { .p-radiobutton:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
} }
@ -4471,6 +4489,13 @@
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #1e1e1e;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #1e1e1e;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; 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;
} }

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

@ -375,6 +375,19 @@
border-color: #B00020; border-color: #B00020;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f5f5f5;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #ececec;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #673AB7;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #673AB7;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
} }
@ -953,9 +966,10 @@
border-color: #673AB7; border-color: #673AB7;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 10px;
height: 10px;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #673AB7; background-color: #673AB7;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #673AB7; border-color: #673AB7;
@ -970,6 +984,19 @@
border-color: #B00020; border-color: #B00020;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f5f5f5;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #ececec;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #673AB7; color: #673AB7;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1196,7 +1223,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.25rem; width: 2.25rem;
@ -4410,6 +4437,13 @@
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #ffffff;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #ffffff;
}
@keyframes checkbox-check { @keyframes checkbox-check {
0% { 0% {
width: 0; width: 0;
@ -4439,25 +4473,9 @@
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
border: 2px solid #757575; border: 2px solid #757575;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
transition: transform 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(0.1);
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
display: none;
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
border-color: #673AB7; border-color: #673AB7;
} }
.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
background-color: #673AB7;
transform: translateZ(0) scale(1, 1);
}
.p-radiobutton:not(.p-radiobutton-disabled):hover { .p-radiobutton:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
} }
@ -4471,6 +4489,13 @@
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; 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;
} }

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

@ -375,6 +375,19 @@
border-color: #B00020; border-color: #B00020;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f5f5f5;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #ececec;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #3F51B5;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #3F51B5;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
} }
@ -953,9 +966,10 @@
border-color: #3F51B5; border-color: #3F51B5;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 10px;
height: 10px;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #3F51B5; background-color: #3F51B5;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #3F51B5; border-color: #3F51B5;
@ -970,6 +984,19 @@
border-color: #B00020; border-color: #B00020;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f5f5f5;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #ececec;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #3F51B5; color: #3F51B5;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1196,7 +1223,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.25rem; width: 2.25rem;
@ -4410,6 +4437,13 @@
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #ffffff;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #ffffff;
}
@keyframes checkbox-check { @keyframes checkbox-check {
0% { 0% {
width: 0; width: 0;
@ -4439,25 +4473,9 @@
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
border: 2px solid #757575; border: 2px solid #757575;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
transition: transform 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(0.1);
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
display: none;
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
border-color: #3F51B5; border-color: #3F51B5;
} }
.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
background-color: #3F51B5;
transform: translateZ(0) scale(1, 1);
}
.p-radiobutton:not(.p-radiobutton-disabled):hover { .p-radiobutton:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
} }
@ -4471,6 +4489,13 @@
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #ffffff;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #ffffff;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; 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;
} }

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

@ -351,6 +351,19 @@
border-color: #a80000; border-color: #a80000;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f4f4f4;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #007ad9;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #005b9f;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
} }
@ -929,9 +942,10 @@
border-color: #007ad9; border-color: #007ad9;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; background-color: #ffffff;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #007ad9; border-color: #007ad9;
@ -946,6 +960,19 @@
border-color: #a80000; border-color: #a80000;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #007ad9;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #005b9f;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #333333; color: #333333;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1172,7 +1199,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #a80000; border-color: #a80000;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f4f4f4;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #007ad9;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #005b9f;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -933,9 +946,10 @@
border-color: #007ad9; border-color: #007ad9;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; background-color: #ffffff;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #007ad9; border-color: #007ad9;
@ -950,6 +964,19 @@
border-color: #a80000; border-color: #a80000;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #007ad9;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #005b9f;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #a80000; border-color: #a80000;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f4f4f4;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #41b883;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #246749;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -933,9 +946,10 @@
border-color: #41b883; border-color: #41b883;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; background-color: #ffffff;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #41b883; border-color: #41b883;
@ -950,6 +964,19 @@
border-color: #a80000; border-color: #a80000;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #41b883;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #246749;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: #a80000; border-color: #a80000;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f4f4f4;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #007ad9;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #005b9f;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -933,9 +946,10 @@
border-color: #007ad9; border-color: #007ad9;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; background-color: #ffffff;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #007ad9; border-color: #007ad9;
@ -950,6 +964,19 @@
border-color: #a80000; border-color: #a80000;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #007ad9;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #005b9f;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -351,6 +351,19 @@
border-color: e7a3a3; border-color: e7a3a3;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f4f4f4;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #7B95A3;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #617c8a;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
} }
@ -929,9 +942,10 @@
border-color: #7B95A3; border-color: #7B95A3;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; background-color: #ffffff;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #7B95A3; border-color: #7B95A3;
@ -946,6 +960,19 @@
border-color: e7a3a3; border-color: e7a3a3;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f4f4f4;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #f4f4f4;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #7B95A3;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #617c8a;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #666666; color: #666666;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1172,7 +1199,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -1,7 +1,7 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #ffffff; --surface-a: #ffffff;
--surface-b: #fdfdfd; --surface-b:#f8f9fa;
--surface-c: #e9ecef; --surface-c: #e9ecef;
--surface-d: #dee2e6; --surface-d: #dee2e6;
--surface-e: #ffffff; --surface-e: #ffffff;
@ -351,6 +351,19 @@
border-color: #f44336; border-color: #f44336;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8f9fa;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #2196F3;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #1976D2;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -933,9 +946,10 @@
border-color: #2196F3; border-color: #2196F3;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; background-color: #ffffff;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #2196F3; border-color: #2196F3;
@ -950,6 +964,19 @@
border-color: #f44336; border-color: #f44336;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8f9fa;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #2196F3;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #1976D2;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -1,7 +1,7 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #ffffff; --surface-a: #ffffff;
--surface-b: #fdfdfd; --surface-b:#f8f9fa;
--surface-c: #e9ecef; --surface-c: #e9ecef;
--surface-d: #dee2e6; --surface-d: #dee2e6;
--surface-e: #ffffff; --surface-e: #ffffff;
@ -351,6 +351,19 @@
border-color: #f44336; border-color: #f44336;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8f9fa;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #4CAF50;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #388E3C;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -933,9 +946,10 @@
border-color: #4CAF50; border-color: #4CAF50;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; background-color: #ffffff;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #4CAF50; border-color: #4CAF50;
@ -950,6 +964,19 @@
border-color: #f44336; border-color: #f44336;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8f9fa;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #4CAF50;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #388E3C;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -1,7 +1,7 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #ffffff; --surface-a: #ffffff;
--surface-b: #fdfdfd; --surface-b:#f8f9fa;
--surface-c: #e9ecef; --surface-c: #e9ecef;
--surface-d: #dee2e6; --surface-d: #dee2e6;
--surface-e: #ffffff; --surface-e: #ffffff;
@ -351,6 +351,19 @@
border-color: #f44336; border-color: #f44336;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f8f9fa;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #FFC107;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #FFA000;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #212529; border-color: #212529;
} }
@ -933,9 +946,10 @@
border-color: #FFC107; border-color: #FFC107;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; background-color: #212529;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #FFC107; border-color: #FFC107;
@ -950,6 +964,19 @@
border-color: #f44336; border-color: #f44336;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f8f9fa;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #f8f9fa;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #FFC107;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #FFA000;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #212529; border-color: #212529;
} }
@ -1180,7 +1207,7 @@
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -9,6 +9,7 @@
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #64B5F6; --primary-color: #64B5F6;
--primary-color-text: #212529; --primary-color-text: #212529;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
* { * {
@ -350,6 +351,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #304562;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #304562;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #64B5F6;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #2196F3;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #212529; border-color: #212529;
} }
@ -932,9 +946,10 @@
border-color: #64B5F6; border-color: #64B5F6;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; background-color: #212529;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #64B5F6; border-color: #64B5F6;
@ -949,6 +964,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #304562;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #304562;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #64B5F6;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #2196F3;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #212529; border-color: #212529;
} }
@ -1179,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -9,6 +9,7 @@
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #81C784; --primary-color: #81C784;
--primary-color-text: #212529; --primary-color-text: #212529;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
* { * {
@ -350,6 +351,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #304562;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #304562;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #81C784;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #4CAF50;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #212529; border-color: #212529;
} }
@ -932,9 +946,10 @@
border-color: #81C784; border-color: #81C784;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; background-color: #212529;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #81C784; border-color: #81C784;
@ -949,6 +964,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #304562;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #304562;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #81C784;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #4CAF50;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #212529; border-color: #212529;
} }
@ -1179,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -9,6 +9,7 @@
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #FFD54F; --primary-color: #FFD54F;
--primary-color-text: #212529; --primary-color-text: #212529;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
* { * {
@ -350,6 +351,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #304562;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #304562;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #FFD54F;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #FFC107;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #212529; border-color: #212529;
} }
@ -932,9 +946,10 @@
border-color: #FFD54F; border-color: #FFD54F;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; background-color: #212529;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #FFD54F; border-color: #FFD54F;
@ -949,6 +964,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #304562;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #304562;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #FFD54F;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #FFC107;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #212529; border-color: #212529;
} }
@ -1179,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;

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

@ -9,6 +9,7 @@
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #BA68C8; --primary-color: #BA68C8;
--primary-color-text: #ffffff; --primary-color-text: #ffffff;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
* { * {
@ -350,6 +351,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #304562;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
background-color: #304562;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #BA68C8;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
background: #9C27B0;
}
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -932,9 +946,10 @@
border-color: #BA68C8; border-color: #BA68C8;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 0.75rem; width: 0.75rem;
height: 0.75rem;
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; background-color: #ffffff;
} }
.p-radiobutton .p-radiobutton-box.p-highlight { .p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #BA68C8; border-color: #BA68C8;
@ -949,6 +964,19 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #304562;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #304562;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #BA68C8;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #9C27B0;
}
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff; border-color: #ffffff;
} }
@ -1179,7 +1207,7 @@
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 2rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;