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

Refactored splitbutton and buttonset

pull/345/head
cagataycivici 2020-05-13 16:30:02 +03:00
parent acb75bb036
commit 1592e3a48b
19 changed files with 332 additions and 329 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #333333;
background: #f4f4f4; background: #f4f4f4;
border: 1px solid #f4f4f4; border: 1px solid #f4f4f4;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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: #c8c8c8; background: #c8c8c8;
color: #333333; color: #333333;
border-color: #c8c8c8; border-color: #c8c8c8;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #ffe8b3; box-shadow: 0 0 0 0.2rem #ffe8b3;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #a0a0a0;
color: #333333; color: #333333;
border-color: #a0a0a0; border-color: #a0a0a0;
} }
.p-button.p-button-info, .p-buttonset.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: #007ad9; background: #007ad9;
border: 1px solid #007ad9; border: 1px solid #007ad9;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #116fbf; background: #116fbf;
color: #ffffff; color: #ffffff;
border-color: #116fbf; border-color: #116fbf;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
border-color: #005b9f; border-color: #005b9f;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #34A835; background: #34A835;
border: 1px solid #34A835; border: 1px solid #34A835;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #107D11; background: #107D11;
color: #ffffff; color: #ffffff;
border-color: #107D11; border-color: #107D11;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #aae5aa; box-shadow: 0 0 0 0.2rem #aae5aa;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #0C6B0D; background: #0C6B0D;
color: #ffffff; color: #ffffff;
border-color: #0C6B0D; border-color: #0C6B0D;
} }
.p-button.p-button-warning, .p-buttonset.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: #212121; color: #212121;
background: #ffba01; background: #ffba01;
border: 1px solid #ffba01; border: 1px solid #ffba01;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #ED990B; background: #ED990B;
color: #212121; color: #212121;
border-color: #ED990B; border-color: #ED990B;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #ffeab4; box-shadow: 0 0 0 0.2rem #ffeab4;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #D38B10; background: #D38B10;
color: #212121; color: #212121;
border-color: #D38B10; border-color: #D38B10;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #e91224; background: #e91224;
border: 1px solid #e91224; border: 1px solid #e91224;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #c01120; background: #c01120;
color: #ffffff; color: #ffffff;
border-color: #c01120; border-color: #c01120;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #f9b4ba; box-shadow: 0 0 0 0.2rem #f9b4ba;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #a90000; background: #a90000;
color: #ffffff; color: #ffffff;
border-color: #a90000; border-color: #a90000;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #333333;
background: #f4f4f4; background: #f4f4f4;
border: 1px solid #f4f4f4; border: 1px solid #f4f4f4;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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: #c8c8c8; background: #c8c8c8;
color: #333333; color: #333333;
border-color: #c8c8c8; border-color: #c8c8c8;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #88e9aa; box-shadow: 0 0 0 0.2rem #88e9aa;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #a0a0a0;
color: #333333; color: #333333;
border-color: #a0a0a0; border-color: #a0a0a0;
} }
.p-button.p-button-info, .p-buttonset.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: #007ad9; background: #007ad9;
border: 1px solid #007ad9; border: 1px solid #007ad9;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #116fbf; background: #116fbf;
color: #ffffff; color: #ffffff;
border-color: #116fbf; border-color: #116fbf;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
border-color: #005b9f; border-color: #005b9f;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #34A835; background: #34A835;
border: 1px solid #34A835; border: 1px solid #34A835;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #107D11; background: #107D11;
color: #ffffff; color: #ffffff;
border-color: #107D11; border-color: #107D11;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #aae5aa; box-shadow: 0 0 0 0.2rem #aae5aa;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #0C6B0D; background: #0C6B0D;
color: #ffffff; color: #ffffff;
border-color: #0C6B0D; border-color: #0C6B0D;
} }
.p-button.p-button-warning, .p-buttonset.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: #212121; color: #212121;
background: #ffba01; background: #ffba01;
border: 1px solid #ffba01; border: 1px solid #ffba01;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #ED990B; background: #ED990B;
color: #212121; color: #212121;
border-color: #ED990B; border-color: #ED990B;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #ffeab4; box-shadow: 0 0 0 0.2rem #ffeab4;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #D38B10; background: #D38B10;
color: #212121; color: #212121;
border-color: #D38B10; border-color: #D38B10;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #e91224; background: #e91224;
border: 1px solid #e91224; border: 1px solid #e91224;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #c01120; background: #c01120;
color: #ffffff; color: #ffffff;
border-color: #c01120; border-color: #c01120;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #f9b4ba; box-shadow: 0 0 0 0.2rem #f9b4ba;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #a90000; background: #a90000;
color: #ffffff; color: #ffffff;
border-color: #a90000; border-color: #a90000;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #333333;
background: #f4f4f4; background: #f4f4f4;
border: 1px solid #f4f4f4; border: 1px solid #f4f4f4;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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: #c8c8c8; background: #c8c8c8;
color: #333333; color: #333333;
border-color: #c8c8c8; border-color: #c8c8c8;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #f1b6c8; box-shadow: 0 0 0 0.2rem #f1b6c8;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #a0a0a0;
color: #333333; color: #333333;
border-color: #a0a0a0; border-color: #a0a0a0;
} }
.p-button.p-button-info, .p-buttonset.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: #007ad9; background: #007ad9;
border: 1px solid #007ad9; border: 1px solid #007ad9;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #116fbf; background: #116fbf;
color: #ffffff; color: #ffffff;
border-color: #116fbf; border-color: #116fbf;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
border-color: #005b9f; border-color: #005b9f;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #34A835; background: #34A835;
border: 1px solid #34A835; border: 1px solid #34A835;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #107D11; background: #107D11;
color: #ffffff; color: #ffffff;
border-color: #107D11; border-color: #107D11;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #aae5aa; box-shadow: 0 0 0 0.2rem #aae5aa;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #0C6B0D; background: #0C6B0D;
color: #ffffff; color: #ffffff;
border-color: #0C6B0D; border-color: #0C6B0D;
} }
.p-button.p-button-warning, .p-buttonset.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: #212121; color: #212121;
background: #ffba01; background: #ffba01;
border: 1px solid #ffba01; border: 1px solid #ffba01;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #ED990B; background: #ED990B;
color: #212121; color: #212121;
border-color: #ED990B; border-color: #ED990B;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #ffeab4; box-shadow: 0 0 0 0.2rem #ffeab4;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #D38B10; background: #D38B10;
color: #212121; color: #212121;
border-color: #D38B10; border-color: #D38B10;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #e91224; background: #e91224;
border: 1px solid #e91224; border: 1px solid #e91224;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #c01120; background: #c01120;
color: #ffffff; color: #ffffff;
border-color: #c01120; border-color: #c01120;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #f9b4ba; box-shadow: 0 0 0 0.2rem #f9b4ba;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #a90000; background: #a90000;
color: #ffffff; color: #ffffff;
border-color: #a90000; border-color: #a90000;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #333333;
background: #f4f4f4; background: #f4f4f4;
border: 1px solid #f4f4f4; border: 1px solid #f4f4f4;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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: #c8c8c8; background: #c8c8c8;
color: #333333; color: #333333;
border-color: #c8c8c8; border-color: #c8c8c8;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #8dcdff;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #a0a0a0;
color: #333333; color: #333333;
border-color: #a0a0a0; border-color: #a0a0a0;
} }
.p-button.p-button-info, .p-buttonset.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: #007ad9; background: #007ad9;
border: 1px solid #007ad9; border: 1px solid #007ad9;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #116fbf; background: #116fbf;
color: #ffffff; color: #ffffff;
border-color: #116fbf; border-color: #116fbf;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
border-color: #005b9f; border-color: #005b9f;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #34A835; background: #34A835;
border: 1px solid #34A835; border: 1px solid #34A835;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #107D11; background: #107D11;
color: #ffffff; color: #ffffff;
border-color: #107D11; border-color: #107D11;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #aae5aa; box-shadow: 0 0 0 0.2rem #aae5aa;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #0C6B0D; background: #0C6B0D;
color: #ffffff; color: #ffffff;
border-color: #0C6B0D; border-color: #0C6B0D;
} }
.p-button.p-button-warning, .p-buttonset.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: #ffba01; background: #ffba01;
border: 1px solid #ffba01; border: 1px solid #ffba01;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #ED990B; background: #ED990B;
color: #333333; color: #333333;
border-color: #ED990B; border-color: #ED990B;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #ffeab4; box-shadow: 0 0 0 0.2rem #ffeab4;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #D38B10; background: #D38B10;
color: #333333; color: #333333;
border-color: #D38B10; border-color: #D38B10;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #e91224; background: #e91224;
border: 1px solid #e91224; border: 1px solid #e91224;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #c01120; background: #c01120;
color: #ffffff; color: #ffffff;
border-color: #c01120; border-color: #c01120;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #f9b4ba; box-shadow: 0 0 0 0.2rem #f9b4ba;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #a90000; background: #a90000;
color: #ffffff; color: #ffffff;
border-color: #a90000; border-color: #a90000;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #333333;
background: #f4f4f4; background: #f4f4f4;
border: 1px solid #f4f4f4; border: 1px solid #f4f4f4;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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: #c8c8c8; background: #c8c8c8;
color: #333333; color: #333333;
border-color: #c8c8c8; border-color: #c8c8c8;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #8dcdff;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #a0a0a0;
color: #333333; color: #333333;
border-color: #a0a0a0; border-color: #a0a0a0;
} }
.p-button.p-button-info, .p-buttonset.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: #007ad9; background: #007ad9;
border: 1px solid #007ad9; border: 1px solid #007ad9;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #116fbf; background: #116fbf;
color: #ffffff; color: #ffffff;
border-color: #116fbf; border-color: #116fbf;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
border-color: #005b9f; border-color: #005b9f;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #34A835; background: #34A835;
border: 1px solid #34A835; border: 1px solid #34A835;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #107D11; background: #107D11;
color: #ffffff; color: #ffffff;
border-color: #107D11; border-color: #107D11;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #aae5aa; box-shadow: 0 0 0 0.2rem #aae5aa;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #0C6B0D; background: #0C6B0D;
color: #ffffff; color: #ffffff;
border-color: #0C6B0D; border-color: #0C6B0D;
} }
.p-button.p-button-warning, .p-buttonset.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: #ffba01; background: #ffba01;
border: 1px solid #ffba01; border: 1px solid #ffba01;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #ED990B; background: #ED990B;
color: #333333; color: #333333;
border-color: #ED990B; border-color: #ED990B;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #ffeab4; box-shadow: 0 0 0 0.2rem #ffeab4;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #D38B10; background: #D38B10;
color: #333333; color: #333333;
border-color: #D38B10; border-color: #D38B10;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #e91224; background: #e91224;
border: 1px solid #e91224; border: 1px solid #e91224;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #c01120; background: #c01120;
color: #ffffff; color: #ffffff;
border-color: #c01120; border-color: #c01120;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #f9b4ba; box-shadow: 0 0 0 0.2rem #f9b4ba;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #a90000; background: #a90000;
color: #ffffff; color: #ffffff;
border-color: #a90000; border-color: #a90000;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #333333;
background: #f4f4f4; background: #f4f4f4;
border: 1px solid #f4f4f4; border: 1px solid #f4f4f4;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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: #c8c8c8; background: #c8c8c8;
color: #333333; color: #333333;
border-color: #c8c8c8; border-color: #c8c8c8;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #8dcdff;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #a0a0a0;
color: #333333; color: #333333;
border-color: #a0a0a0; border-color: #a0a0a0;
} }
.p-button.p-button-info, .p-buttonset.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: #007ad9; background: #007ad9;
border: 1px solid #007ad9; border: 1px solid #007ad9;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #116fbf; background: #116fbf;
color: #ffffff; color: #ffffff;
border-color: #116fbf; border-color: #116fbf;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
border-color: #005b9f; border-color: #005b9f;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #34A835; background: #34A835;
border: 1px solid #34A835; border: 1px solid #34A835;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #107D11; background: #107D11;
color: #ffffff; color: #ffffff;
border-color: #107D11; border-color: #107D11;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #aae5aa; box-shadow: 0 0 0 0.2rem #aae5aa;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #0C6B0D; background: #0C6B0D;
color: #ffffff; color: #ffffff;
border-color: #0C6B0D; border-color: #0C6B0D;
} }
.p-button.p-button-warning, .p-buttonset.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: #ffba01; background: #ffba01;
border: 1px solid #ffba01; border: 1px solid #ffba01;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #ED990B; background: #ED990B;
color: #333333; color: #333333;
border-color: #ED990B; border-color: #ED990B;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #ffeab4; box-shadow: 0 0 0 0.2rem #ffeab4;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #D38B10; background: #D38B10;
color: #333333; color: #333333;
border-color: #D38B10; border-color: #D38B10;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #e91224; background: #e91224;
border: 1px solid #e91224; border: 1px solid #e91224;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #c01120; background: #c01120;
color: #ffffff; color: #ffffff;
border-color: #c01120; border-color: #c01120;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #f9b4ba; box-shadow: 0 0 0 0.2rem #f9b4ba;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #a90000; background: #a90000;
color: #ffffff; color: #ffffff;
border-color: #a90000; border-color: #a90000;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #333333;
background: #f4f4f4; background: #f4f4f4;
border: 1px solid #f4f4f4; border: 1px solid #f4f4f4;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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: #c8c8c8; background: #c8c8c8;
color: #333333; color: #333333;
border-color: #c8c8c8; border-color: #c8c8c8;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #c2e9d8;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #a0a0a0;
color: #333333; color: #333333;
border-color: #a0a0a0; border-color: #a0a0a0;
} }
.p-button.p-button-info, .p-buttonset.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: #007ad9; background: #007ad9;
border: 1px solid #007ad9; border: 1px solid #007ad9;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #116fbf; background: #116fbf;
color: #ffffff; color: #ffffff;
border-color: #116fbf; border-color: #116fbf;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
border-color: #005b9f; border-color: #005b9f;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #34A835; background: #34A835;
border: 1px solid #34A835; border: 1px solid #34A835;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #107D11; background: #107D11;
color: #ffffff; color: #ffffff;
border-color: #107D11; border-color: #107D11;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #aae5aa; box-shadow: 0 0 0 0.2rem #aae5aa;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #0C6B0D; background: #0C6B0D;
color: #ffffff; color: #ffffff;
border-color: #0C6B0D; border-color: #0C6B0D;
} }
.p-button.p-button-warning, .p-buttonset.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: #ffba01; background: #ffba01;
border: 1px solid #ffba01; border: 1px solid #ffba01;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #ED990B; background: #ED990B;
color: #333333; color: #333333;
border-color: #ED990B; border-color: #ED990B;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #ffeab4; box-shadow: 0 0 0 0.2rem #ffeab4;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #D38B10; background: #D38B10;
color: #333333; color: #333333;
border-color: #D38B10; border-color: #D38B10;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #e91224; background: #e91224;
border: 1px solid #e91224; border: 1px solid #e91224;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #c01120; background: #c01120;
color: #ffffff; color: #ffffff;
border-color: #c01120; border-color: #c01120;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #f9b4ba; box-shadow: 0 0 0 0.2rem #f9b4ba;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #a90000; background: #a90000;
color: #ffffff; color: #ffffff;
border-color: #a90000; border-color: #a90000;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #333333;
background: #f3f3f3; background: #f3f3f3;
border: 1px solid #f3f3f3; border: 1px solid #f3f3f3;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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: #d1d1d1;
color: #212121; color: #212121;
border-color: #d1d1d1; border-color: #d1d1d1;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #99adb8;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #7B95A3;
color: #ffffff; color: #ffffff;
border-color: #7B95A3; border-color: #7B95A3;
} }
.p-button.p-button-info, .p-buttonset.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: #3D4447; color: #3D4447;
background: #A3DEF8; background: #A3DEF8;
border: 1px solid #79C8EB; border: 1px solid #79C8EB;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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;
color: #3D4447; color: #3D4447;
border-color: #60B7DE; border-color: #60B7DE;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #d2effc; box-shadow: 0 0 0 0.2rem #d2effc;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #3ea9db; background: #3ea9db;
color: #3D4447; color: #3D4447;
border-color: #2987B1; border-color: #2987B1;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #323E39; color: #323E39;
background: #A3E2C6; background: #A3E2C6;
border: 1px solid #80CAAA; border: 1px solid #80CAAA;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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;
color: #323E39; color: #323E39;
border-color: #5EA285; border-color: #5EA285;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #caeede; box-shadow: 0 0 0 0.2rem #caeede;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #31B57C; background: #31B57C;
color: #323E39; color: #323E39;
border-color: #5EA285; border-color: #5EA285;
} }
.p-button.p-button-warning, .p-buttonset.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: #FEEDBC;
border: 1px solid #F7DB8A; border: 1px solid #F7DB8A;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #FFDE87;
color: #333333; color: #333333;
border-color: #F3CE61; border-color: #F3CE61;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #fef4d5;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #FDC328;
color: #333333; color: #333333;
border-color: #DEA818; border-color: #DEA818;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #262222; color: #262222;
background: #F4B6B6; background: #F4B6B6;
border: 1px solid #E38787; border: 1px solid #E38787;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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;
color: #262222; color: #262222;
border-color: #CB5858; border-color: #CB5858;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #fbe2e2; box-shadow: 0 0 0 0.2rem #fbe2e2;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #EB5656; background: #EB5656;
color: #262222; color: #262222;
border-color: #B73737; border-color: #B73737;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #1976D2; color: #1976D2;
background: #ffffff; background: #ffffff;
border: 1px solid #2196F3; border: 1px solid #2196F3;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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;
color: #1976D2; color: #1976D2;
border-color: #1E88E5; border-color: #1E88E5;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #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-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: #dee2e6; background: #dee2e6;
color: #1976D2; color: #1976D2;
border-color: #1976D2; border-color: #1976D2;
} }
.p-button.p-button-info, .p-buttonset.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;
border: 1px solid #0288D1; border: 1px solid #0288D1;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #0277BD; background: #0277BD;
color: #ffffff; color: #ffffff;
border-color: #0277BD; border-color: #0277BD;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #81D4FA; box-shadow: 0 0 0 0.2rem #81D4FA;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #01579B; background: #01579B;
color: #ffffff; color: #ffffff;
border-color: #01579B; border-color: #01579B;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #689F38; background: #689F38;
border: 1px solid #689F38; border: 1px solid #689F38;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #558B2F; background: #558B2F;
color: #ffffff; color: #ffffff;
border-color: #558B2F; border-color: #558B2F;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #A5D6A7; box-shadow: 0 0 0 0.2rem #A5D6A7;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #33691E; background: #33691E;
color: #ffffff; color: #ffffff;
border-color: #33691E; border-color: #33691E;
} }
.p-button.p-button-warning, .p-buttonset.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: #212529; color: #212529;
background: #FBC02D; background: #FBC02D;
border: 1px solid #FBC02D; border: 1px solid #FBC02D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #F9A825; background: #F9A825;
color: #212529; color: #212529;
border-color: #F9A825; border-color: #F9A825;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #FDD835; box-shadow: 0 0 0 0.2rem #FDD835;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #F57F17; background: #F57F17;
color: #212529; color: #212529;
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
border: 1px solid #D32F2F; border: 1px solid #D32F2F;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #C62828; background: #C62828;
color: #ffffff; color: #ffffff;
border-color: #C62828; border-color: #C62828;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #EF9A9A; box-shadow: 0 0 0 0.2rem #EF9A9A;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B71C1C; background: #B71C1C;
color: #ffffff; color: #ffffff;
border-color: #B71C1C; border-color: #B71C1C;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #00838F; color: #00838F;
background: #ffffff; background: #ffffff;
border: 1px solid #00ACC1; border: 1px solid #00ACC1;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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;
color: #00838F; color: #00838F;
border-color: #0097A7; border-color: #0097A7;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #B2EBF2; box-shadow: 0 0 0 0.2rem #B2EBF2;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #dee2e6; background: #dee2e6;
color: #00838F; color: #00838F;
border-color: #00838F; border-color: #00838F;
} }
.p-button.p-button-info, .p-buttonset.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;
border: 1px solid #0288D1; border: 1px solid #0288D1;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #0277BD; background: #0277BD;
color: #ffffff; color: #ffffff;
border-color: #0277BD; border-color: #0277BD;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #81D4FA; box-shadow: 0 0 0 0.2rem #81D4FA;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #01579B; background: #01579B;
color: #ffffff; color: #ffffff;
border-color: #01579B; border-color: #01579B;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #689F38; background: #689F38;
border: 1px solid #689F38; border: 1px solid #689F38;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #558B2F; background: #558B2F;
color: #ffffff; color: #ffffff;
border-color: #558B2F; border-color: #558B2F;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #A5D6A7; box-shadow: 0 0 0 0.2rem #A5D6A7;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #33691E; background: #33691E;
color: #ffffff; color: #ffffff;
border-color: #33691E; border-color: #33691E;
} }
.p-button.p-button-warning, .p-buttonset.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: #212529; color: #212529;
background: #FBC02D; background: #FBC02D;
border: 1px solid #FBC02D; border: 1px solid #FBC02D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #F9A825; background: #F9A825;
color: #212529; color: #212529;
border-color: #F9A825; border-color: #F9A825;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #FDD835; box-shadow: 0 0 0 0.2rem #FDD835;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #F57F17; background: #F57F17;
color: #212529; color: #212529;
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
border: 1px solid #D32F2F; border: 1px solid #D32F2F;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #C62828; background: #C62828;
color: #ffffff; color: #ffffff;
border-color: #C62828; border-color: #C62828;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #EF9A9A; box-shadow: 0 0 0 0.2rem #EF9A9A;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B71C1C; background: #B71C1C;
color: #ffffff; color: #ffffff;
border-color: #B71C1C; border-color: #B71C1C;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #512DA8; color: #512DA8;
background: #ffffff; background: #ffffff;
border: 1px solid #673AB7; border: 1px solid #673AB7;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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;
color: #512DA8; color: #512DA8;
border-color: #5E35B1; border-color: #5E35B1;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #D1C4E9; box-shadow: 0 0 0 0.2rem #D1C4E9;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #dee2e6; background: #dee2e6;
color: #512DA8; color: #512DA8;
border-color: #512DA8; border-color: #512DA8;
} }
.p-button.p-button-info, .p-buttonset.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;
border: 1px solid #0288D1; border: 1px solid #0288D1;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #0277BD; background: #0277BD;
color: #ffffff; color: #ffffff;
border-color: #0277BD; border-color: #0277BD;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #81D4FA; box-shadow: 0 0 0 0.2rem #81D4FA;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #01579B; background: #01579B;
color: #ffffff; color: #ffffff;
border-color: #01579B; border-color: #01579B;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #689F38; background: #689F38;
border: 1px solid #689F38; border: 1px solid #689F38;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #558B2F; background: #558B2F;
color: #ffffff; color: #ffffff;
border-color: #558B2F; border-color: #558B2F;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #A5D6A7; box-shadow: 0 0 0 0.2rem #A5D6A7;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #33691E; background: #33691E;
color: #ffffff; color: #ffffff;
border-color: #33691E; border-color: #33691E;
} }
.p-button.p-button-warning, .p-buttonset.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: #212529; color: #212529;
background: #FBC02D; background: #FBC02D;
border: 1px solid #FBC02D; border: 1px solid #FBC02D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #F9A825; background: #F9A825;
color: #212529; color: #212529;
border-color: #F9A825; border-color: #F9A825;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #FDD835; box-shadow: 0 0 0 0.2rem #FDD835;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #F57F17; background: #F57F17;
color: #212529; color: #212529;
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
border: 1px solid #D32F2F; border: 1px solid #D32F2F;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #C62828; background: #C62828;
color: #ffffff; color: #ffffff;
border-color: #C62828; border-color: #C62828;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #EF9A9A; box-shadow: 0 0 0 0.2rem #EF9A9A;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B71C1C; background: #B71C1C;
color: #ffffff; color: #ffffff;
border-color: #B71C1C; border-color: #B71C1C;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #388E3C; color: #388E3C;
background: #ffffff; background: #ffffff;
border: 1px solid #4CAF50; border: 1px solid #4CAF50;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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;
color: #388E3C; color: #388E3C;
border-color: #43A047; border-color: #43A047;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #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-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: #dee2e6; background: #dee2e6;
color: #388E3C; color: #388E3C;
border-color: #388E3C; border-color: #388E3C;
} }
.p-button.p-button-info, .p-buttonset.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;
border: 1px solid #0288D1; border: 1px solid #0288D1;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #0277BD; background: #0277BD;
color: #ffffff; color: #ffffff;
border-color: #0277BD; border-color: #0277BD;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #81D4FA; box-shadow: 0 0 0 0.2rem #81D4FA;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #01579B; background: #01579B;
color: #ffffff; color: #ffffff;
border-color: #01579B; border-color: #01579B;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #689F38; background: #689F38;
border: 1px solid #689F38; border: 1px solid #689F38;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #558B2F; background: #558B2F;
color: #ffffff; color: #ffffff;
border-color: #558B2F; border-color: #558B2F;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #A5D6A7; box-shadow: 0 0 0 0.2rem #A5D6A7;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #33691E; background: #33691E;
color: #ffffff; color: #ffffff;
border-color: #33691E; border-color: #33691E;
} }
.p-button.p-button-warning, .p-buttonset.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: #212529; color: #212529;
background: #FBC02D; background: #FBC02D;
border: 1px solid #FBC02D; border: 1px solid #FBC02D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #F9A825; background: #F9A825;
color: #212529; color: #212529;
border-color: #F9A825; border-color: #F9A825;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #FDD835; box-shadow: 0 0 0 0.2rem #FDD835;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #F57F17; background: #F57F17;
color: #212529; color: #212529;
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
border: 1px solid #D32F2F; border: 1px solid #D32F2F;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #C62828; background: #C62828;
color: #ffffff; color: #ffffff;
border-color: #C62828; border-color: #C62828;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #EF9A9A; box-shadow: 0 0 0 0.2rem #EF9A9A;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B71C1C; background: #B71C1C;
color: #ffffff; color: #ffffff;
border-color: #B71C1C; border-color: #B71C1C;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #303F9F; color: #303F9F;
background: #ffffff; background: #ffffff;
border: 1px solid #3F51B5; border: 1px solid #3F51B5;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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;
color: #303F9F; color: #303F9F;
border-color: #3949AB; border-color: #3949AB;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #C5CAE9; box-shadow: 0 0 0 0.2rem #C5CAE9;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #dee2e6; background: #dee2e6;
color: #303F9F; color: #303F9F;
border-color: #303F9F; border-color: #303F9F;
} }
.p-button.p-button-info, .p-buttonset.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;
border: 1px solid #0288D1; border: 1px solid #0288D1;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #0277BD; background: #0277BD;
color: #ffffff; color: #ffffff;
border-color: #0277BD; border-color: #0277BD;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #81D4FA; box-shadow: 0 0 0 0.2rem #81D4FA;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #01579B; background: #01579B;
color: #ffffff; color: #ffffff;
border-color: #01579B; border-color: #01579B;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #689F38; background: #689F38;
border: 1px solid #689F38; border: 1px solid #689F38;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #558B2F; background: #558B2F;
color: #ffffff; color: #ffffff;
border-color: #558B2F; border-color: #558B2F;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #A5D6A7; box-shadow: 0 0 0 0.2rem #A5D6A7;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #33691E; background: #33691E;
color: #ffffff; color: #ffffff;
border-color: #33691E; border-color: #33691E;
} }
.p-button.p-button-warning, .p-buttonset.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: #212529; color: #212529;
background: #FBC02D; background: #FBC02D;
border: 1px solid #FBC02D; border: 1px solid #FBC02D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #F9A825; background: #F9A825;
color: #212529; color: #212529;
border-color: #F9A825; border-color: #F9A825;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #FDD835; box-shadow: 0 0 0 0.2rem #FDD835;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #F57F17; background: #F57F17;
color: #212529; color: #212529;
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
border: 1px solid #D32F2F; border: 1px solid #D32F2F;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #C62828; background: #C62828;
color: #ffffff; color: #ffffff;
border-color: #C62828; border-color: #C62828;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #EF9A9A; box-shadow: 0 0 0 0.2rem #EF9A9A;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B71C1C; background: #B71C1C;
color: #ffffff; color: #ffffff;
border-color: #B71C1C; border-color: #B71C1C;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #FFA000; color: #FFA000;
background: #ffffff; background: #ffffff;
border: 1px solid #FFC107; border: 1px solid #FFC107;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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;
color: #FFA000; color: #FFA000;
border-color: #FFB300; border-color: #FFB300;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #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-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: #dee2e6; background: #dee2e6;
color: #FFA000; color: #FFA000;
border-color: #FFA000; border-color: #FFA000;
} }
.p-button.p-button-info, .p-buttonset.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;
border: 1px solid #0288D1; border: 1px solid #0288D1;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #0277BD; background: #0277BD;
color: #ffffff; color: #ffffff;
border-color: #0277BD; border-color: #0277BD;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #81D4FA; box-shadow: 0 0 0 0.2rem #81D4FA;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #01579B; background: #01579B;
color: #ffffff; color: #ffffff;
border-color: #01579B; border-color: #01579B;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #689F38; background: #689F38;
border: 1px solid #689F38; border: 1px solid #689F38;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #558B2F; background: #558B2F;
color: #ffffff; color: #ffffff;
border-color: #558B2F; border-color: #558B2F;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #A5D6A7; box-shadow: 0 0 0 0.2rem #A5D6A7;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #33691E; background: #33691E;
color: #ffffff; color: #ffffff;
border-color: #33691E; border-color: #33691E;
} }
.p-button.p-button-warning, .p-buttonset.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: #212529; color: #212529;
background: #FBC02D; background: #FBC02D;
border: 1px solid #FBC02D; border: 1px solid #FBC02D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #F9A825; background: #F9A825;
color: #212529; color: #212529;
border-color: #F9A825; border-color: #F9A825;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #FDD835; box-shadow: 0 0 0 0.2rem #FDD835;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #F57F17; background: #F57F17;
color: #212529; color: #212529;
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
border: 1px solid #D32F2F; border: 1px solid #D32F2F;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #C62828; background: #C62828;
color: #ffffff; color: #ffffff;
border-color: #C62828; border-color: #C62828;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #EF9A9A; box-shadow: 0 0 0 0.2rem #EF9A9A;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B71C1C; background: #B71C1C;
color: #ffffff; color: #ffffff;
border-color: #B71C1C; border-color: #B71C1C;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #7B1FA2; color: #7B1FA2;
background: #ffffff; background: #ffffff;
border: 1px solid #9C27B0; border: 1px solid #9C27B0;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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;
color: #7B1FA2; color: #7B1FA2;
border-color: #8E24AA; border-color: #8E24AA;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #E1BEE7; box-shadow: 0 0 0 0.2rem #E1BEE7;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #dee2e6; background: #dee2e6;
color: #7B1FA2; color: #7B1FA2;
border-color: #7B1FA2; border-color: #7B1FA2;
} }
.p-button.p-button-info, .p-buttonset.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;
border: 1px solid #0288D1; border: 1px solid #0288D1;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #0277BD; background: #0277BD;
color: #ffffff; color: #ffffff;
border-color: #0277BD; border-color: #0277BD;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #81D4FA; box-shadow: 0 0 0 0.2rem #81D4FA;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #01579B; background: #01579B;
color: #ffffff; color: #ffffff;
border-color: #01579B; border-color: #01579B;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #689F38; background: #689F38;
border: 1px solid #689F38; border: 1px solid #689F38;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #558B2F; background: #558B2F;
color: #ffffff; color: #ffffff;
border-color: #558B2F; border-color: #558B2F;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #A5D6A7; box-shadow: 0 0 0 0.2rem #A5D6A7;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #33691E; background: #33691E;
color: #ffffff; color: #ffffff;
border-color: #33691E; border-color: #33691E;
} }
.p-button.p-button-warning, .p-buttonset.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: #212529; color: #212529;
background: #FBC02D; background: #FBC02D;
border: 1px solid #FBC02D; border: 1px solid #FBC02D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #F9A825; background: #F9A825;
color: #212529; color: #212529;
border-color: #F9A825; border-color: #F9A825;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #FDD835; box-shadow: 0 0 0 0.2rem #FDD835;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #F57F17; background: #F57F17;
color: #212529; color: #212529;
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
border: 1px solid #D32F2F; border: 1px solid #D32F2F;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #C62828; background: #C62828;
color: #ffffff; color: #ffffff;
border-color: #C62828; border-color: #C62828;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #EF9A9A; box-shadow: 0 0 0 0.2rem #EF9A9A;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B71C1C; background: #B71C1C;
color: #ffffff; color: #ffffff;
border-color: #B71C1C; border-color: #B71C1C;

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

