diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 01f4b044a..46e2076c6 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -1135,7 +1135,7 @@
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
   color: #64B5F6;
-  background: transparent;
+  background: #1C2833;
   border: 1px solid #64B5F6;
 }
 .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
@@ -1192,21 +1192,21 @@
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
   color: #212529;
-  background: #FFF176;
-  border: 1px solid #FFF176;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #FFEE58;
+  background: #FFA726;
   color: #212529;
-  border-color: #FFEE58;
+  border-color: #FFA726;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
   box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #FFEB3B;
+  background: #FF9800;
   color: #212529;
-  border-color: #FFEB3B;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
@@ -3561,7 +3561,7 @@
   line-height: 1.5rem;
 }
 .p-badge.p-badge-secondary {
-  background-color: transparent;
+  background-color: #1C2833;
   color: #64B5F6;
 }
 .p-badge.p-badge-success {
@@ -3573,7 +3573,7 @@
   color: #212529;
 }
 .p-badge.p-badge-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-badge.p-badge-danger {
@@ -3610,7 +3610,7 @@
   color: #212529;
 }
 .p-tag.p-tag-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-tag.p-tag-danger {
diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css
index b9a9f2b88..d4cfaf759 100644
--- a/public/themes/vela-cyan/theme.css
+++ b/public/themes/vela-cyan/theme.css
@@ -1135,7 +1135,7 @@
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
   color: #4DD0E1;
-  background: transparent;
+  background: #1C2833;
   border: 1px solid #4DD0E1;
 }
 .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
@@ -1192,21 +1192,21 @@
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
   color: #212529;
-  background: #FFF176;
-  border: 1px solid #FFF176;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #FFEE58;
+  background: #FFA726;
   color: #212529;
-  border-color: #FFEE58;
+  border-color: #FFA726;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
   box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #FFEB3B;
+  background: #FF9800;
   color: #212529;
-  border-color: #FFEB3B;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
@@ -3561,7 +3561,7 @@
   line-height: 1.5rem;
 }
 .p-badge.p-badge-secondary {
-  background-color: transparent;
+  background-color: #1C2833;
   color: #4DD0E1;
 }
 .p-badge.p-badge-success {
@@ -3573,7 +3573,7 @@
   color: #212529;
 }
 .p-badge.p-badge-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-badge.p-badge-danger {
@@ -3610,7 +3610,7 @@
   color: #212529;
 }
 .p-tag.p-tag-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-tag.p-tag-danger {
diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css
index f114f49f4..6ad7ee7c7 100644
--- a/public/themes/vela-deeppurple/theme.css
+++ b/public/themes/vela-deeppurple/theme.css
@@ -1135,7 +1135,7 @@
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
   color: #9575CD;
-  background: transparent;
+  background: #1C2833;
   border: 1px solid #9575CD;
 }
 .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
@@ -1192,21 +1192,21 @@
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
   color: #212529;
-  background: #FFF176;
-  border: 1px solid #FFF176;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #FFEE58;
+  background: #FFA726;
   color: #212529;
-  border-color: #FFEE58;
+  border-color: #FFA726;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
   box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #FFEB3B;
+  background: #FF9800;
   color: #212529;
-  border-color: #FFEB3B;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
@@ -3561,7 +3561,7 @@
   line-height: 1.5rem;
 }
 .p-badge.p-badge-secondary {
-  background-color: transparent;
+  background-color: #1C2833;
   color: #9575CD;
 }
 .p-badge.p-badge-success {
@@ -3573,7 +3573,7 @@
   color: #212529;
 }
 .p-badge.p-badge-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-badge.p-badge-danger {
@@ -3610,7 +3610,7 @@
   color: #212529;
 }
 .p-tag.p-tag-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-tag.p-tag-danger {
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 8673864b2..ead4b419b 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -1135,7 +1135,7 @@
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
   color: #81C784;
-  background: transparent;
+  background: #1C2833;
   border: 1px solid #81C784;
 }
 .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
@@ -1192,21 +1192,21 @@
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
   color: #212529;
-  background: #FFF176;
-  border: 1px solid #FFF176;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #FFEE58;
+  background: #FFA726;
   color: #212529;
-  border-color: #FFEE58;
+  border-color: #FFA726;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
   box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #FFEB3B;
+  background: #FF9800;
   color: #212529;
-  border-color: #FFEB3B;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
@@ -3561,7 +3561,7 @@
   line-height: 1.5rem;
 }
 .p-badge.p-badge-secondary {
-  background-color: transparent;
+  background-color: #1C2833;
   color: #81C784;
 }
 .p-badge.p-badge-success {
@@ -3573,7 +3573,7 @@
   color: #212529;
 }
 .p-badge.p-badge-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-badge.p-badge-danger {
@@ -3610,7 +3610,7 @@
   color: #212529;
 }
 .p-tag.p-tag-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-tag.p-tag-danger {
diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css
index 51fb194ba..c0a196273 100644
--- a/public/themes/vela-indigo/theme.css
+++ b/public/themes/vela-indigo/theme.css
@@ -1135,7 +1135,7 @@
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
   color: #7986CB;
-  background: transparent;
+  background: #1C2833;
   border: 1px solid #7986CB;
 }
 .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
