diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index c8202d3fd..b516c7edf 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #64B5F6;
+ border-color: #64B5F6;
+}
.p-button:enabled:hover {
background: #42A5F5;
color: #212529;
border-color: #42A5F5;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #BBDEFB;
-}
.p-button:enabled:active {
background: #2196F3;
color: #212529;
border-color: #2196F3;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #BBDEFB;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #64B5F6;
+ background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #64B5F6;
+ border-color: #64B5F6;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #121212;
color: #64B5F6;
@@ -1217,6 +1229,11 @@
background: #81D4FA;
border: 1px solid #81D4FA;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: #81D4FA;
+}
.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: #4FC3F7;
color: #121212;
@@ -1236,6 +1253,11 @@
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: #C5E1A5;
+}
.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: #AED581;
color: #121212;
@@ -1255,6 +1277,11 @@
background: #FFE082;
border: 1px solid #FFE082;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: #FFE082;
+}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFD54F;
color: #121212;
@@ -1274,6 +1301,11 @@
background: #CE93D8;
border: 1px solid #CE93D8;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: #CE93D8;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #BA68C8;
color: #121212;
@@ -1293,6 +1325,11 @@
background: #F48FB1;
border: 1px solid #F48FB1;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: #F48FB1;
+}
.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: #F06292;
color: #121212;
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index e799c763b..4898d8675 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81C784;
+ border-color: #81C784;
+}
.p-button:enabled:hover {
background: #66BB6A;
color: #212529;
border-color: #66BB6A;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #C8E6C9;
-}
.p-button:enabled:active {
background: #4CAF50;
color: #212529;
border-color: #4CAF50;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #C8E6C9;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #81C784;
+ background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81C784;
+ border-color: #81C784;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #121212;
color: #81C784;
@@ -1217,6 +1229,11 @@
background: #81D4FA;
border: 1px solid #81D4FA;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: #81D4FA;
+}
.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: #4FC3F7;
color: #121212;
@@ -1236,6 +1253,11 @@
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: #C5E1A5;
+}
.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: #AED581;
color: #121212;
@@ -1255,6 +1277,11 @@
background: #FFE082;
border: 1px solid #FFE082;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: #FFE082;
+}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFD54F;
color: #121212;
@@ -1274,6 +1301,11 @@
background: #CE93D8;
border: 1px solid #CE93D8;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: #CE93D8;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #BA68C8;
color: #121212;
@@ -1293,6 +1325,11 @@
background: #F48FB1;
border: 1px solid #F48FB1;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: #F48FB1;
+}
.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: #F06292;
color: #121212;
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 90d43e20b..5f23d3273 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFD54F;
+ border-color: #FFD54F;
+}
.p-button:enabled:hover {
background: #FFCA28;
color: #212529;
border-color: #FFCA28;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #FFECB3;
-}
.p-button:enabled:active {
background: #FFC107;
color: #212529;
border-color: #FFC107;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #FFECB3;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #FFD54F;
+ background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFD54F;
+ border-color: #FFD54F;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #121212;
color: #FFD54F;
@@ -1217,6 +1229,11 @@
background: #81D4FA;
border: 1px solid #81D4FA;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: #81D4FA;
+}
.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: #4FC3F7;
color: #121212;
@@ -1236,6 +1253,11 @@
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: #C5E1A5;
+}
.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: #AED581;
color: #121212;
@@ -1255,6 +1277,11 @@
background: #FFE082;
border: 1px solid #FFE082;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: #FFE082;
+}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFD54F;
color: #121212;
@@ -1274,6 +1301,11 @@
background: #CE93D8;
border: 1px solid #CE93D8;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: #CE93D8;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #BA68C8;
color: #121212;
@@ -1293,6 +1325,11 @@
background: #F48FB1;
border: 1px solid #F48FB1;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: #F48FB1;
+}
.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: #F06292;
color: #121212;
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index 7766d7c07..7ea8ed07a 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #BA68C8;
+ border-color: #BA68C8;
+}
.p-button:enabled:hover {
background: #AB47BC;
color: #ffffff;
border-color: #AB47BC;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #E1BEE7;
-}
.p-button:enabled:active {
background: #9C27B0;
color: #ffffff;
border-color: #9C27B0;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #E1BEE7;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #BA68C8;
+ background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #BA68C8;
+ border-color: #BA68C8;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #121212;
color: #BA68C8;
@@ -1217,6 +1229,11 @@
background: #81D4FA;
border: 1px solid #81D4FA;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: #81D4FA;
+}
.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: #4FC3F7;
color: #121212;
@@ -1236,6 +1253,11 @@
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: #C5E1A5;
+}
.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: #AED581;
color: #121212;
@@ -1255,6 +1277,11 @@
background: #FFE082;
border: 1px solid #FFE082;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: #FFE082;
+}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFD54F;
color: #121212;
@@ -1274,6 +1301,11 @@
background: #CE93D8;
border: 1px solid #CE93D8;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: #CE93D8;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #BA68C8;
color: #121212;
@@ -1293,6 +1325,11 @@
background: #F48FB1;
border: 1px solid #F48FB1;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: #F48FB1;
+}
.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: #F06292;
color: #121212;
diff --git a/public/themes/bootstrap4-dark/theme.css b/public/themes/bootstrap4-dark/theme.css
index 5f0ba4689..16fc45d0b 100644
--- a/public/themes/bootstrap4-dark/theme.css
+++ b/public/themes/bootstrap4-dark/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #8dd0ff;
+ border-color: #8dd0ff;
+}
.p-button:enabled:hover {
background: #56bdff;
color: #151515;
border-color: #56bdff;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px rgba(38, 143, 255, 0.5);
-}
.p-button:enabled:active {
background: #1dadff;
color: #151515;
border-color: #1dadff;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px rgba(38, 143, 255, 0.5);
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #8dd0ff;
+ background-color: #151515;
}
.p-button.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: #6c757d;
border: 1px solid #6c757d;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffffff;
+ border-color: #ffffff;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #5a6268;
color: #ffffff;
@@ -1217,6 +1229,11 @@
background: #7fd8e6;
border: 1px solid #4cc8db;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #7fd8e6;
+ border-color: #7fd8e6;
+}
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #4cc8db;
color: #151515;
@@ -1236,6 +1253,11 @@
background: #9fdaa8;
border: 1px solid #78cc86;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9fdaa8;
+ border-color: #9fdaa8;
+}
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #78cc86;
color: #151515;
@@ -1255,6 +1277,11 @@
background: #ffe082;
border: 1px solid #ffd54f;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffe082;
+ border-color: #ffe082;
+}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ffd54f;
color: #151515;
@@ -1274,6 +1301,11 @@
background: #b7a2e0;
border: 1px solid #9a7cd4;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #b7a2e0;
+ border-color: #b7a2e0;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #9a7cd4;
color: #151515;
@@ -1293,6 +1325,11 @@
background: #f19ea6;
border: 1px solid #e97984;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #f19ea6;
+ border-color: #f19ea6;
+}
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #e97984;
color: #151515;
diff --git a/public/themes/bootstrap4-light/theme.css b/public/themes/bootstrap4-light/theme.css
index 16b5db1ea..d7b1c1755 100644
--- a/public/themes/bootstrap4-light/theme.css
+++ b/public/themes/bootstrap4-light/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007bff;
+ border-color: #007bff;
+}
.p-button:enabled:hover {
background: #0069d9;
color: #ffffff;
border-color: #0069d9;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
-}
.p-button:enabled:active {
background: #0062cc;
color: #ffffff;
border-color: #0062cc;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #007bff;
+ background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: #6c757d;
border: 1px solid #6c757d;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffffff;
+ border-color: #ffffff;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #5a6268;
color: #ffffff;
@@ -1217,6 +1229,11 @@
background: #17a2b8;
border: 1px solid #17a2b8;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #17a2b8;
+ border-color: #17a2b8;
+}
.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: #138496;
color: #ffffff;
@@ -1236,6 +1253,11 @@
background: #28a745;
border: 1px solid #28a745;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #28a745;
+ border-color: #28a745;
+}
.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: #218838;
color: #ffffff;
@@ -1255,6 +1277,11 @@
background: #ffc107;
border: 1px solid #ffc107;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffc107;
+ border-color: #ffc107;
+}
.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: #e0a800;
color: #212529;
@@ -1274,6 +1301,11 @@
background: #6f42c1;
border: 1px solid #6f42c1;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #6f42c1;
+ border-color: #6f42c1;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #633bad;
color: #ffffff;
@@ -1293,6 +1325,11 @@
background: #dc3545;
border: 1px solid #dc3545;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #dc3545;
+ border-color: #dc3545;
+}
.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: #c82333;
color: #ffffff;
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 567b8e514..2ec86a9c0 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -469,7 +469,7 @@
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
@@ -755,7 +755,7 @@
}
.p-listbox .p-listbox-header .p-listbox-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-listbox .p-listbox-list {
padding: 0;
@@ -837,7 +837,7 @@
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-multiselect-panel .p-multiselect-header .p-checkbox {
margin-right: 0.5rem;
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: #FFE082;
+}
.p-button:enabled:hover {
background: #FFD54F;
color: #212529;
border-color: #FFD54F;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem white;
-}
.p-button:enabled:active {
background: #FFCA28;
color: #212529;
border-color: #FFCA28;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem white;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #FFE082;
+ background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1194,22 +1201,27 @@
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #333333;
- background: #f4f4f4;
- border: 1px solid #f4f4f4;
+ color: #FFE082;
+ background: transparent;
+ border: 1px solid transparent;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: #FFE082;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #c8c8c8;
- color: #333333;
- border-color: #c8c8c8;
+ background: #4c4c4c;
+ color: #FFE082;
+ border-color: #4c4c4c;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem white;
}
.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;
- color: #333333;
- border-color: #a0a0a0;
+ color: #FFE082;
+ border-color: #585858;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@@ -1217,6 +1229,11 @@
background: #4FC3F7;
border: 1px solid #4FC3F7;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: #4FC3F7;
+}
.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: #29B6F6;
color: #212529;
@@ -1236,6 +1253,11 @@
background: #AED581;
border: 1px solid #AED581;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #AED581;
+ border-color: #AED581;
+}
.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: #9CCC65;
color: #212529;
@@ -1255,6 +1277,11 @@
background: #FFB74D;
border: 1px solid #FFB74D;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: #FFB74D;
+}
.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: #FFA726;
color: #212529;
@@ -1274,6 +1301,11 @@
background: #CE93D8;
border: 1px solid #CE93D8;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: #CE93D8;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #BA68C8;
color: #121212;
@@ -1293,6 +1325,11 @@
background: #E57373;
border: 1px solid #E57373;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #E57373;
+ border-color: #E57373;
+}
.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: #EF5350;
color: #212529;
@@ -2005,7 +2042,7 @@
}
.p-tree .p-tree-filter-container .p-tree-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-tree .p-treenode-children {
padding: 0 0 0 1rem;
@@ -3760,8 +3797,8 @@
line-height: 1.5rem;
}
.p-badge.p-badge-secondary {
- background-color: #f4f4f4;
- color: #333333;
+ background-color: transparent;
+ color: #FFE082;
}
.p-badge.p-badge-success {
background-color: #AED581;
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 2fc48aa4b..f06ba65f1 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -469,7 +469,7 @@
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
@@ -755,7 +755,7 @@
}
.p-listbox .p-listbox-header .p-listbox-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-listbox .p-listbox-list {
padding: 0;
@@ -837,7 +837,7 @@
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-multiselect-panel .p-multiselect-header .p-checkbox {
margin-right: 0.5rem;
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: #81D4FA;
+}
.p-button:enabled:hover {
background: #4FC3F7;
color: #212529;
border-color: #4FC3F7;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem white;
-}
.p-button:enabled:active {
background: #29B6F6;
color: #212529;
border-color: #29B6F6;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem white;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #81D4FA;
+ background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1194,22 +1201,27 @@
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #333333;
- background: #f4f4f4;
- border: 1px solid #f4f4f4;
+ color: #81D4FA;
+ background: transparent;
+ border: 1px solid transparent;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: #81D4FA;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #c8c8c8;
- color: #333333;
- border-color: #c8c8c8;
+ background: #4c4c4c;
+ color: #81D4FA;
+ border-color: #4c4c4c;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem white;
}
.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;
- color: #333333;
- border-color: #a0a0a0;
+ color: #81D4FA;
+ border-color: #585858;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@@ -1217,6 +1229,11 @@
background: #4FC3F7;
border: 1px solid #4FC3F7;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: #4FC3F7;
+}
.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: #29B6F6;
color: #212529;
@@ -1236,6 +1253,11 @@
background: #AED581;
border: 1px solid #AED581;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #AED581;
+ border-color: #AED581;
+}
.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: #9CCC65;
color: #212529;
@@ -1255,6 +1277,11 @@
background: #FFB74D;
border: 1px solid #FFB74D;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: #FFB74D;
+}
.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: #FFA726;
color: #212529;
@@ -1274,6 +1301,11 @@
background: #CE93D8;
border: 1px solid #CE93D8;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: #CE93D8;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #BA68C8;
color: #121212;
@@ -1293,6 +1325,11 @@
background: #E57373;
border: 1px solid #E57373;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #E57373;
+ border-color: #E57373;
+}
.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: #EF5350;
color: #212529;
@@ -2005,7 +2042,7 @@
}
.p-tree .p-tree-filter-container .p-tree-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-tree .p-treenode-children {
padding: 0 0 0 1rem;
@@ -3760,8 +3797,8 @@
line-height: 1.5rem;
}
.p-badge.p-badge-secondary {
- background-color: #f4f4f4;
- color: #333333;
+ background-color: transparent;
+ color: #81D4FA;
}
.p-badge.p-badge-success {
background-color: #AED581;
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 4fb33ce0a..a556a5d3a 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -469,7 +469,7 @@
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
@@ -755,7 +755,7 @@
}
.p-listbox .p-listbox-header .p-listbox-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-listbox .p-listbox-list {
padding: 0;
@@ -837,7 +837,7 @@
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-multiselect-panel .p-multiselect-header .p-checkbox {
margin-right: 0.5rem;
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: #C5E1A5;
+}
.p-button:enabled:hover {
background: #AED581;
color: #212529;
border-color: #AED581;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem white;
-}
.p-button:enabled:active {
background: #9CCC65;
color: #212529;
border-color: #9CCC65;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem white;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #C5E1A5;
+ background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1194,22 +1201,27 @@
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #333333;
- background: #f4f4f4;
- border: 1px solid #f4f4f4;
+ color: #C5E1A5;
+ background: transparent;
+ border: 1px solid transparent;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: #C5E1A5;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #c8c8c8;
- color: #333333;
- border-color: #c8c8c8;
+ background: #4c4c4c;
+ color: #C5E1A5;
+ border-color: #4c4c4c;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem white;
}
.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;
- color: #333333;
- border-color: #a0a0a0;
+ color: #C5E1A5;
+ border-color: #585858;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@@ -1217,6 +1229,11 @@
background: #4FC3F7;
border: 1px solid #4FC3F7;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: #4FC3F7;
+}
.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: #29B6F6;
color: #212529;
@@ -1236,6 +1253,11 @@
background: #AED581;
border: 1px solid #AED581;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #AED581;
+ border-color: #AED581;
+}
.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: #9CCC65;
color: #212529;
@@ -1255,6 +1277,11 @@
background: #FFB74D;
border: 1px solid #FFB74D;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: #FFB74D;
+}
.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: #FFA726;
color: #212529;
@@ -1274,6 +1301,11 @@
background: #CE93D8;
border: 1px solid #CE93D8;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: #CE93D8;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #BA68C8;
color: #121212;
@@ -1293,6 +1325,11 @@
background: #E57373;
border: 1px solid #E57373;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #E57373;
+ border-color: #E57373;
+}
.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: #EF5350;
color: #212529;
@@ -2005,7 +2042,7 @@
}
.p-tree .p-tree-filter-container .p-tree-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-tree .p-treenode-children {
padding: 0 0 0 1rem;
@@ -3760,8 +3797,8 @@
line-height: 1.5rem;
}
.p-badge.p-badge-secondary {
- background-color: #f4f4f4;
- color: #333333;
+ background-color: transparent;
+ color: #C5E1A5;
}
.p-badge.p-badge-success {
background-color: #AED581;
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index d5c229556..070c44324 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -469,7 +469,7 @@
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
@@ -755,7 +755,7 @@
}
.p-listbox .p-listbox-header .p-listbox-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-listbox .p-listbox-list {
padding: 0;
@@ -837,7 +837,7 @@
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-multiselect-panel .p-multiselect-header .p-checkbox {
margin-right: 0.5rem;
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: #F48FB1;
+}
.p-button:enabled:hover {
background: #F06292;
color: #212529;
border-color: #F06292;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem white;
-}
.p-button:enabled:active {
background: #EC407A;
color: #212529;
border-color: #EC407A;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem white;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #F48FB1;
+ background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1194,22 +1201,27 @@
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #333333;
- background: #f4f4f4;
- border: 1px solid #f4f4f4;
+ color: #F48FB1;
+ background: transparent;
+ border: 1px solid transparent;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: #F48FB1;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #c8c8c8;
- color: #333333;
- border-color: #c8c8c8;
+ background: #4c4c4c;
+ color: #F48FB1;
+ border-color: #4c4c4c;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem white;
}
.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;
- color: #333333;
- border-color: #a0a0a0;
+ color: #F48FB1;
+ border-color: #585858;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
@@ -1217,6 +1229,11 @@
background: #4FC3F7;
border: 1px solid #4FC3F7;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: #4FC3F7;
+}
.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: #29B6F6;
color: #212529;
@@ -1236,6 +1253,11 @@
background: #AED581;
border: 1px solid #AED581;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #AED581;
+ border-color: #AED581;
+}
.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: #9CCC65;
color: #212529;
@@ -1255,6 +1277,11 @@
background: #FFB74D;
border: 1px solid #FFB74D;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: #FFB74D;
+}
.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: #FFA726;
color: #212529;
@@ -1274,6 +1301,11 @@
background: #CE93D8;
border: 1px solid #CE93D8;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: #CE93D8;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #BA68C8;
color: #121212;
@@ -1293,6 +1325,11 @@
background: #E57373;
border: 1px solid #E57373;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #E57373;
+ border-color: #E57373;
+}
.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: #EF5350;
color: #212529;
@@ -2005,7 +2042,7 @@
}
.p-tree .p-tree-filter-container .p-tree-filter-icon {
right: 0.429rem;
- color: #252525;
+ color: #dedede;
}
.p-tree .p-treenode-children {
padding: 0 0 0 1rem;
@@ -3760,8 +3797,8 @@
line-height: 1.5rem;
}
.p-badge.p-badge-secondary {
- background-color: #f4f4f4;
- color: #333333;
+ background-color: transparent;
+ color: #F48FB1;
}
.p-badge.p-badge-success {
background-color: #AED581;
diff --git a/public/themes/material-dark/theme.css b/public/themes/material-dark/theme.css
index 61ac0fe71..f8331edd9 100644
--- a/public/themes/material-dark/theme.css
+++ b/public/themes/material-dark/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #2196F3;
+ border-color: #2196F3;
+}
.p-button:enabled:hover {
background: #1E88E5;
color: #ffffff;
border-color: #1E88E5;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #BBDEFB;
-}
.p-button:enabled:active {
background: #1976D2;
color: #ffffff;
border-color: #1976D2;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #BBDEFB;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #2196F3;
+ background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #1976D2;
+ border-color: #1976D2;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #e9ecef;
color: #1976D2;
@@ -1217,6 +1229,11 @@
background: #0288D1;
border: 1px solid #0288D1;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #0288D1;
+ border-color: #0288D1;
+}
.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;
color: #ffffff;
@@ -1236,6 +1253,11 @@
background: #689F38;
border: 1px solid #689F38;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border-color: #689F38;
+}
.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;
color: #ffffff;
@@ -1255,6 +1277,11 @@
background: #FBC02D;
border: 1px solid #FBC02D;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: #FBC02D;
+}
.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;
color: #212529;
@@ -1274,6 +1301,11 @@
background: #9C27B0;
border: 1px solid #9C27B0;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: #9C27B0;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
@@ -1293,6 +1325,11 @@
background: #D32F2F;
border: 1px solid #D32F2F;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: #D32F2F;
+}
.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;
color: #ffffff;
diff --git a/public/themes/material-light/theme.css b/public/themes/material-light/theme.css
index e4f7db7dc..a189adef2 100644
--- a/public/themes/material-light/theme.css
+++ b/public/themes/material-light/theme.css
@@ -1139,21 +1139,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #2196F3;
+ border-color: #2196F3;
+}
.p-button:enabled:hover {
background: #1E88E5;
color: #ffffff;
border-color: #1E88E5;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #BBDEFB;
-}
.p-button:enabled:active {
background: #1976D2;
color: #ffffff;
border-color: #1976D2;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #BBDEFB;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1171,6 +1176,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #2196F3;
+ background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -1222,6 +1229,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #1976D2;
+ border-color: #1976D2;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #e9ecef;
color: #1976D2;
@@ -1241,6 +1253,11 @@
background: #0288D1;
border: 1px solid #0288D1;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #0288D1;
+ border-color: #0288D1;
+}
.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;
color: #ffffff;
@@ -1260,6 +1277,11 @@
background: #689F38;
border: 1px solid #689F38;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border-color: #689F38;
+}
.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;
color: #ffffff;
@@ -1279,6 +1301,11 @@
background: #FBC02D;
border: 1px solid #FBC02D;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: #FBC02D;
+}
.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;
color: #212529;
@@ -1298,6 +1325,11 @@
background: #9C27B0;
border: 1px solid #9C27B0;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: #9C27B0;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
@@ -1317,6 +1349,11 @@
background: #D32F2F;
border: 1px solid #D32F2F;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: #D32F2F;
+}
.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;
color: #ffffff;
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index a410b52de..0081b3841 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: #007ad9;
+}
.p-button:enabled:hover {
background: #116fbf;
color: #ffffff;
border-color: #116fbf;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
-}
.p-button:enabled:active {
background: #005b9f;
color: #ffffff;
border-color: #005b9f;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #007ad9;
+ background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: #f4f4f4;
border: 1px solid #f4f4f4;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #333333;
+ border-color: #333333;
+}
.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;
color: #333333;
@@ -1217,6 +1229,11 @@
background: #007ad9;
border: 1px solid #007ad9;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: #007ad9;
+}
.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;
color: #ffffff;
@@ -1236,6 +1253,11 @@
background: #34A835;
border: 1px solid #34A835;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #34A835;
+ border-color: #34A835;
+}
.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;
color: #ffffff;
@@ -1255,6 +1277,11 @@
background: #ffba01;
border: 1px solid #ffba01;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: #ffba01;
+}
.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;
color: #333333;
@@ -1274,6 +1301,11 @@
background: #9C27B0;
border: 1px solid #9C27B0;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: #9C27B0;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
@@ -1293,6 +1325,11 @@
background: #e91224;
border: 1px solid #e91224;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e91224;
+ border-color: #e91224;
+}
.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;
color: #ffffff;
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index 5e3abfbea..14f63a248 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: #007ad9;
+}
.p-button:enabled:hover {
background: #116fbf;
color: #ffffff;
border-color: #116fbf;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
-}
.p-button:enabled:active {
background: #005b9f;
color: #ffffff;
border-color: #005b9f;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #007ad9;
+ background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: #f4f4f4;
border: 1px solid #f4f4f4;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #333333;
+ border-color: #333333;
+}
.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;
color: #333333;
@@ -1217,6 +1229,11 @@
background: #007ad9;
border: 1px solid #007ad9;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: #007ad9;
+}
.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;
color: #ffffff;
@@ -1236,6 +1253,11 @@
background: #34A835;
border: 1px solid #34A835;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #34A835;
+ border-color: #34A835;
+}
.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;
color: #ffffff;
@@ -1255,6 +1277,11 @@
background: #ffba01;
border: 1px solid #ffba01;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: #ffba01;
+}
.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;
color: #333333;
@@ -1274,6 +1301,11 @@
background: #9C27B0;
border: 1px solid #9C27B0;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: #9C27B0;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
@@ -1293,6 +1325,11 @@
background: #e91224;
border: 1px solid #e91224;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e91224;
+ border-color: #e91224;
+}
.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;
color: #ffffff;
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index d91ea05cd..757383fe1 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #41b883;
+ border-color: #41b883;
+}
.p-button:enabled:hover {
background: #318c63;
color: #ffffff;
border-color: #318c63;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
-}
.p-button:enabled:active {
background: #246749;
color: #ffffff;
border-color: #246749;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #41b883;
+ background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: #f4f4f4;
border: 1px solid #f4f4f4;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #333333;
+ border-color: #333333;
+}
.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;
color: #333333;
@@ -1217,6 +1229,11 @@
background: #007ad9;
border: 1px solid #007ad9;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: #007ad9;
+}
.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;
color: #ffffff;
@@ -1236,6 +1253,11 @@
background: #34A835;
border: 1px solid #34A835;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #34A835;
+ border-color: #34A835;
+}
.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;
color: #ffffff;
@@ -1255,6 +1277,11 @@
background: #ffba01;
border: 1px solid #ffba01;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: #ffba01;
+}
.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;
color: #333333;
@@ -1274,6 +1301,11 @@
background: #9C27B0;
border: 1px solid #9C27B0;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: #9C27B0;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
@@ -1293,6 +1325,11 @@
background: #e91224;
border: 1px solid #e91224;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e91224;
+ border-color: #e91224;
+}
.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;
color: #ffffff;
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 420c1c45a..426968ea6 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: #007ad9;
+}
.p-button:enabled:hover {
background: #116fbf;
color: #ffffff;
border-color: #116fbf;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
-}
.p-button:enabled:active {
background: #005b9f;
color: #ffffff;
border-color: #005b9f;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #007ad9;
+ background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: #f4f4f4;
border: 1px solid #f4f4f4;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #333333;
+ border-color: #333333;
+}
.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;
color: #333333;
@@ -1217,6 +1229,11 @@
background: #007ad9;
border: 1px solid #007ad9;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: #007ad9;
+}
.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;
color: #ffffff;
@@ -1236,6 +1253,11 @@
background: #34A835;
border: 1px solid #34A835;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #34A835;
+ border-color: #34A835;
+}
.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;
color: #ffffff;
@@ -1255,6 +1277,11 @@
background: #ffba01;
border: 1px solid #ffba01;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: #ffba01;
+}
.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;
color: #333333;
@@ -1274,6 +1301,11 @@
background: #9C27B0;
border: 1px solid #9C27B0;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: #9C27B0;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
@@ -1293,6 +1325,11 @@
background: #e91224;
border: 1px solid #e91224;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e91224;
+ border-color: #e91224;
+}
.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;
color: #ffffff;
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 8436c707c..435c2f42c 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #7B95A3;
+ border-color: #7B95A3;
+}
.p-button:enabled:hover {
background: #6c8999;
color: #ffffff;
border-color: #6c8999;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
-}
.p-button:enabled:active {
background: #617c8a;
color: #ffffff;
border-color: #617c8a;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #7B95A3;
+ background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: #f3f3f3;
border: 1px solid #f3f3f3;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #333333;
+ border-color: #333333;
+}
.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;
color: #212121;
@@ -1217,6 +1229,11 @@
background: #A3DEF8;
border: 1px solid #79C8EB;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #A3DEF8;
+ border-color: #A3DEF8;
+}
.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;
color: #3D4447;
@@ -1236,6 +1253,11 @@
background: #A3E2C6;
border: 1px solid #80CAAA;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #A3E2C6;
+ border-color: #A3E2C6;
+}
.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;
color: #323E39;
@@ -1255,6 +1277,11 @@
background: #FEEDBC;
border: 1px solid #F7DB8A;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FEEDBC;
+ border-color: #FEEDBC;
+}
.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;
color: #333333;
@@ -1274,6 +1301,11 @@
background: #e9bef1;
border: 1px solid #de9eea;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e9bef1;
+ border-color: #e9bef1;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #de9eea;
color: #333333;
@@ -1293,6 +1325,11 @@
background: #F4B6B6;
border: 1px solid #E38787;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F4B6B6;
+ border-color: #F4B6B6;
+}
.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;
color: #262222;
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 178e2e23e..6ab738fa8 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #2196F3;
+ border-color: #2196F3;
+}
.p-button:enabled:hover {
background: #1E88E5;
color: #ffffff;
border-color: #1E88E5;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #BBDEFB;
-}
.p-button:enabled:active {
background: #1976D2;
color: #ffffff;
border-color: #1976D2;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #BBDEFB;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #2196F3;
+ background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #1976D2;
+ border-color: #1976D2;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #e9ecef;
color: #1976D2;
@@ -1217,6 +1229,11 @@
background: #0288D1;
border: 1px solid #0288D1;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #0288D1;
+ border-color: #0288D1;
+}
.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;
color: #ffffff;
@@ -1236,6 +1253,11 @@
background: #689F38;
border: 1px solid #689F38;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border-color: #689F38;
+}
.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;
color: #ffffff;
@@ -1255,6 +1277,11 @@
background: #FBC02D;
border: 1px solid #FBC02D;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: #FBC02D;
+}
.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;
color: #212529;
@@ -1274,6 +1301,11 @@
background: #9C27B0;
border: 1px solid #9C27B0;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: #9C27B0;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
@@ -1293,6 +1325,11 @@
background: #D32F2F;
border: 1px solid #D32F2F;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: #D32F2F;
+}
.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;
color: #ffffff;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index fa492f40e..20dcbdbd0 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4CAF50;
+ border-color: #4CAF50;
+}
.p-button:enabled:hover {
background: #43A047;
color: #ffffff;
border-color: #43A047;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #C8E6C9;
-}
.p-button:enabled:active {
background: #388E3C;
color: #ffffff;
border-color: #388E3C;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #C8E6C9;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #4CAF50;
+ background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #388E3C;
+ border-color: #388E3C;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #e9ecef;
color: #388E3C;
@@ -1217,6 +1229,11 @@
background: #0288D1;
border: 1px solid #0288D1;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #0288D1;
+ border-color: #0288D1;
+}
.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;
color: #ffffff;
@@ -1236,6 +1253,11 @@
background: #689F38;
border: 1px solid #689F38;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border-color: #689F38;
+}
.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;
color: #ffffff;
@@ -1255,6 +1277,11 @@
background: #FBC02D;
border: 1px solid #FBC02D;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: #FBC02D;
+}
.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;
color: #212529;
@@ -1274,6 +1301,11 @@
background: #9C27B0;
border: 1px solid #9C27B0;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: #9C27B0;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
@@ -1293,6 +1325,11 @@
background: #D32F2F;
border: 1px solid #D32F2F;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: #D32F2F;
+}
.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;
color: #ffffff;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 4decd4119..e305561e0 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFC107;
+ border-color: #FFC107;
+}
.p-button:enabled:hover {
background: #FFB300;
color: #212529;
border-color: #FFB300;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #FFECB3;
-}
.p-button:enabled:active {
background: #FFA000;
color: #212529;
border-color: #FFA000;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #FFECB3;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #FFC107;
+ background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFA000;
+ border-color: #FFA000;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #e9ecef;
color: #FFA000;
@@ -1217,6 +1229,11 @@
background: #0288D1;
border: 1px solid #0288D1;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #0288D1;
+ border-color: #0288D1;
+}
.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;
color: #ffffff;
@@ -1236,6 +1253,11 @@
background: #689F38;
border: 1px solid #689F38;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border-color: #689F38;
+}
.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;
color: #ffffff;
@@ -1255,6 +1277,11 @@
background: #FBC02D;
border: 1px solid #FBC02D;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: #FBC02D;
+}
.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;
color: #212529;
@@ -1274,6 +1301,11 @@
background: #9C27B0;
border: 1px solid #9C27B0;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: #9C27B0;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
@@ -1293,6 +1325,11 @@
background: #D32F2F;
border: 1px solid #D32F2F;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: #D32F2F;
+}
.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;
color: #ffffff;
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index c71621d6e..ce089c77a 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #64B5F6;
+ border-color: #64B5F6;
+}
.p-button:enabled:hover {
background: #42A5F5;
color: #212529;
border-color: #42A5F5;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #BBDEFB;
-}
.p-button:enabled:active {
background: #2196F3;
color: #212529;
border-color: #2196F3;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #BBDEFB;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #64B5F6;
+ background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #64B5F6;
+ border-color: #64B5F6;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #17212f;
color: #64B5F6;
@@ -1217,6 +1229,11 @@
background: #81D4FA;
border: 1px solid #81D4FA;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: #81D4FA;
+}
.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: #4FC3F7;
color: #121212;
@@ -1236,6 +1253,11 @@
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: #C5E1A5;
+}
.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: #AED581;
color: #121212;
@@ -1255,6 +1277,11 @@
background: #FFE082;
border: 1px solid #FFE082;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: #FFE082;
+}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFD54F;
color: #121212;
@@ -1274,6 +1301,11 @@
background: #CE93D8;
border: 1px solid #CE93D8;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: #CE93D8;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #BA68C8;
color: #121212;
@@ -1293,6 +1325,11 @@
background: #F48FB1;
border: 1px solid #F48FB1;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: #F48FB1;
+}
.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: #F06292;
color: #121212;
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index ab3e428dc..0be4323db 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81C784;
+ border-color: #81C784;
+}
.p-button:enabled:hover {
background: #66BB6A;
color: #212529;
border-color: #66BB6A;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #C8E6C9;
-}
.p-button:enabled:active {
background: #4CAF50;
color: #212529;
border-color: #4CAF50;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #C8E6C9;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #81C784;
+ background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81C784;
+ border-color: #81C784;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #17212f;
color: #81C784;
@@ -1217,6 +1229,11 @@
background: #81D4FA;
border: 1px solid #81D4FA;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: #81D4FA;
+}
.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: #4FC3F7;
color: #121212;
@@ -1236,6 +1253,11 @@
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: #C5E1A5;
+}
.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: #AED581;
color: #121212;
@@ -1255,6 +1277,11 @@
background: #FFE082;
border: 1px solid #FFE082;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: #FFE082;
+}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFD54F;
color: #121212;
@@ -1274,6 +1301,11 @@
background: #CE93D8;
border: 1px solid #CE93D8;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: #CE93D8;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #BA68C8;
color: #121212;
@@ -1293,6 +1325,11 @@
background: #F48FB1;
border: 1px solid #F48FB1;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: #F48FB1;
+}
.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: #F06292;
color: #121212;
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index f842b8bc2..104286a2a 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFD54F;
+ border-color: #FFD54F;
+}
.p-button:enabled:hover {
background: #FFCA28;
color: #212529;
border-color: #FFCA28;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #FFECB3;
-}
.p-button:enabled:active {
background: #FFC107;
color: #212529;
border-color: #FFC107;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #FFECB3;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #FFD54F;
+ background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFD54F;
+ border-color: #FFD54F;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #17212f;
color: #FFD54F;
@@ -1217,6 +1229,11 @@
background: #81D4FA;
border: 1px solid #81D4FA;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: #81D4FA;
+}
.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: #4FC3F7;
color: #121212;
@@ -1236,6 +1253,11 @@
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: #C5E1A5;
+}
.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: #AED581;
color: #121212;
@@ -1255,6 +1277,11 @@
background: #FFE082;
border: 1px solid #FFE082;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: #FFE082;
+}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFD54F;
color: #121212;
@@ -1274,6 +1301,11 @@
background: #CE93D8;
border: 1px solid #CE93D8;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: #CE93D8;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #BA68C8;
color: #121212;
@@ -1293,6 +1325,11 @@
background: #F48FB1;
border: 1px solid #F48FB1;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: #F48FB1;
+}
.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: #F06292;
color: #121212;
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 935b14694..b462f5c50 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -1115,21 +1115,26 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #BA68C8;
+ border-color: #BA68C8;
+}
.p-button:enabled:hover {
background: #AB47BC;
color: #ffffff;
border-color: #AB47BC;
}
-.p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #E1BEE7;
-}
.p-button:enabled:active {
background: #9C27B0;
color: #ffffff;
border-color: #9C27B0;
}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #E1BEE7;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1147,6 +1152,8 @@
min-width: 1rem;
height: 1rem;
line-height: 1rem;
+ color: #BA68C8;
+ background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -1198,6 +1205,11 @@
background: transparent;
border: 1px solid transparent;
}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #BA68C8;
+ border-color: #BA68C8;
+}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #17212f;
color: #BA68C8;
@@ -1217,6 +1229,11 @@
background: #81D4FA;
border: 1px solid #81D4FA;
}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: #81D4FA;
+}
.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: #4FC3F7;
color: #121212;
@@ -1236,6 +1253,11 @@
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: #C5E1A5;
+}
.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: #AED581;
color: #121212;
@@ -1255,6 +1277,11 @@
background: #FFE082;
border: 1px solid #FFE082;
}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: #FFE082;
+}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFD54F;
color: #121212;
@@ -1274,6 +1301,11 @@
background: #CE93D8;
border: 1px solid #CE93D8;
}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: #CE93D8;
+}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #BA68C8;
color: #121212;
@@ -1293,6 +1325,11 @@
background: #F48FB1;
border: 1px solid #F48FB1;
}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: #F48FB1;
+}
.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: #F06292;
color: #121212;
diff --git a/src/components/button/Button.css b/src/components/button/Button.css
index 2fb0fcb50..b38fc58ba 100755
--- a/src/components/button/Button.css
+++ b/src/components/button/Button.css
@@ -4,7 +4,7 @@
cursor: pointer;
user-select: none;
align-items: center;
- vertical-align: top;
+ vertical-align: bottom;
text-align: center;
}
diff --git a/src/components/button/Button.vue b/src/components/button/Button.vue
index 9fda352e0..81f54c63a 100755
--- a/src/components/button/Button.vue
+++ b/src/components/button/Button.vue
@@ -24,7 +24,7 @@ export default {
},
badgeClass: {
type: String,
- default: 'p-badge-secondary'
+ default: null
}
},
computed: {
diff --git a/src/components/checkbox/Checkbox.css b/src/components/checkbox/Checkbox.css
index 900995758..aa7995d3d 100755
--- a/src/components/checkbox/Checkbox.css
+++ b/src/components/checkbox/Checkbox.css
@@ -2,7 +2,7 @@
display: inline-flex;
cursor: pointer;
user-select: none;
- vertical-align: top;
+ vertical-align: bottom;
}
.p-checkbox-box {
diff --git a/src/components/radiobutton/RadioButton.css b/src/components/radiobutton/RadioButton.css
index c975d177d..99b88684a 100755
--- a/src/components/radiobutton/RadioButton.css
+++ b/src/components/radiobutton/RadioButton.css
@@ -2,7 +2,7 @@
display: inline-flex;
cursor: pointer;
user-select: none;
- vertical-align: top;
+ vertical-align: bottom;
}
.p-radiobutton-box {
diff --git a/src/views/button/ButtonDemo.vue b/src/views/button/ButtonDemo.vue
index f76311f30..20775c2c3 100755
--- a/src/views/button/ButtonDemo.vue
+++ b/src/views/button/ButtonDemo.vue
@@ -46,6 +46,15 @@
Outlined Buttons
+ Rounded Icon Buttons
Rounded and Outlined Icon Buttons
+ Badges
A button can be raised by having "p-button-raised" style class and similarly borders can be made rounded using "p-button-rounded" class.
<Button label="Primary" class="p-button-raised p-button-rounded" />
+
+
+ Outlined Buttons
+ An alternate styling for a button is the outlined option where background becomes transparent. Apply "p-button-outlined" to style a button as outlined.
+
+<Button label="Primary" class="p-button-outlined" />
Link Buttons
@@ -132,7 +138,7 @@ import Button from 'primevue/button';
badgeClass
string
- p-badge-secondary
+ null
Style class of the badge.
@@ -220,6 +226,15 @@ import Button from 'primevue/button';
<Button label="Warning" class="p-button-rounded p-button-warning" />
<Button label="Danger" class="p-button-rounded p-button-danger" />
+Outlined Buttons
+<Button label="Primary" class="p-button-outlined" />
+<Button label="Secondary" class="p-button-outlined p-button-secondary" />
+<Button label="Success" class="p-button-outlined p-button-success" />
+<Button label="Info" class="p-button-outlined p-button-info" />
+<Button label="Warning" class="p-button-outlined p-button-warning" />
+<Button label="Help" class="p-button-outlined p-button-help" />
+<Button label="Danger" class="p-button-outlined p-button-danger" />
+
<h3>Rounded Icon Buttons</h3>
<Button icon="pi pi-check" class="p-button-rounded" />
<Button icon="pi pi-bookmark" class="p-button-rounded p-button-secondary" />
@@ -228,6 +243,15 @@ import Button from 'primevue/button';
<Button icon="pi pi-lock" class="p-button-rounded p-button-warning" />
<Button icon="pi pi-times" class="p-button-rounded p-button-danger" />
+<h3>Rounded and Outlined Icon Buttons</h3>
+<Button icon="pi pi-check" class="p-button-rounded" />
+<Button icon="pi pi-bookmark" class="p-button-rounded p-button-secondary p-button-outlined" />
+<Button icon="pi pi-search" class="p-button-rounded p-button-success p-button-outlined"" />
+<Button icon="pi pi-user" class="p-button-rounded p-button-info p-button-outlined"" />
+<Button icon="pi pi-lock" class="p-button-rounded p-button-warning p-button-outlined"" />
+<Button icon="pi pi-times" class="p-button-rounded p-button-danger p-button-outlined"" />
+
+
<h3>Badges</h3>
<Button type="button" label="Emails" badge="8" />
<Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" />