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

Add text buttons

pull/358/head
cagataycivici 2020-06-20 16:19:37 +03:00
parent f7b6f9ad4c
commit de731d66f5
26 changed files with 904 additions and 457 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1200,30 +1200,49 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #64B5F6; color: #64B5F6;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #64B5F6;
border-color: #64B5F6;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #121212; background: #121212;
color: #64B5F6; color: #64B5F6;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #BBDEFB; box-shadow: 0 0 0 1px #BBDEFB;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #121212; background: #121212;
color: #64B5F6; color: #64B5F6;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border-color: #78909C;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #607D8B;
color: #ffffff;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #CFD8DC;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212; color: #121212;
background: #81D4FA; background: #81D4FA;
@ -3831,8 +3850,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #78909C;
color: #64B5F6; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #C5E1A5; background-color: #C5E1A5;

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

@ -1200,30 +1200,49 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #81C784; color: #81C784;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #81C784;
border-color: #81C784;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #121212; background: #121212;
color: #81C784; color: #81C784;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #C8E6C9; box-shadow: 0 0 0 1px #C8E6C9;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #121212; background: #121212;
color: #81C784; color: #81C784;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border-color: #78909C;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #607D8B;
color: #ffffff;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #CFD8DC;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212; color: #121212;
background: #81D4FA; background: #81D4FA;
@ -3831,8 +3850,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #78909C;
color: #81C784; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #C5E1A5; background-color: #C5E1A5;

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

@ -1200,30 +1200,49 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #FFD54F; color: #FFD54F;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #FFD54F;
border-color: #FFD54F;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #121212; background: #121212;
color: #FFD54F; color: #FFD54F;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #FFECB3; box-shadow: 0 0 0 1px #FFECB3;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #121212; background: #121212;
color: #FFD54F; color: #FFD54F;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border-color: #78909C;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #607D8B;
color: #ffffff;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #CFD8DC;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212; color: #121212;
background: #81D4FA; background: #81D4FA;
@ -3831,8 +3850,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #78909C;
color: #FFD54F; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #C5E1A5; background-color: #C5E1A5;

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

@ -1200,30 +1200,49 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #BA68C8; color: #BA68C8;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #BA68C8;
border-color: #BA68C8;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #121212; background: #121212;
color: #BA68C8; color: #BA68C8;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #E1BEE7; box-shadow: 0 0 0 1px #E1BEE7;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #121212; background: #121212;
color: #BA68C8; color: #BA68C8;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border-color: #78909C;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #607D8B;
color: #ffffff;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #CFD8DC;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212; color: #121212;
background: #81D4FA; background: #81D4FA;
@ -3831,8 +3850,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #78909C;
color: #BA68C8; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #C5E1A5; background-color: #C5E1A5;

65
public/themes/bootstrap4-dark/theme.css
View File

@ -57,7 +57,7 @@
right: 0.75rem; right: 0.75rem;
} }
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.375rem; right: 3.107rem;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
@ -609,7 +609,7 @@
width: auto; width: auto;
} }
.p-fluid .p-inputgroup .p-button.p-button-icon-only { .p-fluid .p-inputgroup .p-button.p-button-icon-only {
width: 2.625rem; width: 2.357rem;
} }
.p-inputswitch { .p-inputswitch {
@ -1162,7 +1162,7 @@
border-radius: 1rem; border-radius: 1rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.625rem; width: 2.357rem;
padding: 0.5rem 0; padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
@ -1191,7 +1191,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: 2.625rem; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -1200,6 +1200,25 @@
flex: 1; flex: 1;
} }
.p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #8dd0ff;
background: transparent;
border: 1px solid transparent;
}
.p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background: #20262e;
color: #8dd0ff;
border-color: transparent;
}
.p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 1px rgba(38, 143, 255, 0.5);
}
.p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #20262e;
color: #8dd0ff;
border-color: transparent;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff; color: #ffffff;
background: #6c757d; background: #6c757d;
@ -1207,8 +1226,8 @@
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #ffffff; color: #6c757d;
border-color: #ffffff; border-color: #6c757d;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #5a6268; background: #5a6268;
@ -1231,8 +1250,8 @@
} }
.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #7fd8e6; color: #4cc8db;
border-color: #7fd8e6; border-color: #4cc8db;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #4cc8db; background: #4cc8db;
@ -1255,8 +1274,8 @@
} }
.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #9fdaa8; color: #78cc86;
border-color: #9fdaa8; border-color: #78cc86;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #78cc86; background: #78cc86;
@ -1279,8 +1298,8 @@
} }
.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #ffe082; color: #ffd54f;
border-color: #ffe082; border-color: #ffd54f;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ffd54f; background: #ffd54f;
@ -1303,8 +1322,8 @@
} }
.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #b7a2e0; color: #9a7cd4;
border-color: #b7a2e0; border-color: #9a7cd4;
} }
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #9a7cd4; background: #9a7cd4;
@ -1327,8 +1346,8 @@
} }
.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #f19ea6; color: #e97984;
border-color: #f19ea6; border-color: #e97984;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #e97984; background: #e97984;
@ -1850,8 +1869,8 @@
background-color: transparent; background-color: transparent;
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
color: #8dd0ff; color: #8dd0ff;
min-width: 2.625rem; min-width: 2.357rem;
height: 2.625rem; height: 2.357rem;
margin: 0 0 0 -1px; margin: 0 0 0 -1px;
transition: box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 0; border-radius: 0;
@ -1874,7 +1893,7 @@
} }
.p-paginator .p-dropdown { .p-paginator .p-dropdown {
margin-left: 0.5rem; margin-left: 0.5rem;
height: 2.625rem; height: 2.357rem;
} }
.p-paginator .p-dropdown .p-dropdown-label { .p-paginator .p-dropdown .p-dropdown-label {
padding-right: 0; padding-right: 0;
@ -1883,8 +1902,8 @@
background-color: transparent; background-color: transparent;
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
color: #8dd0ff; color: #8dd0ff;
min-width: 2.625rem; min-width: 2.357rem;
height: 2.625rem; height: 2.357rem;
margin: 0 0 0 -1px; margin: 0 0 0 -1px;
padding: 0 0.5rem; padding: 0 0.5rem;
} }
@ -1892,8 +1911,8 @@
background-color: transparent; background-color: transparent;
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
color: #8dd0ff; color: #8dd0ff;
min-width: 2.625rem; min-width: 2.357rem;
height: 2.625rem; height: 2.357rem;
margin: 0 0 0 -1px; margin: 0 0 0 -1px;
transition: box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 0; border-radius: 0;

45
public/themes/bootstrap4-light/theme.css
View File