@@ -1192,21 +1192,21 @@
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
   color: #212529;
-  background: #FFF176;
-  border: 1px solid #FFF176;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #FFEE58;
+  background: #FFA726;
   color: #212529;
-  border-color: #FFEE58;
+  border-color: #FFA726;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
   box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #FFEB3B;
+  background: #FF9800;
   color: #212529;
-  border-color: #FFEB3B;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
@@ -3561,7 +3561,7 @@
   line-height: 1.5rem;
 }
 .p-badge.p-badge-secondary {
-  background-color: transparent;
+  background-color: #1C2833;
   color: #7986CB;
 }
 .p-badge.p-badge-success {
@@ -3573,7 +3573,7 @@
   color: #212529;
 }
 .p-badge.p-badge-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-badge.p-badge-danger {
@@ -3610,7 +3610,7 @@
   color: #212529;
 }
 .p-tag.p-tag-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-tag.p-tag-danger {
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 9101a6f25..4f40f589d 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -1135,7 +1135,7 @@
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
   color: #FFD54F;
-  background: transparent;
+  background: #1C2833;
   border: 1px solid #FFD54F;
 }
 .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
@@ -1192,21 +1192,21 @@
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
   color: #212529;
-  background: #FFF176;
-  border: 1px solid #FFF176;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #FFEE58;
+  background: #FFA726;
   color: #212529;
-  border-color: #FFEE58;
+  border-color: #FFA726;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
   box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #FFEB3B;
+  background: #FF9800;
   color: #212529;
-  border-color: #FFEB3B;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
@@ -3561,7 +3561,7 @@
   line-height: 1.5rem;
 }
 .p-badge.p-badge-secondary {
-  background-color: transparent;
+  background-color: #1C2833;
   color: #FFD54F;
 }
 .p-badge.p-badge-success {
@@ -3573,7 +3573,7 @@
   color: #212529;
 }
 .p-badge.p-badge-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-badge.p-badge-danger {
@@ -3610,7 +3610,7 @@
   color: #212529;
 }
 .p-tag.p-tag-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-tag.p-tag-danger {
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index e5a98826a..ecfb68d52 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -1135,7 +1135,7 @@
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
   color: #BA68C8;
-  background: transparent;
+  background: #1C2833;
   border: 1px solid #BA68C8;
 }
 .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
@@ -1192,21 +1192,21 @@
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
   color: #212529;
-  background: #FFF176;
-  border: 1px solid #FFF176;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #FFEE58;
+  background: #FFA726;
   color: #212529;
-  border-color: #FFEE58;
+  border-color: #FFA726;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
   box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #FFEB3B;
+  background: #FF9800;
   color: #212529;
-  border-color: #FFEB3B;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
@@ -3561,7 +3561,7 @@
   line-height: 1.5rem;
 }
 .p-badge.p-badge-secondary {
-  background-color: transparent;
+  background-color: #1C2833;
   color: #BA68C8;
 }
 .p-badge.p-badge-success {
@@ -3573,7 +3573,7 @@
   color: #212529;
 }
 .p-badge.p-badge-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-badge.p-badge-danger {
@@ -3610,7 +3610,7 @@
   color: #212529;
 }
 .p-tag.p-tag-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-tag.p-tag-danger {
diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css
index 77e972d27..c9f55983c 100644
--- a/public/themes/vela-teal/theme.css
+++ b/public/themes/vela-teal/theme.css
@@ -1135,7 +1135,7 @@
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
   color: #4DB6AC;
-  background: transparent;
+  background: #1C2833;
   border: 1px solid #4DB6AC;
 }
 .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
@@ -1192,21 +1192,21 @@
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
   color: #212529;
-  background: #FFF176;
-  border: 1px solid #FFF176;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #FFEE58;
+  background: #FFA726;
   color: #212529;
-  border-color: #FFEE58;
+  border-color: #FFA726;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
   box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #FFEB3B;
+  background: #FF9800;
   color: #212529;
-  border-color: #FFEB3B;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
@@ -3561,7 +3561,7 @@
   line-height: 1.5rem;
 }
 .p-badge.p-badge-secondary {
-  background-color: transparent;
+  background-color: #1C2833;
   color: #4DB6AC;
 }
 .p-badge.p-badge-success {
@@ -3573,7 +3573,7 @@
   color: #212529;
 }
 .p-badge.p-badge-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-badge.p-badge-danger {
@@ -3610,7 +3610,7 @@
   color: #212529;
 }
 .p-tag.p-tag-warning {
-  background-color: #FFF176;
+  background-color: #FFB74D;
   color: #212529;
 }
 .p-tag.p-tag-danger {