@ -1133,96 +1133,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.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: #00796B; color: #00796B;
background: #ffffff; background: #ffffff;
border: 1px solid #009688; border: 1px solid #009688;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.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;
color: #00796B; color: #00796B;
border-color: #00897B; border-color: #00897B;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.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 #B2DFDB; box-shadow: 0 0 0 0.2rem #B2DFDB;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.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: #dee2e6; background: #dee2e6;
color: #00796B; color: #00796B;
border-color: #00796B; border-color: #00796B;
} }
.p-button.p-button-info, .p-buttonset.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;
border: 1px solid #0288D1; border: 1px solid #0288D1;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.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: #0277BD; background: #0277BD;
color: #ffffff; color: #ffffff;
border-color: #0277BD; border-color: #0277BD;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #81D4FA; box-shadow: 0 0 0 0.2rem #81D4FA;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #01579B; background: #01579B;
color: #ffffff; color: #ffffff;
border-color: #01579B; border-color: #01579B;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff; color: #ffffff;
background: #689F38; background: #689F38;
border: 1px solid #689F38; border: 1px solid #689F38;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.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: #558B2F; background: #558B2F;
color: #ffffff; color: #ffffff;
border-color: #558B2F; border-color: #558B2F;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #A5D6A7; box-shadow: 0 0 0 0.2rem #A5D6A7;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #33691E; background: #33691E;
color: #ffffff; color: #ffffff;
border-color: #33691E; border-color: #33691E;
} }
.p-button.p-button-warning, .p-buttonset.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: #212529; color: #212529;
background: #FBC02D; background: #FBC02D;
border: 1px solid #FBC02D; border: 1px solid #FBC02D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.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: #F9A825; background: #F9A825;
color: #212529; color: #212529;
border-color: #F9A825; border-color: #F9A825;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.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 #FDD835; box-shadow: 0 0 0 0.2rem #FDD835;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.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: #F57F17; background: #F57F17;
color: #212529; color: #212529;
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
border: 1px solid #D32F2F; border: 1px solid #D32F2F;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.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: #C62828; background: #C62828;
color: #ffffff; color: #ffffff;
border-color: #C62828; border-color: #C62828;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #EF9A9A; box-shadow: 0 0 0 0.2rem #EF9A9A;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B71C1C; background: #B71C1C;
color: #ffffff; color: #ffffff;
border-color: #B71C1C; border-color: #B71C1C;