@ -57,7 +57,7 @@
right: 0.75rem; right: 0.75rem;
} }
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.375rem; right: 3.107rem;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
@ -609,7 +609,7 @@
width: auto; width: auto;
} }
.p-fluid .p-inputgroup .p-button.p-button-icon-only { .p-fluid .p-inputgroup .p-button.p-button-icon-only {
width: 2.625rem; width: 2.357rem;
} }
.p-inputswitch { .p-inputswitch {
@ -1162,7 +1162,7 @@
border-radius: 1rem; border-radius: 1rem;
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.625rem; width: 2.357rem;
padding: 0.5rem 0; padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
@ -1191,7 +1191,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: 2.625rem; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -1200,6 +1200,25 @@
flex: 1; flex: 1;
} }
.p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #0062cc;
background: transparent;
border: 1px solid transparent;
}
.p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background: #e9ecef;
color: #0062cc;
border-color: transparent;
}
.p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: rgba(0, 0, 0, 0.125);
color: #0062cc;
border-color: transparent;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff; color: #ffffff;
background: #6c757d; background: #6c757d;
@ -1207,8 +1226,8 @@
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #ffffff; color: #6c757d;
border-color: #ffffff; border-color: #6c757d;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #5a6268; background: #5a6268;
@ -1850,8 +1869,8 @@
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #007bff; color: #007bff;
min-width: 2.625rem; min-width: 2.357rem;
height: 2.625rem; height: 2.357rem;
margin: 0 0 0 -1px; margin: 0 0 0 -1px;
transition: box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 0; border-radius: 0;
@ -1874,7 +1893,7 @@
} }
.p-paginator .p-dropdown { .p-paginator .p-dropdown {
margin-left: 0.5rem; margin-left: 0.5rem;
height: 2.625rem; height: 2.357rem;
} }
.p-paginator .p-dropdown .p-dropdown-label { .p-paginator .p-dropdown .p-dropdown-label {
padding-right: 0; padding-right: 0;
@ -1883,8 +1902,8 @@
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #007bff; color: #007bff;
min-width: 2.625rem; min-width: 2.357rem;
height: 2.625rem; height: 2.357rem;
margin: 0 0 0 -1px; margin: 0 0 0 -1px;
padding: 0 0.5rem; padding: 0 0.5rem;
} }
@ -1892,8 +1911,8 @@
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #007bff; color: #007bff;
min-width: 2.625rem; min-width: 2.357rem;
height: 2.625rem; height: 2.357rem;
margin: 0 0 0 -1px; margin: 0 0 0 -1px;
transition: box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 0; border-radius: 0;

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

