Fixed badge colors

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;

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;

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;

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;

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;

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;

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;
+  color: #FFE082;
-  background: #f4f4f4;
+  background: transparent;
-  border: 1px solid #f4f4f4;
+  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;
+  background: #4c4c4c;
-  color: #333333;
+  color: #FFE082;
-  border-color: #c8c8c8;
+  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;
+  color: #FFE082;
-  border-color: #a0a0a0;
+  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;
+  background-color: transparent;
-  color: #333333;
+  color: #FFE082;
 }
 .p-badge.p-badge-success {
   background-color: #AED581;

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;
+  color: #81D4FA;
-  background: #f4f4f4;
+  background: transparent;
-  border: 1px solid #f4f4f4;
+  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;
+  background: #4c4c4c;
-  color: #333333;
+  color: #81D4FA;
-  border-color: #c8c8c8;
+  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;
+  color: #81D4FA;
-  border-color: #a0a0a0;
+  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;
+  background-color: transparent;
-  color: #333333;
+  color: #81D4FA;
 }
 .p-badge.p-badge-success {
   background-color: #AED581;

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;
+  color: #C5E1A5;
-  background: #f4f4f4;
+  background: transparent;
-  border: 1px solid #f4f4f4;
+  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;
+  background: #4c4c4c;
-  color: #333333;
+  color: #C5E1A5;
-  border-color: #c8c8c8;
+  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;
+  color: #C5E1A5;
-  border-color: #a0a0a0;
+  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;
+  background-color: transparent;
-  color: #333333;
+  color: #C5E1A5;
 }
 .p-badge.p-badge-success {
   background-color: #AED581;

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;
+  color: #F48FB1;
-  background: #f4f4f4;
+  background: transparent;
-  border: 1px solid #f4f4f4;
+  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;
+  background: #4c4c4c;
-  color: #333333;
+  color: #F48FB1;
-  border-color: #c8c8c8;
+  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;
+  color: #F48FB1;
-  border-color: #a0a0a0;
+  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;
+  background-color: transparent;
-  color: #333333;
+  color: #F48FB1;
 }
 .p-badge.p-badge-success {
   background-color: #AED581;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;
 }
 

src/components/button/Button.vue

@@ -24,7 +24,7 @@ export default {
         },
         badgeClass: {
             type: String,
-            default: 'p-badge-secondary'
+            default: null
         }
     },
     computed: {

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 {

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 {

src/views/button/ButtonDemo.vue

@@ -46,6 +46,15 @@
                 <Button label="Help" class="p-button-rounded p-button-help" />
                 <Button label="Danger" class="p-button-rounded p-button-danger" />
 
+                <h5>Outlined Buttons</h5>
+                <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" />
+
                 <h5>Rounded Icon Buttons</h5>
                 <Button icon="pi pi-check" class="p-button-rounded" />
                 <Button icon="pi pi-bookmark" class="p-button-rounded p-button-secondary" />
@@ -55,6 +64,15 @@
                 <Button icon="pi pi-lock" class="p-button-rounded p-button-help" />
                 <Button icon="pi pi-times" class="p-button-rounded p-button-danger" />
 
+                <h5>Rounded and Outlined Icon Buttons</h5>
+                <Button icon="pi pi-check" class="p-button-rounded p-button-outlined" />
+                <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-lock" class="p-button-rounded p-button-help p-button-outlined" />
+                <Button icon="pi pi-times" class="p-button-rounded p-button-danger p-button-outlined" />
+
                 <h5>Badges</h5>
                 <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" />

src/views/button/ButtonDoc.vue

@@ -57,6 +57,12 @@ import Button from 'primevue/button';
 				<p>A button can be raised by having "p-button-raised" style class and similarly borders can be made rounded using "p-button-rounded" class.</p>
 <CodeHighlight>
 &lt;Button label="Primary" class="p-button-raised p-button-rounded" /&gt;
+</CodeHighlight>
+
+                <h5>Outlined Buttons</h5>
+                <p>An alternate styling for a button is the outlined option where background becomes transparent. Apply "p-button-outlined" to style a button as outlined.</p>
+<CodeHighlight>
+&lt;Button label="Primary" class="p-button-outlined" /&gt;
 </CodeHighlight>
 
                 <h5>Link Buttons</h5>
@@ -132,7 +138,7 @@ import Button from 'primevue/button';
                             <tr>
                                 <td>badgeClass</td>
                                 <td>string</td>
-                                <td>p-badge-secondary</td>
+                                <td>null</td>
                                 <td>Style class of the badge.</td>
                             </tr>
 						</tbody>
@@ -220,6 +226,15 @@ import Button from 'primevue/button';
 &lt;Button label="Warning" class="p-button-rounded p-button-warning" /&gt;
 &lt;Button label="Danger" class="p-button-rounded p-button-danger" /&gt;
 
+<h5>Outlined Buttons</h5>
+&lt;Button label="Primary" class="p-button-outlined" /&gt;
+&lt;Button label="Secondary" class="p-button-outlined p-button-secondary" /&gt;
+&lt;Button label="Success" class="p-button-outlined p-button-success" /&gt;
+&lt;Button label="Info" class="p-button-outlined p-button-info" /&gt;
+&lt;Button label="Warning" class="p-button-outlined p-button-warning" /&gt;
+&lt;Button label="Help" class="p-button-outlined p-button-help" /&gt;
+&lt;Button label="Danger" class="p-button-outlined p-button-danger" /&gt;
+
 &lt;h3&gt;Rounded Icon Buttons&lt;/h3&gt;
 &lt;Button icon="pi pi-check" class="p-button-rounded" /&gt;
 &lt;Button icon="pi pi-bookmark" class="p-button-rounded p-button-secondary" /&gt;
@@ -228,6 +243,15 @@ import Button from 'primevue/button';
 &lt;Button icon="pi pi-lock" class="p-button-rounded p-button-warning" /&gt;
 &lt;Button icon="pi pi-times" class="p-button-rounded p-button-danger" /&gt;
 
+&lt;h3&gt;Rounded and Outlined Icon Buttons&lt;/h3&gt;
+&lt;Button icon="pi pi-check" class="p-button-rounded" /&gt;
+&lt;Button icon="pi pi-bookmark" class="p-button-rounded p-button-secondary p-button-outlined" /&gt;
+&lt;Button icon="pi pi-search" class="p-button-rounded p-button-success p-button-outlined"" /&gt;
+&lt;Button icon="pi pi-user" class="p-button-rounded p-button-info p-button-outlined"" /&gt;
+&lt;Button icon="pi pi-lock" class="p-button-rounded p-button-warning p-button-outlined"" /&gt;
+&lt;Button icon="pi pi-times" class="p-button-rounded p-button-danger p-button-outlined"" /&gt;
+
+
 &lt;h3&gt;Badges&lt;/h3&gt;
 &lt;Button type="button" label="Emails" badge="8" /&gt;
 &lt;Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" /&gt;