4
src/components/button/Button.css
View File

@ -41,6 +41,10 @@
margin: 0; margin: 0;
} }
.p-buttonset .p-button:not(:last-child) {
border-right: 0 none;
}
.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) { .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0; border-radius: 0;
} }

6
src/components/selectbutton/SelectButton.vue
View File

@ -101,9 +101,3 @@ export default {
} }
} }
</script> </script>
<style>
.p-buttonset .p-button:not(:last-child) {
border-right: 0 none;
}
</style>

9
src/components/splitbutton/SplitButton.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="p-splitbutton p-buttonset p-component"> <div class="p-splitbutton p-component">
<PVSButton type="button" class="p-splitbutton-defaultbutton" :icon="icon" :label="label" @click="onClick" :disabled="disabled" :tabindex="tabindex" /> <PVSButton type="button" class="p-splitbutton-defaultbutton" :icon="icon" :label="label" @click="onClick" :disabled="disabled" :tabindex="tabindex" />
<PVSButton type="button" class="p-splitbutton-menubutton" icon="pi pi-chevron-down" @click="onDropdownButtonClick" :disabled="disabled" <PVSButton type="button" class="p-splitbutton-menubutton" icon="pi pi-chevron-down" @click="onDropdownButtonClick" :disabled="disabled"
aria-haspopup="true" :aria-controls="ariaId + '_overlay'"/> aria-haspopup="true" :aria-controls="ariaId + '_overlay'"/>
@ -74,14 +74,19 @@ export default {
position: relative; position: relative;
} }
.p-splitbutton-defaultbutton { .p-splitbutton .p-splitbutton-defaultbutton {
flex: 1 1 auto; flex: 1 1 auto;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0 none;
} }
.p-splitbutton-menubutton { .p-splitbutton-menubutton {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
} }
.p-splitbutton .p-menu { .p-splitbutton .p-menu {