@ -50,7 +50,7 @@
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-autocomplete .p-autocomplete-loader { .p-autocomplete .p-autocomplete-loader {
@ -68,7 +68,7 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082; border-color: #FFE082;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
@ -175,7 +175,7 @@
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus { .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082; border-color: #FFE082;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
@ -208,7 +208,7 @@
.p-datepicker table td > span:focus { .p-datepicker table td > span:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #FFCA28; background: #FFCA28;
@ -289,7 +289,7 @@
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background: #4c4c4c; background: #4c4c4c;
@ -297,7 +297,7 @@
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -328,7 +328,7 @@
.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082; border-color: #FFE082;
} }
.p-checkbox .p-checkbox-box.p-highlight { .p-checkbox .p-checkbox-box.p-highlight {
@ -364,7 +364,7 @@
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082; border-color: #FFE082;
} }
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
@ -422,7 +422,7 @@
.p-dropdown:not(.p-disabled).p-focus { .p-dropdown:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082; border-color: #FFE082;
} }
.p-dropdown .p-dropdown-label { .p-dropdown .p-dropdown-label {
@ -636,7 +636,7 @@
.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: #4b4b4b; background: #4b4b4b;
@ -672,7 +672,7 @@
.p-inputtext:enabled:focus { .p-inputtext:enabled:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082; border-color: #FFE082;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid { .p-inputtext.p-error, .p-inputtext.p-invalid {
@ -798,7 +798,7 @@
.p-multiselect:not(.p-disabled).p-focus { .p-multiselect:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082; border-color: #FFE082;
} }
.p-multiselect .p-multiselect-label { .p-multiselect .p-multiselect-label {
@ -926,7 +926,7 @@
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082; border-color: #FFE082;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
@ -970,7 +970,7 @@
.p-rating .p-rating-icon:focus { .p-rating .p-rating-icon:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-rating .p-rating-icon:first-child { .p-rating .p-rating-icon:first-child {
margin-left: 0; margin-left: 0;
@ -1054,7 +1054,7 @@
.p-slider .p-slider-handle:focus { .p-slider .p-slider-handle:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-slider .p-slider-range { .p-slider .p-slider-range {
background: #FFE082; background: #FFE082;
@ -1133,7 +1133,7 @@
.p-button:focus { .p-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-button .p-button-icon-left { .p-button .p-button-icon-left {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -1200,28 +1200,47 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #FFE082; color: #FFE082;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #FFE082;
border-color: #FFE082;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #4c4c4c; background: #4c4c4c;
color: #FFE082; color: #FFE082;
border-color: #4c4c4c; border-color: transparent;
}
.p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem white;
}
.p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #4c4c4c;
color: #FFE082;
border-color: transparent;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #B0BEC5;
border: 1px solid #B0BEC5;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #B0BEC5;
border-color: #B0BEC5;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #90A4AE;
color: #121212;
border-color: #90A4AE;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem #CFD8DC;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #a0a0a0; background: #78909C;
color: #FFE082; color: #121212;
border-color: #585858; border-color: #78909C;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@ -1688,7 +1707,7 @@
.fc .fc-toolbar .fc-button:focus { .fc .fc-toolbar .fc-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
background: #252525; background: #252525;
@ -1714,7 +1733,7 @@
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
z-index: 1; z-index: 1;
} }
.fc .fc-toolbar .fc-button-group .fc-button { .fc .fc-toolbar .fc-button-group .fc-button {
@ -1829,7 +1848,7 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #dedede; color: #dedede;
@ -2019,7 +2038,7 @@
.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: #FFE082; background: #FFE082;
@ -2244,7 +2263,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #191919; background: #191919;
@ -2334,7 +2353,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #191919; background: #191919;
@ -2370,7 +2389,7 @@
.p-panel .p-panel-header .p-panel-header-icon:focus { .p-panel .p-panel-header .p-panel-header-icon:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-panel.p-panel-toggleable .p-panel-header { .p-panel.p-panel-toggleable .p-panel-header {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2421,7 +2440,7 @@
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
background: #191919; background: #191919;
@ -2487,7 +2506,7 @@
.p-dialog .p-dialog-header .p-dialog-header-icon:focus { .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
margin-right: 0; margin-right: 0;
@ -2620,7 +2639,7 @@
.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #323232; background: #323232;
@ -2661,7 +2680,7 @@
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
color: #dedede; color: #dedede;
@ -3075,7 +3094,7 @@
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-menubar .p-menubar-root-list { .p-menubar .p-menubar-root-list {
position: absolute; position: absolute;
@ -3196,7 +3215,7 @@
.p-panelmenu .p-panelmenu-header > a:focus { .p-panelmenu .p-panelmenu-header > a:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #191919; background: #191919;
@ -3298,7 +3317,7 @@
.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-steps .p-steps-item.p-highlight .p-steps-number { .p-steps .p-steps-item.p-highlight .p-steps-number {
background: #FFE082; background: #FFE082;
@ -3346,7 +3365,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
background: #191919; background: #191919;
@ -3551,7 +3570,7 @@
.p-message .p-message-close:focus { .p-message .p-message-close:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
@ -3733,7 +3752,7 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-galleria-mask.p-component-overlay { .p-galleria-mask.p-component-overlay {
@ -3752,7 +3771,7 @@
.p-inplace .p-inplace-display:focus { .p-inplace .p-inplace-display:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-progressbar { .p-progressbar {
@ -3797,8 +3816,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #B0BEC5;
color: #FFE082; color: #121212;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #AED581; background-color: #AED581;

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

@ -50,7 +50,7 @@
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-autocomplete .p-autocomplete-loader { .p-autocomplete .p-autocomplete-loader {
@ -68,7 +68,7 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA; border-color: #81D4FA;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
@ -175,7 +175,7 @@
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus { .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA; border-color: #81D4FA;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
@ -208,7 +208,7 @@
.p-datepicker table td > span:focus { .p-datepicker table td > span:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #29B6F6; background: #29B6F6;
@ -289,7 +289,7 @@
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background: #4c4c4c; background: #4c4c4c;
@ -297,7 +297,7 @@
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -328,7 +328,7 @@
.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA; border-color: #81D4FA;
} }
.p-checkbox .p-checkbox-box.p-highlight { .p-checkbox .p-checkbox-box.p-highlight {
@ -364,7 +364,7 @@
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA; border-color: #81D4FA;
} }
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
@ -422,7 +422,7 @@
.p-dropdown:not(.p-disabled).p-focus { .p-dropdown:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA; border-color: #81D4FA;
} }
.p-dropdown .p-dropdown-label { .p-dropdown .p-dropdown-label {
@ -636,7 +636,7 @@
.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: #4b4b4b; background: #4b4b4b;
@ -672,7 +672,7 @@
.p-inputtext:enabled:focus { .p-inputtext:enabled:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA; border-color: #81D4FA;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid { .p-inputtext.p-error, .p-inputtext.p-invalid {
@ -798,7 +798,7 @@
.p-multiselect:not(.p-disabled).p-focus { .p-multiselect:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA; border-color: #81D4FA;
} }
.p-multiselect .p-multiselect-label { .p-multiselect .p-multiselect-label {
@ -926,7 +926,7 @@
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA; border-color: #81D4FA;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
@ -970,7 +970,7 @@
.p-rating .p-rating-icon:focus { .p-rating .p-rating-icon:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-rating .p-rating-icon:first-child { .p-rating .p-rating-icon:first-child {
margin-left: 0; margin-left: 0;
@ -1054,7 +1054,7 @@
.p-slider .p-slider-handle:focus { .p-slider .p-slider-handle:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-slider .p-slider-range { .p-slider .p-slider-range {
background: #81D4FA; background: #81D4FA;
@ -1133,7 +1133,7 @@
.p-button:focus { .p-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-button .p-button-icon-left { .p-button .p-button-icon-left {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -1200,28 +1200,47 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #81D4FA; color: #81D4FA;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #81D4FA;
border-color: #81D4FA;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #4c4c4c; background: #4c4c4c;
color: #81D4FA; color: #81D4FA;
border-color: #4c4c4c; border-color: transparent;
}
.p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem white;
}
.p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #4c4c4c;
color: #81D4FA;
border-color: transparent;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #B0BEC5;
border: 1px solid #B0BEC5;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #B0BEC5;
border-color: #B0BEC5;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #90A4AE;
color: #121212;
border-color: #90A4AE;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem #CFD8DC;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #a0a0a0; background: #78909C;
color: #81D4FA; color: #121212;
border-color: #585858; border-color: #78909C;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@ -1688,7 +1707,7 @@
.fc .fc-toolbar .fc-button:focus { .fc .fc-toolbar .fc-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
background: #252525; background: #252525;
@ -1714,7 +1733,7 @@
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
z-index: 1; z-index: 1;
} }
.fc .fc-toolbar .fc-button-group .fc-button { .fc .fc-toolbar .fc-button-group .fc-button {
@ -1829,7 +1848,7 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #dedede; color: #dedede;
@ -2019,7 +2038,7 @@
.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: #81D4FA; background: #81D4FA;
@ -2244,7 +2263,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #191919; background: #191919;
@ -2334,7 +2353,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #191919; background: #191919;
@ -2370,7 +2389,7 @@
.p-panel .p-panel-header .p-panel-header-icon:focus { .p-panel .p-panel-header .p-panel-header-icon:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-panel.p-panel-toggleable .p-panel-header { .p-panel.p-panel-toggleable .p-panel-header {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2421,7 +2440,7 @@
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
background: #191919; background: #191919;
@ -2487,7 +2506,7 @@
.p-dialog .p-dialog-header .p-dialog-header-icon:focus { .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
margin-right: 0; margin-right: 0;
@ -2620,7 +2639,7 @@
.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #323232; background: #323232;
@ -2661,7 +2680,7 @@
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
color: #dedede; color: #dedede;
@ -3075,7 +3094,7 @@
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-menubar .p-menubar-root-list { .p-menubar .p-menubar-root-list {
position: absolute; position: absolute;
@ -3196,7 +3215,7 @@
.p-panelmenu .p-panelmenu-header > a:focus { .p-panelmenu .p-panelmenu-header > a:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #191919; background: #191919;
@ -3298,7 +3317,7 @@
.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-steps .p-steps-item.p-highlight .p-steps-number { .p-steps .p-steps-item.p-highlight .p-steps-number {
background: #81D4FA; background: #81D4FA;
@ -3346,7 +3365,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
background: #191919; background: #191919;
@ -3551,7 +3570,7 @@
.p-message .p-message-close:focus { .p-message .p-message-close:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
@ -3733,7 +3752,7 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-galleria-mask.p-component-overlay { .p-galleria-mask.p-component-overlay {
@ -3752,7 +3771,7 @@
.p-inplace .p-inplace-display:focus { .p-inplace .p-inplace-display:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-progressbar { .p-progressbar {
@ -3797,8 +3816,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #B0BEC5;
color: #81D4FA; color: #121212;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #AED581; background-color: #AED581;

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

@ -50,7 +50,7 @@
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-autocomplete .p-autocomplete-loader { .p-autocomplete .p-autocomplete-loader {
@ -68,7 +68,7 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5; border-color: #C5E1A5;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
@ -175,7 +175,7 @@
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus { .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5; border-color: #C5E1A5;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
@ -208,7 +208,7 @@
.p-datepicker table td > span:focus { .p-datepicker table td > span:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #9CCC65; background: #9CCC65;
@ -289,7 +289,7 @@
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background: #4c4c4c; background: #4c4c4c;
@ -297,7 +297,7 @@
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -328,7 +328,7 @@
.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5; border-color: #C5E1A5;
} }
.p-checkbox .p-checkbox-box.p-highlight { .p-checkbox .p-checkbox-box.p-highlight {
@ -364,7 +364,7 @@
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5; border-color: #C5E1A5;
} }
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
@ -422,7 +422,7 @@
.p-dropdown:not(.p-disabled).p-focus { .p-dropdown:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5; border-color: #C5E1A5;
} }
.p-dropdown .p-dropdown-label { .p-dropdown .p-dropdown-label {
@ -636,7 +636,7 @@
.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: #4b4b4b; background: #4b4b4b;
@ -672,7 +672,7 @@
.p-inputtext:enabled:focus { .p-inputtext:enabled:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5; border-color: #C5E1A5;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid { .p-inputtext.p-error, .p-inputtext.p-invalid {
@ -798,7 +798,7 @@
.p-multiselect:not(.p-disabled).p-focus { .p-multiselect:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5; border-color: #C5E1A5;
} }
.p-multiselect .p-multiselect-label { .p-multiselect .p-multiselect-label {
@ -926,7 +926,7 @@
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5; border-color: #C5E1A5;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
@ -970,7 +970,7 @@
.p-rating .p-rating-icon:focus { .p-rating .p-rating-icon:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-rating .p-rating-icon:first-child { .p-rating .p-rating-icon:first-child {
margin-left: 0; margin-left: 0;
@ -1054,7 +1054,7 @@
.p-slider .p-slider-handle:focus { .p-slider .p-slider-handle:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-slider .p-slider-range { .p-slider .p-slider-range {
background: #C5E1A5; background: #C5E1A5;
@ -1133,7 +1133,7 @@
.p-button:focus { .p-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-button .p-button-icon-left { .p-button .p-button-icon-left {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -1200,28 +1200,47 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #C5E1A5; color: #C5E1A5;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #C5E1A5;
border-color: #C5E1A5;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #4c4c4c; background: #4c4c4c;
color: #C5E1A5; color: #C5E1A5;
border-color: #4c4c4c; border-color: transparent;
}
.p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem white;
}
.p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #4c4c4c;
color: #C5E1A5;
border-color: transparent;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #B0BEC5;
border: 1px solid #B0BEC5;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #B0BEC5;
border-color: #B0BEC5;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #90A4AE;
color: #121212;
border-color: #90A4AE;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem #CFD8DC;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #a0a0a0; background: #78909C;
color: #C5E1A5; color: #121212;
border-color: #585858; border-color: #78909C;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@ -1688,7 +1707,7 @@
.fc .fc-toolbar .fc-button:focus { .fc .fc-toolbar .fc-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
background: #252525; background: #252525;
@ -1714,7 +1733,7 @@
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
z-index: 1; z-index: 1;
} }
.fc .fc-toolbar .fc-button-group .fc-button { .fc .fc-toolbar .fc-button-group .fc-button {
@ -1829,7 +1848,7 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #dedede; color: #dedede;
@ -2019,7 +2038,7 @@
.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: #C5E1A5; background: #C5E1A5;
@ -2244,7 +2263,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #191919; background: #191919;
@ -2334,7 +2353,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #191919; background: #191919;
@ -2370,7 +2389,7 @@
.p-panel .p-panel-header .p-panel-header-icon:focus { .p-panel .p-panel-header .p-panel-header-icon:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-panel.p-panel-toggleable .p-panel-header { .p-panel.p-panel-toggleable .p-panel-header {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2421,7 +2440,7 @@
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
background: #191919; background: #191919;
@ -2487,7 +2506,7 @@
.p-dialog .p-dialog-header .p-dialog-header-icon:focus { .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
margin-right: 0; margin-right: 0;
@ -2620,7 +2639,7 @@
.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #323232; background: #323232;
@ -2661,7 +2680,7 @@
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
color: #dedede; color: #dedede;
@ -3075,7 +3094,7 @@
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-menubar .p-menubar-root-list { .p-menubar .p-menubar-root-list {
position: absolute; position: absolute;
@ -3196,7 +3215,7 @@
.p-panelmenu .p-panelmenu-header > a:focus { .p-panelmenu .p-panelmenu-header > a:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #191919; background: #191919;
@ -3298,7 +3317,7 @@
.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-steps .p-steps-item.p-highlight .p-steps-number { .p-steps .p-steps-item.p-highlight .p-steps-number {
background: #C5E1A5; background: #C5E1A5;
@ -3346,7 +3365,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
background: #191919; background: #191919;
@ -3551,7 +3570,7 @@
.p-message .p-message-close:focus { .p-message .p-message-close:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
@ -3733,7 +3752,7 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-galleria-mask.p-component-overlay { .p-galleria-mask.p-component-overlay {
@ -3752,7 +3771,7 @@
.p-inplace .p-inplace-display:focus { .p-inplace .p-inplace-display:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-progressbar { .p-progressbar {
@ -3797,8 +3816,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #B0BEC5;
color: #C5E1A5; color: #121212;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #AED581; background-color: #AED581;

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

@ -50,7 +50,7 @@
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-autocomplete .p-autocomplete-loader { .p-autocomplete .p-autocomplete-loader {
@ -68,7 +68,7 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1; border-color: #F48FB1;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
@ -175,7 +175,7 @@
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus { .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1; border-color: #F48FB1;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
@ -208,7 +208,7 @@
.p-datepicker table td > span:focus { .p-datepicker table td > span:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #EC407A; background: #EC407A;
@ -289,7 +289,7 @@
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background: #4c4c4c; background: #4c4c4c;
@ -297,7 +297,7 @@
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -328,7 +328,7 @@
.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1; border-color: #F48FB1;
} }
.p-checkbox .p-checkbox-box.p-highlight { .p-checkbox .p-checkbox-box.p-highlight {
@ -364,7 +364,7 @@
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1; border-color: #F48FB1;
} }
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
@ -422,7 +422,7 @@
.p-dropdown:not(.p-disabled).p-focus { .p-dropdown:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1; border-color: #F48FB1;
} }
.p-dropdown .p-dropdown-label { .p-dropdown .p-dropdown-label {
@ -636,7 +636,7 @@
.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: #4b4b4b; background: #4b4b4b;
@ -672,7 +672,7 @@
.p-inputtext:enabled:focus { .p-inputtext:enabled:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1; border-color: #F48FB1;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid { .p-inputtext.p-error, .p-inputtext.p-invalid {
@ -798,7 +798,7 @@
.p-multiselect:not(.p-disabled).p-focus { .p-multiselect:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1; border-color: #F48FB1;
} }
.p-multiselect .p-multiselect-label { .p-multiselect .p-multiselect-label {
@ -926,7 +926,7 @@
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1; border-color: #F48FB1;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
@ -970,7 +970,7 @@
.p-rating .p-rating-icon:focus { .p-rating .p-rating-icon:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-rating .p-rating-icon:first-child { .p-rating .p-rating-icon:first-child {
margin-left: 0; margin-left: 0;
@ -1054,7 +1054,7 @@
.p-slider .p-slider-handle:focus { .p-slider .p-slider-handle:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-slider .p-slider-range { .p-slider .p-slider-range {
background: #F48FB1; background: #F48FB1;
@ -1133,7 +1133,7 @@
.p-button:focus { .p-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-button .p-button-icon-left { .p-button .p-button-icon-left {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -1200,28 +1200,47 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #F48FB1; color: #F48FB1;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #F48FB1;
border-color: #F48FB1;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #4c4c4c; background: #4c4c4c;
color: #F48FB1; color: #F48FB1;
border-color: #4c4c4c; border-color: transparent;
}
.p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem white;
}
.p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #4c4c4c;
color: #F48FB1;
border-color: transparent;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #B0BEC5;
border: 1px solid #B0BEC5;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #B0BEC5;
border-color: #B0BEC5;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #90A4AE;
color: #121212;
border-color: #90A4AE;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem #CFD8DC;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #a0a0a0; background: #78909C;
color: #F48FB1; color: #121212;
border-color: #585858; border-color: #78909C;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@ -1688,7 +1707,7 @@
.fc .fc-toolbar .fc-button:focus { .fc .fc-toolbar .fc-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
background: #252525; background: #252525;
@ -1714,7 +1733,7 @@
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
z-index: 1; z-index: 1;
} }
.fc .fc-toolbar .fc-button-group .fc-button { .fc .fc-toolbar .fc-button-group .fc-button {
@ -1829,7 +1848,7 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #dedede; color: #dedede;
@ -2019,7 +2038,7 @@
.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: #F48FB1; background: #F48FB1;
@ -2244,7 +2263,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #191919; background: #191919;
@ -2334,7 +2353,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #191919; background: #191919;
@ -2370,7 +2389,7 @@
.p-panel .p-panel-header .p-panel-header-icon:focus { .p-panel .p-panel-header .p-panel-header-icon:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-panel.p-panel-toggleable .p-panel-header { .p-panel.p-panel-toggleable .p-panel-header {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2421,7 +2440,7 @@
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
background: #191919; background: #191919;
@ -2487,7 +2506,7 @@
.p-dialog .p-dialog-header .p-dialog-header-icon:focus { .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
margin-right: 0; margin-right: 0;
@ -2620,7 +2639,7 @@
.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #323232; background: #323232;
@ -2661,7 +2680,7 @@
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
color: #dedede; color: #dedede;
@ -3075,7 +3094,7 @@
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-menubar .p-menubar-root-list { .p-menubar .p-menubar-root-list {
position: absolute; position: absolute;
@ -3196,7 +3215,7 @@
.p-panelmenu .p-panelmenu-header > a:focus { .p-panelmenu .p-panelmenu-header > a:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #191919; background: #191919;
@ -3298,7 +3317,7 @@
.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-steps .p-steps-item.p-highlight .p-steps-number { .p-steps .p-steps-item.p-highlight .p-steps-number {
background: #F48FB1; background: #F48FB1;
@ -3346,7 +3365,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
background: #191919; background: #191919;
@ -3551,7 +3570,7 @@
.p-message .p-message-close:focus { .p-message .p-message-close:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
@ -3733,7 +3752,7 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-galleria-mask.p-component-overlay { .p-galleria-mask.p-component-overlay {
@ -3752,7 +3771,7 @@
.p-inplace .p-inplace-display:focus { .p-inplace .p-inplace-display:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-progressbar { .p-progressbar {
@ -3797,8 +3816,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #B0BEC5;
color: #F48FB1; color: #121212;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #AED581; background-color: #AED581;

4
public/themes/material-dark/theme.css
View File

@ -1207,8 +1207,8 @@
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #1976D2; color: transparent;
border-color: #1976D2; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #e9ecef; background: #e9ecef;

4
public/themes/material-light/theme.css
View File

@ -1231,8 +1231,8 @@
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #1976D2; color: transparent;
border-color: #1976D2; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #e9ecef; background: #e9ecef;

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

@ -1200,28 +1200,47 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #333333; color: #333333;
background: transparent;
border: 1px solid transparent;
}
.p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background: #f4f4f4; background: #f4f4f4;
border: 1px solid #f4f4f4;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #333333; color: #333333;
border-color: #333333; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #c8c8c8; background: #c8c8c8;
color: #333333; color: #333333;
border-color: #c8c8c8; border-color: #c8c8c8;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
border: 1px solid #607D8B;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #607D8B;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #B0BEC5;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #a0a0a0; background: #455A64;
color: #333333; color: #ffffff;
border-color: #a0a0a0; border-color: #455A64;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@ -3797,8 +3816,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: #f4f4f4; background-color: #607D8B;
color: #333333; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #34A835; background-color: #34A835;

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

@ -1200,28 +1200,47 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #333333; color: #333333;
background: transparent;
border: 1px solid transparent;
}
.p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background: #f4f4f4; background: #f4f4f4;
border: 1px solid #f4f4f4;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #333333; color: #333333;
border-color: #333333; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #c8c8c8; background: #c8c8c8;
color: #333333; color: #333333;
border-color: #c8c8c8; border-color: #c8c8c8;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
border: 1px solid #607D8B;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #607D8B;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #B0BEC5;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #a0a0a0; background: #455A64;
color: #333333; color: #ffffff;
border-color: #a0a0a0; border-color: #455A64;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@ -3797,8 +3816,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: #f4f4f4; background-color: #607D8B;
color: #333333; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #34A835; background-color: #34A835;

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

@ -1200,28 +1200,47 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #333333; color: #333333;
background: transparent;
border: 1px solid transparent;
}
.p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background: #f4f4f4; background: #f4f4f4;
border: 1px solid #f4f4f4;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #333333; color: #333333;
border-color: #333333; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #c2e9d8;
}
.p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #c8c8c8; background: #c8c8c8;
color: #333333; color: #333333;
border-color: #c8c8c8; border-color: #c8c8c8;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
border: 1px solid #607D8B;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #607D8B;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #c2e9d8; box-shadow: 0 0 0 0.2rem #B0BEC5;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #a0a0a0; background: #455A64;
color: #333333; color: #ffffff;
border-color: #a0a0a0; border-color: #455A64;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@ -3797,8 +3816,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: #f4f4f4; background-color: #607D8B;
color: #333333; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #34A835; background-color: #34A835;

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

@ -1200,28 +1200,47 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #333333; color: #333333;
background: transparent;
border: 1px solid transparent;
}
.p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background: #f4f4f4; background: #f4f4f4;
border: 1px solid #f4f4f4;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #333333; color: #333333;
border-color: #333333; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #c8c8c8; background: #c8c8c8;
color: #333333; color: #333333;
border-color: #c8c8c8; border-color: #c8c8c8;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
border: 1px solid #607D8B;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #607D8B;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #B0BEC5;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #a0a0a0; background: #455A64;
color: #333333; color: #ffffff;
border-color: #a0a0a0; border-color: #455A64;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@ -3797,8 +3816,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: #f4f4f4; background-color: #607D8B;
color: #333333; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #34A835; background-color: #34A835;

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

@ -1200,28 +1200,47 @@
flex: 1; flex: 1;
} }
.p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #666666;
background: transparent;
border: 1px solid transparent;
}
.p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background: #f4f4f4;
color: #666666;
border-color: transparent;
}
.p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #7B95A3;
}
.p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #ececec;
color: #666666;
border-color: transparent;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #333333; color: #ffffff;
background: #f3f3f3; background: #a3897b;
border: 1px solid #f3f3f3; border: 1px solid #8e6f5f;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #333333; color: #8e6f5f;
border-color: #333333; border-color: #8e6f5f;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #d1d1d1; background: #8e6f5f;
color: #212121; color: #ffffff;
border-color: #d1d1d1; border-color: #7a5743;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #99adb8; box-shadow: 0 0 0 0.2rem #bfaaa0;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #7B95A3; background: #7a5743;
color: #ffffff; color: #ffffff;
border-color: #7B95A3; border-color: #6e4e3c;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@ -1231,8 +1250,8 @@
} }
.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #A3DEF8; color: #79C8EB;
border-color: #A3DEF8; border-color: #79C8EB;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #81CBEC; background: #81CBEC;
@ -1255,8 +1274,8 @@
} }
.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #A3E2C6; color: #80CAAA;
border-color: #A3E2C6; border-color: #80CAAA;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #80CAAA; background: #80CAAA;
@ -1274,26 +1293,26 @@
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #333333; color: #333333;
background: #FEEDBC; background: #ffe38e;
border: 1px solid #F7DB8A; border: 1px solid #ffd95e;
} }
.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #FEEDBC; color: #ffd95e;
border-color: #FEEDBC; border-color: #ffd95e;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFDE87; background: #ffd95e;
color: #333333; color: #333333;
border-color: #F3CE61; border-color: #ffce3c;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #fef4d5; box-shadow: 0 0 0 0.2rem #ffe9a8;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FDC328; background: #ffce3c;
color: #333333; color: #333333;
border-color: #DEA818; border-color: #ffc62a;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
@ -1303,8 +1322,8 @@
} }
.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #e9bef1; color: #de9eea;
border-color: #e9bef1; border-color: #de9eea;
} }
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #de9eea; background: #de9eea;
@ -1327,8 +1346,8 @@
} }
.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent; background-color: transparent;
color: #F4B6B6; color: #E38787;
border-color: #F4B6B6; border-color: #E38787;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF9999; background: #EF9999;
@ -3797,8 +3816,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: #f3f3f3; background-color: #a3897b;
color: #333333; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #A3E2C6; background-color: #A3E2C6;
@ -3809,7 +3828,7 @@
color: #3D4447; color: #3D4447;
} }
.p-badge.p-badge-warning { .p-badge.p-badge-warning {
background-color: #FEEDBC; background-color: #ffe38e;
color: #333333; color: #333333;
} }
.p-badge.p-badge-danger { .p-badge.p-badge-danger {
@ -3846,7 +3865,7 @@
color: #3D4447; color: #3D4447;
} }
.p-tag.p-tag-warning { .p-tag.p-tag-warning {
background-color: #FEEDBC; background-color: #ffe38e;
color: #333333; color: #333333;
} }
.p-tag.p-tag-danger { .p-tag.p-tag-danger {

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

@ -1200,30 +1200,49 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #1976D2; color: #1976D2;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #1976D2;
border-color: #1976D2;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #e9ecef; background: #e9ecef;
color: #1976D2; color: #1976D2;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #BBDEFB; box-shadow: 0 0 0 0.2rem #BBDEFB;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #dee2e6; background: #dee2e6;
color: #1976D2; color: #1976D2;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
border: 1px solid #607D8B;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #607D8B;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #B0BEC5;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #455A64;
color: #ffffff;
border-color: #455A64;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff; color: #ffffff;
background: #0288D1; background: #0288D1;
@ -3831,8 +3850,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #607D8B;
color: #1976D2; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #689F38; background-color: #689F38;

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

@ -1200,30 +1200,49 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #388E3C; color: #388E3C;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #388E3C;
border-color: #388E3C;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #e9ecef; background: #e9ecef;
color: #388E3C; color: #388E3C;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #C8E6C9; box-shadow: 0 0 0 0.2rem #C8E6C9;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #dee2e6; background: #dee2e6;
color: #388E3C; color: #388E3C;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
border: 1px solid #607D8B;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #607D8B;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #B0BEC5;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #455A64;
color: #ffffff;
border-color: #455A64;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff; color: #ffffff;
background: #0288D1; background: #0288D1;
@ -3831,8 +3850,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #607D8B;
color: #388E3C; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #689F38; background-color: #689F38;

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

@ -1200,30 +1200,49 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #FFA000; color: #FFA000;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #FFA000;
border-color: #FFA000;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #e9ecef; background: #e9ecef;
color: #FFA000; color: #FFA000;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #FFECB3; box-shadow: 0 0 0 0.2rem #FFECB3;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #dee2e6; background: #dee2e6;
color: #FFA000; color: #FFA000;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
border: 1px solid #607D8B;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #607D8B;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #B0BEC5;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #455A64;
color: #ffffff;
border-color: #455A64;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff; color: #ffffff;
background: #0288D1; background: #0288D1;
@ -3831,8 +3850,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #607D8B;
color: #FFA000; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #689F38; background-color: #689F38;

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

@ -1200,30 +1200,49 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #64B5F6; color: #64B5F6;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #64B5F6;
border-color: #64B5F6;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #17212f; background: #17212f;
color: #64B5F6; color: #64B5F6;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #BBDEFB; box-shadow: 0 0 0 1px #BBDEFB;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #17212f; background: #17212f;
color: #64B5F6; color: #64B5F6;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border-color: #78909C;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #607D8B;
color: #ffffff;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #CFD8DC;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212; color: #121212;
background: #81D4FA; background: #81D4FA;
@ -3831,8 +3850,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #78909C;
color: #64B5F6; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #C5E1A5; background-color: #C5E1A5;

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

@ -1200,30 +1200,49 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #81C784; color: #81C784;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #81C784;
border-color: #81C784;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #17212f; background: #17212f;
color: #81C784; color: #81C784;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #C8E6C9; box-shadow: 0 0 0 1px #C8E6C9;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #17212f; background: #17212f;
color: #81C784; color: #81C784;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border-color: #78909C;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #607D8B;
color: #ffffff;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #CFD8DC;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212; color: #121212;
background: #81D4FA; background: #81D4FA;
@ -3831,8 +3850,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #78909C;
color: #81C784; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #C5E1A5; background-color: #C5E1A5;

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

@ -1200,30 +1200,49 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #FFD54F; color: #FFD54F;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #FFD54F;
border-color: #FFD54F;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #17212f; background: #17212f;
color: #FFD54F; color: #FFD54F;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #FFECB3; box-shadow: 0 0 0 1px #FFECB3;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #17212f; background: #17212f;
color: #FFD54F; color: #FFD54F;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border-color: #78909C;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #607D8B;
color: #ffffff;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #CFD8DC;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212; color: #121212;
background: #81D4FA; background: #81D4FA;
@ -3831,8 +3850,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #78909C;
color: #FFD54F; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #C5E1A5; background-color: #C5E1A5;

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

@ -1200,30 +1200,49 @@
flex: 1; flex: 1;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { .p-button.p-button-text, .p-buttonset.p-button-text > .p-button, .p-splitbutton.p-button-text > .p-button {
color: #BA68C8; color: #BA68C8;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:enabled:hover {
background-color: transparent;
color: #BA68C8;
border-color: #BA68C8;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #17212f; background: #17212f;
color: #BA68C8; color: #BA68C8;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #E1BEE7; box-shadow: 0 0 0 1px #E1BEE7;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { .p-button.p-button-text:enabled:active, .p-buttonset.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:enabled:active {
background: #17212f; background: #17212f;
color: #BA68C8; color: #BA68C8;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border-color: #78909C;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #607D8B;
color: #ffffff;
border-color: #607D8B;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #CFD8DC;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #546E7A;
color: #ffffff;
border-color: #546E7A;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212; color: #121212;
background: #81D4FA; background: #81D4FA;
@ -3831,8 +3850,8 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-badge.p-badge-secondary { .p-badge.p-badge-secondary {
background-color: transparent; background-color: #78909C;
color: #BA68C8; color: #ffffff;
} }
.p-badge.p-badge-success { .p-badge.p-badge-success {
background-color: #C5E1A5; background-color: #C5E1A5;

9
src/views/button/ButtonDemo.vue
View File

@ -18,6 +18,12 @@
<Button label="Submit" icon="pi pi-check" /> <Button label="Submit" icon="pi pi-check" />
<Button label="Submit" icon="pi pi-check" iconPos="right" /> <Button label="Submit" icon="pi pi-check" iconPos="right" />
<h5>Text Buttons</h5>
<Button label="Submit" class="p-button-text" />
<Button icon="pi pi-check" class="p-button-text" />
<Button label="Cancel" icon="pi pi-times" class="p-button-text" />
<Button label="Search" icon="pi pi-search" iconPos="right" class="p-button-text" />
<h5>Severities</h5> <h5>Severities</h5>
<Button label="Primary" /> <Button label="Primary" />
<Button label="Secondary" class="p-button-secondary" /> <Button label="Secondary" class="p-button-secondary" />
@ -36,6 +42,7 @@
<Button label="Warning" class="p-button-raised p-button-warning" /> <Button label="Warning" class="p-button-raised p-button-warning" />
<Button label="Help" class="p-button-raised p-button-help" /> <Button label="Help" class="p-button-raised p-button-help" />
<Button label="Danger" class="p-button-raised p-button-danger" /> <Button label="Danger" class="p-button-raised p-button-danger" />
<Button label="Submit" class="p-button-raised p-button-text" />
<h5>Rounded Buttons</h5> <h5>Rounded Buttons</h5>
<Button label="Primary" class="p-button-rounded" /> <Button label="Primary" class="p-button-rounded" />
@ -45,6 +52,7 @@
<Button label="Warning" class="p-button-rounded p-button-warning" /> <Button label="Warning" class="p-button-rounded p-button-warning" />
<Button label="Help" class="p-button-rounded p-button-help" /> <Button label="Help" class="p-button-rounded p-button-help" />
<Button label="Danger" class="p-button-rounded p-button-danger" /> <Button label="Danger" class="p-button-rounded p-button-danger" />
<Button label="Submit" class="p-button-rounded p-button-text" />
<h5>Outlined Buttons</h5> <h5>Outlined Buttons</h5>
<Button label="Primary" class="p-button-outlined" /> <Button label="Primary" class="p-button-outlined" />
@ -63,6 +71,7 @@
<Button icon="pi pi-lock" class="p-button-rounded p-button-warning" /> <Button icon="pi pi-lock" class="p-button-rounded p-button-warning" />
<Button icon="pi pi-lock" class="p-button-rounded p-button-help" /> <Button icon="pi pi-lock" class="p-button-rounded p-button-help" />
<Button icon="pi pi-times" class="p-button-rounded p-button-danger" /> <Button icon="pi pi-times" class="p-button-rounded p-button-danger" />
<Button icon="pi pi-check" class="p-button-rounded p-button-text" />
<h5>Rounded and Outlined Icon Buttons</h5> <h5>Rounded and Outlined Icon Buttons</h5>
<Button icon="pi pi-check" class="p-button-rounded p-button-outlined" /> <Button icon="pi pi-check" class="p-button-rounded p-button-outlined" />

60
src/views/button/ButtonDoc.vue
View File

@ -29,6 +29,15 @@ import Button from 'primevue/button';
<p>Events are defined with the standard notation.</p> <p>Events are defined with the standard notation.</p>
<CodeHighlight> <CodeHighlight>
&lt;Button label="Submit" @click="handleClick($event)"/&gt; &lt;Button label="Submit" @click="handleClick($event)"/&gt;
</CodeHighlight>
<h5>Text Buttons</h5>
<p>Text buttons have transparent background and borders, use <i>p-button-text</i> to apply text button styling.</p>
<CodeHighlight>
&lt;Button label="Submit" class="p-button-text" /&gt;
&lt;Button icon="pi pi-check" class="p-button-text" /&gt;
&lt;Button label="Cancel" icon="pi pi-times" class="p-button-text" /&gt;
&lt;Button label="Search" icon="pi pi-search" iconPos="right" class="p-button-text" /&gt;
</CodeHighlight> </CodeHighlight>
<h5>Severity</h5> <h5>Severity</h5>
@ -190,43 +199,52 @@ import Button from 'primevue/button';
</a> </a>
<CodeHighlight> <CodeHighlight>
<template v-pre> <template v-pre>
&lt;h5&gt;Basic&lt;/h3&gt; &lt;h5&gt;Basic&lt;/h5&gt;
&lt;Button label="Submit" /&gt; &lt;Button label="Submit" /&gt;
&lt;Button label="Submit" disabled="disabled" /&gt; &lt;Button label="Submit" disabled="disabled" /&gt;
&lt;h3&gt;Icons&lt;/h3&gt; &lt;h5&gt;Icons&lt;/h5&gt;
&lt;Button icon="pi pi-check" /&gt; &lt;Button icon="pi pi-check" /&gt;
&lt;Button label="Submit" icon="pi pi-check" /&gt; &lt;Button label="Submit" icon="pi pi-check" /&gt;
&lt;Button label="Submit" icon="pi pi-check" iconPos="right" /&gt; &lt;Button label="Submit" icon="pi pi-check" iconPos="right" /&gt;
&lt;Button label="Submit" icon="pi pi-check" iconPos="top" /&gt;
&lt;Button label="Submit" icon="pi pi-check" iconPos="bottom" /&gt;
&lt;h3&gt;Severities&lt;/h3&gt; &lt;h5&gt;Text Buttons&lt;/h5&gt;
&lt;Button label="Submit" class="p-button-text" /&gt;
&lt;Button icon="pi pi-check" class="p-button-text" /&gt;
&lt;Button label="Cancel" icon="pi pi-times" class="p-button-text" /&gt;
&lt;Button label="Search" icon="pi pi-search" iconPos="right" class="p-button-text" /&gt;
&lt;h5&gt;Severities&lt;/h5&gt;
&lt;Button label="Primary" /&gt; &lt;Button label="Primary" /&gt;
&lt;Button label="Secondary" class="p-button-secondary" /&gt; &lt;Button label="Secondary" class="p-button-secondary" /&gt;
&lt;Button label="Success" class="p-button-success" /&gt; &lt;Button label="Success" class="p-button-success" /&gt;
&lt;Button label="Info" class="p-button-info" /&gt; &lt;Button label="Info" class="p-button-info" /&gt;
&lt;Button label="Warning" class="p-button-warning" /&gt; &lt;Button label="Warning" class="p-button-warning" /&gt;
&lt;Button label="Help" class="p-button-help" /&gt;
&lt;Button label="Danger" class="p-button-danger" /&gt; &lt;Button label="Danger" class="p-button-danger" /&gt;
&lt;Button label="Link" class="p-button-link" /&gt; &lt;Button label="Link" class="p-button-link" /&gt;
&lt;h3&gt;Raised Buttons&lt;/h3&gt; &lt;h5&gt;Raised Buttons&lt;/h5&gt;
&lt;Button label="Primary" class="p-button-raised" /&gt;
&lt;Button label="Primary" class="p-button-raised" /&gt; &lt;Button label="Primary" class="p-button-raised" /&gt;
&lt;Button label="Secondary" class="p-button-raised p-button-secondary" /&gt; &lt;Button label="Secondary" class="p-button-raised p-button-secondary" /&gt;
&lt;Button label="Success" class="p-button-raised p-button-success" /&gt; &lt;Button label="Success" class="p-button-raised p-button-success" /&gt;
&lt;Button label="Info" class="p-button-raised p-button-info" /&gt; &lt;Button label="Info" class="p-button-raised p-button-info" /&gt;
&lt;Button label="Warning" class="p-button-raised p-button-warning" /&gt; &lt;Button label="Warning" class="p-button-raised p-button-warning" /&gt;
&lt;Button label="Help" class="p-button-raised p-button-help" /&gt;
&lt;Button label="Danger" class="p-button-raised p-button-danger" /&gt; &lt;Button label="Danger" class="p-button-raised p-button-danger" /&gt;
&lt;Button label="Submit" class="p-button-raised p-button-text" /&gt;
&lt;h3&gt;Rounded Buttons&lt;/h3&gt; &lt;h5&gt;Rounded Buttons&lt;/h5&gt;
&lt;Button label="Primary" class="p-button-rounded" /&gt;
&lt;Button label="Secondary" class="p-button-rounded p-button-secondary" /&gt; &lt;Button label="Secondary" class="p-button-rounded p-button-secondary" /&gt;
&lt;Button label="Success" class="p-button-rounded p-button-success" /&gt; &lt;Button label="Success" class="p-button-rounded p-button-success" /&gt;
&lt;Button label="Info" class="p-button-rounded p-button-info" /&gt; &lt;Button label="Info" class="p-button-rounded p-button-info" /&gt;
&lt;Button label="Warning" class="p-button-rounded p-button-warning" /&gt; &lt;Button label="Warning" class="p-button-rounded p-button-warning" /&gt;
&lt;Button label="Help" class="p-button-rounded p-button-help" /&gt;
&lt;Button label="Danger" class="p-button-rounded p-button-danger" /&gt; &lt;Button label="Danger" class="p-button-rounded p-button-danger" /&gt;
&lt;Button label="Submit" class="p-button-rounded p-button-text" /&gt;
<h5>Outlined Buttons</h5> &lt;h5&gt;Outlined Buttons&lt;/h5&gt;
&lt;Button label="Primary" class="p-button-outlined" /&gt; &lt;Button label="Primary" class="p-button-outlined" /&gt;
&lt;Button label="Secondary" class="p-button-outlined p-button-secondary" /&gt; &lt;Button label="Secondary" class="p-button-outlined p-button-secondary" /&gt;
&lt;Button label="Success" class="p-button-outlined p-button-success" /&gt; &lt;Button label="Success" class="p-button-outlined p-button-success" /&gt;
@ -235,35 +253,37 @@ import Button from 'primevue/button';
&lt;Button label="Help" class="p-button-outlined p-button-help" /&gt; &lt;Button label="Help" class="p-button-outlined p-button-help" /&gt;
&lt;Button label="Danger" class="p-button-outlined p-button-danger" /&gt; &lt;Button label="Danger" class="p-button-outlined p-button-danger" /&gt;
&lt;h3&gt;Rounded Icon Buttons&lt;/h3&gt; &lt;h5&gt;Rounded Icon Buttons&lt;/h5&gt;
&lt;Button icon="pi pi-check" class="p-button-rounded" /&gt; &lt;Button icon="pi pi-check" class="p-button-rounded" /&gt;
&lt;Button icon="pi pi-bookmark" class="p-button-rounded p-button-secondary" /&gt; &lt;Button icon="pi pi-bookmark" class="p-button-rounded p-button-secondary" /&gt;
&lt;Button icon="pi pi-search" class="p-button-rounded p-button-success" /&gt; &lt;Button icon="pi pi-search" class="p-button-rounded p-button-success" /&gt;
&lt;Button icon="pi pi-user" class="p-button-rounded p-button-info" /&gt; &lt;Button icon="pi pi-user" class="p-button-rounded p-button-info" /&gt;
&lt;Button icon="pi pi-lock" class="p-button-rounded p-button-warning" /&gt; &lt;Button icon="pi pi-lock" class="p-button-rounded p-button-warning" /&gt;
&lt;Button icon="pi pi-lock" class="p-button-rounded p-button-help" /&gt;
&lt;Button icon="pi pi-times" class="p-button-rounded p-button-danger" /&gt; &lt;Button icon="pi pi-times" class="p-button-rounded p-button-danger" /&gt;
&lt;Button icon="pi pi-check" class="p-button-rounded p-button-text" /&gt;
&lt;h3&gt;Rounded and Outlined Icon Buttons&lt;/h3&gt; &lt;h5&gt;Rounded and Outlined Icon Buttons&lt;/h5&gt;
&lt;Button icon="pi pi-check" class="p-button-rounded" /&gt; &lt;Button icon="pi pi-check" class="p-button-rounded p-button-outlined" /&gt;
&lt;Button icon="pi pi-bookmark" class="p-button-rounded p-button-secondary p-button-outlined" /&gt; &lt;Button icon="pi pi-bookmark" class="p-button-rounded p-button-secondary p-button-outlined" /&gt;
&lt;Button icon="pi pi-search" class="p-button-rounded p-button-success p-button-outlined"" /&gt; &lt;Button icon="pi pi-search" class="p-button-rounded p-button-success p-button-outlined" /&gt;
&lt;Button icon="pi pi-user" class="p-button-rounded p-button-info p-button-outlined"" /&gt; &lt;Button icon="pi pi-user" class="p-button-rounded p-button-info p-button-outlined" /&gt;
&lt;Button icon="pi pi-lock" class="p-button-rounded p-button-warning p-button-outlined"" /&gt; &lt;Button icon="pi pi-lock" class="p-button-rounded p-button-warning p-button-outlined" /&gt;
&lt;Button icon="pi pi-times" class="p-button-rounded p-button-danger p-button-outlined"" /&gt; &lt;Button icon="pi pi-lock" class="p-button-rounded p-button-help p-button-outlined" /&gt;
&lt;Button icon="pi pi-times" class="p-button-rounded p-button-danger p-button-outlined" /&gt;
&lt;h5&gt;Badges&lt;/h5&gt;
&lt;h3&gt;Badges&lt;/h3&gt;
&lt;Button type="button" label="Emails" badge="8" /&gt; &lt;Button type="button" label="Emails" badge="8" /&gt;
&lt;Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" /&gt; &lt;Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" /&gt;
&lt;h3&gt;Button Set&lt;/h3&gt; &lt;h5&gt;Button Set&lt;/h5&gt;
&lt;span class="p-buttonset"&gt; &lt;span class="p-buttonset"&gt;
&lt;Button label="Save" icon="pi pi-check" /&gt; &lt;Button label="Save" icon="pi pi-check" /&gt;
&lt;Button label="Delete" icon="pi pi-trash" /&gt; &lt;Button label="Delete" icon="pi pi-trash" /&gt;
&lt;Button label="Cancel" icon="pi pi-times" /&gt; &lt;Button label="Cancel" icon="pi pi-times" /&gt;
&lt;/span&gt; &lt;/span&gt;
&lt;h3&gt;Sizes&lt;/h3&gt; &lt;h5&gt;Sizes&lt;/h5&gt;
&lt;div class="sizes"&gt; &lt;div class="sizes"&gt;
&lt;Button label="Small" icon="pi pi-check" class="p-button-sm" /&gt; &lt;Button label="Small" icon="pi pi-check" class="p-button-sm" /&gt;
&lt;Button label="Normal" icon="pi pi-check" class="p-button" /&gt; &lt;Button label="Normal" icon="pi pi-check" class="p-button" /&gt;