diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 16a84380e..8ec529525 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -1150,78 +1150,78 @@
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
   color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  background: #0288D1;
+  border: 1px solid #0288D1;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
+  background: #0277BD;
   color: #ffffff;
-  border-color: #2471A3;
+  border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #55c2fd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
+  background: #01579B;
   color: #ffffff;
-  border-color: #1F618D;
+  border-color: #01579B;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
   color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  background: #689F38;
+  border: 1px solid #689F38;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
+  background: #558B2F;
   color: #ffffff;
-  border-color: #229954;
+  border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #a9d383;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
+  background: #33691E;
   color: #ffffff;
-  border-color: #1E8449;
+  border-color: #33691E;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
+  color: #212529;
+  background: #FFA000;
   border: 1px solid #F39C12;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FF8F00;
+  color: #212529;
+  border-color: #FF8F00;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em #ffd080;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF6F00;
+  color: #212529;
+  border-color: #FF6F00;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
   color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  background: #D32F2F;
+  border: 1px solid #D32F2F;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
+  background: #C62828;
   color: #ffffff;
-  border-color: #e53935;
+  border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #e99898;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
+  background: #B71C1C;
   color: #ffffff;
-  border-color: #922B21;
+  border-color: #B71C1C;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css
index 9085c386d..fea883b90 100644
--- a/public/themes/saga-cyan/theme.css
+++ b/public/themes/saga-cyan/theme.css
@@ -1150,78 +1150,78 @@
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
   color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  background: #0288D1;
+  border: 1px solid #0288D1;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
+  background: #0277BD;
   color: #ffffff;
-  border-color: #2471A3;
+  border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #55c2fd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
+  background: #01579B;
   color: #ffffff;
-  border-color: #1F618D;
+  border-color: #01579B;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
   color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  background: #689F38;
+  border: 1px solid #689F38;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
+  background: #558B2F;
   color: #ffffff;
-  border-color: #229954;
+  border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #a9d383;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
+  background: #33691E;
   color: #ffffff;
-  border-color: #1E8449;
+  border-color: #33691E;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
+  color: #212529;
+  background: #FFA000;
   border: 1px solid #F39C12;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FF8F00;
+  color: #212529;
+  border-color: #FF8F00;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em #ffd080;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF6F00;
+  color: #212529;
+  border-color: #FF6F00;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
   color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  background: #D32F2F;
+  border: 1px solid #D32F2F;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
+  background: #C62828;
   color: #ffffff;
-  border-color: #e53935;
+  border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #e99898;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
+  background: #B71C1C;
   color: #ffffff;
-  border-color: #922B21;
+  border-color: #B71C1C;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css
index 4370841e9..384ebf0c4 100644
--- a/public/themes/saga-deeppurple/theme.css
+++ b/public/themes/saga-deeppurple/theme.css
@@ -1150,78 +1150,78 @@
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
   color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  background: #0288D1;
+  border: 1px solid #0288D1;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
+  background: #0277BD;
   color: #ffffff;
-  border-color: #2471A3;
+  border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #55c2fd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
+  background: #01579B;
   color: #ffffff;
-  border-color: #1F618D;
+  border-color: #01579B;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
   color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  background: #689F38;
+  border: 1px solid #689F38;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
+  background: #558B2F;
   color: #ffffff;
-  border-color: #229954;
+  border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #a9d383;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
+  background: #33691E;
   color: #ffffff;
-  border-color: #1E8449;
+  border-color: #33691E;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
+  color: #212529;
+  background: #FFA000;
   border: 1px solid #F39C12;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FF8F00;
+  color: #212529;
+  border-color: #FF8F00;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em #ffd080;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF6F00;
+  color: #212529;
+  border-color: #FF6F00;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
   color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  background: #D32F2F;
+  border: 1px solid #D32F2F;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
+  background: #C62828;
   color: #ffffff;
-  border-color: #e53935;
+  border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #e99898;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
+  background: #B71C1C;
   color: #ffffff;
-  border-color: #922B21;
+  border-color: #B71C1C;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 95f922b1d..2dcf180cb 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -1150,78 +1150,78 @@
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
   color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  background: #0288D1;
+  border: 1px solid #0288D1;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
+  background: #0277BD;
   color: #ffffff;
-  border-color: #2471A3;
+  border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #55c2fd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
+  background: #01579B;
   color: #ffffff;
-  border-color: #1F618D;
+  border-color: #01579B;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
   color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  background: #689F38;
+  border: 1px solid #689F38;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
+  background: #558B2F;
   color: #ffffff;
-  border-color: #229954;
+  border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #a9d383;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
+  background: #33691E;
   color: #ffffff;
-  border-color: #1E8449;
+  border-color: #33691E;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
+  color: #212529;
+  background: #FFA000;
   border: 1px solid #F39C12;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FF8F00;
+  color: #212529;
+  border-color: #FF8F00;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em #ffd080;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF6F00;
+  color: #212529;
+  border-color: #FF6F00;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
   color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  background: #D32F2F;
+  border: 1px solid #D32F2F;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
+  background: #C62828;
   color: #ffffff;
-  border-color: #e53935;
+  border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #e99898;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
+  background: #B71C1C;
   color: #ffffff;
-  border-color: #922B21;
+  border-color: #B71C1C;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css
index b2a1306e5..3c611bdd3 100644
--- a/public/themes/saga-indigo/theme.css
+++ b/public/themes/saga-indigo/theme.css
@@ -1150,78 +1150,78 @@
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
   color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  background: #0288D1;
+  border: 1px solid #0288D1;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
+  background: #0277BD;
   color: #ffffff;
-  border-color: #2471A3;
+  border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #55c2fd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
+  background: #01579B;
   color: #ffffff;
-  border-color: #1F618D;
+  border-color: #01579B;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
   color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  background: #689F38;
+  border: 1px solid #689F38;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
+  background: #558B2F;
   color: #ffffff;
-  border-color: #229954;
+  border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #a9d383;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
+  background: #33691E;
   color: #ffffff;
-  border-color: #1E8449;
+  border-color: #33691E;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
+  color: #212529;
+  background: #FFA000;
   border: 1px solid #F39C12;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FF8F00;
+  color: #212529;
+  border-color: #FF8F00;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em #ffd080;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF6F00;
+  color: #212529;
+  border-color: #FF6F00;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
   color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  background: #D32F2F;
+  border: 1px solid #D32F2F;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
+  background: #C62828;
   color: #ffffff;
-  border-color: #e53935;
+  border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #e99898;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
+  background: #B71C1C;
   color: #ffffff;
-  border-color: #922B21;
+  border-color: #B71C1C;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 9aca25cc2..c3583dd6a 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -1150,78 +1150,78 @@
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
   color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  background: #0288D1;
+  border: 1px solid #0288D1;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
+  background: #0277BD;
   color: #ffffff;
-  border-color: #2471A3;
+  border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #55c2fd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
+  background: #01579B;
   color: #ffffff;
-  border-color: #1F618D;
+  border-color: #01579B;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
   color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  background: #689F38;
+  border: 1px solid #689F38;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
+  background: #558B2F;
   color: #ffffff;
-  border-color: #229954;
+  border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #a9d383;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
+  background: #33691E;
   color: #ffffff;
-  border-color: #1E8449;
+  border-color: #33691E;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
+  color: #212529;
+  background: #FFA000;
   border: 1px solid #F39C12;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FF8F00;
+  color: #212529;
+  border-color: #FF8F00;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em #ffd080;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF6F00;
+  color: #212529;
+  border-color: #FF6F00;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
   color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  background: #D32F2F;
+  border: 1px solid #D32F2F;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
+  background: #C62828;
   color: #ffffff;
-  border-color: #e53935;
+  border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #e99898;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
+  background: #B71C1C;
   color: #ffffff;
-  border-color: #922B21;
+  border-color: #B71C1C;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index b7873b053..192447785 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -1150,78 +1150,78 @@
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
   color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  background: #0288D1;
+  border: 1px solid #0288D1;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
+  background: #0277BD;
   color: #ffffff;
-  border-color: #2471A3;
+  border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #55c2fd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
+  background: #01579B;
   color: #ffffff;
-  border-color: #1F618D;
+  border-color: #01579B;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
   color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  background: #689F38;
+  border: 1px solid #689F38;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
+  background: #558B2F;
   color: #ffffff;
-  border-color: #229954;
+  border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #a9d383;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
+  background: #33691E;
   color: #ffffff;
-  border-color: #1E8449;
+  border-color: #33691E;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
+  color: #212529;
+  background: #FFA000;
   border: 1px solid #F39C12;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FF8F00;
+  color: #212529;
+  border-color: #FF8F00;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em #ffd080;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF6F00;
+  color: #212529;
+  border-color: #FF6F00;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
   color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  background: #D32F2F;
+  border: 1px solid #D32F2F;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
+  background: #C62828;
   color: #ffffff;
-  border-color: #e53935;
+  border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #e99898;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
+  background: #B71C1C;
   color: #ffffff;
-  border-color: #922B21;
+  border-color: #B71C1C;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css
index d69c9608d..f85d149e5 100644
--- a/public/themes/saga-teal/theme.css
+++ b/public/themes/saga-teal/theme.css
@@ -1150,78 +1150,78 @@
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
   color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  background: #0288D1;
+  border: 1px solid #0288D1;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
+  background: #0277BD;
   color: #ffffff;
-  border-color: #2471A3;
+  border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #55c2fd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
+  background: #01579B;
   color: #ffffff;
-  border-color: #1F618D;
+  border-color: #01579B;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
   color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  background: #689F38;
+  border: 1px solid #689F38;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
+  background: #558B2F;
   color: #ffffff;
-  border-color: #229954;
+  border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #a9d383;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
+  background: #33691E;
   color: #ffffff;
-  border-color: #1E8449;
+  border-color: #33691E;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
+  color: #212529;
+  background: #FFA000;
   border: 1px solid #F39C12;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FF8F00;
+  color: #212529;
+  border-color: #FF8F00;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em #ffd080;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF6F00;
+  color: #212529;
+  border-color: #FF6F00;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
   color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  background: #D32F2F;
+  border: 1px solid #D32F2F;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
+  background: #C62828;
   color: #ffffff;
-  border-color: #e53935;
+  border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #e99898;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
+  background: #B71C1C;
   color: #ffffff;
-  border-color: #922B21;
+  border-color: #B71C1C;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index ea4a0f7ff..381c16a30 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -1149,79 +1149,79 @@
 }
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
-  color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  color: #212529;
+  background: #4FC3F7;
+  border: 1px solid #4FC3F7;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
-  color: #ffffff;
-  border-color: #2471A3;
+  background: #29B6F6;
+  color: #212529;
+  border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #c9edfd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
-  color: #ffffff;
-  border-color: #1F618D;
+  background: #03A9F4;
+  color: #212529;
+  border-color: #03A9F4;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
-  color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  color: #212529;
+  background: #AED581;
+  border: 1px solid #AED581;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
-  color: #ffffff;
-  border-color: #229954;
+  background: #9CCC65;
+  color: #212529;
+  border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #ebf5e1;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
-  color: #ffffff;
-  border-color: #1E8449;
+  background: #8BC34A;
+  color: #212529;
+  border-color: #8BC34A;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
-  border: 1px solid #F39C12;
+  color: #212529;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FFA726;
+  color: #212529;
+  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.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em blanchedalmond;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF9800;
+  color: #212529;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
-  color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  color: #212529;
+  background: #E57373;
+  border: 1px solid #E57373;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
-  color: #ffffff;
-  border-color: #e53935;
+  background: #EF5350;
+  color: #212529;
+  border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #f9dfdf;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
-  color: #ffffff;
-  border-color: #922B21;
+  background: #F44336;
+  color: #212529;
+  border-color: #F44336;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css
index bd7d7f1c7..c614fa3a2 100644
--- a/public/themes/vela-cyan/theme.css
+++ b/public/themes/vela-cyan/theme.css
@@ -1149,79 +1149,79 @@
 }
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
-  color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  color: #212529;
+  background: #4FC3F7;
+  border: 1px solid #4FC3F7;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
-  color: #ffffff;
-  border-color: #2471A3;
+  background: #29B6F6;
+  color: #212529;
+  border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #c9edfd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
-  color: #ffffff;
-  border-color: #1F618D;
+  background: #03A9F4;
+  color: #212529;
+  border-color: #03A9F4;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
-  color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  color: #212529;
+  background: #AED581;
+  border: 1px solid #AED581;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
-  color: #ffffff;
-  border-color: #229954;
+  background: #9CCC65;
+  color: #212529;
+  border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #ebf5e1;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
-  color: #ffffff;
-  border-color: #1E8449;
+  background: #8BC34A;
+  color: #212529;
+  border-color: #8BC34A;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
-  border: 1px solid #F39C12;
+  color: #212529;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FFA726;
+  color: #212529;
+  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.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em blanchedalmond;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF9800;
+  color: #212529;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
-  color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  color: #212529;
+  background: #E57373;
+  border: 1px solid #E57373;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
-  color: #ffffff;
-  border-color: #e53935;
+  background: #EF5350;
+  color: #212529;
+  border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #f9dfdf;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
-  color: #ffffff;
-  border-color: #922B21;
+  background: #F44336;
+  color: #212529;
+  border-color: #F44336;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css
index 542510d0a..e0191c5cc 100644
--- a/public/themes/vela-deeppurple/theme.css
+++ b/public/themes/vela-deeppurple/theme.css
@@ -1149,79 +1149,79 @@
 }
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
-  color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  color: #212529;
+  background: #4FC3F7;
+  border: 1px solid #4FC3F7;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
-  color: #ffffff;
-  border-color: #2471A3;
+  background: #29B6F6;
+  color: #212529;
+  border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #c9edfd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
-  color: #ffffff;
-  border-color: #1F618D;
+  background: #03A9F4;
+  color: #212529;
+  border-color: #03A9F4;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
-  color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  color: #212529;
+  background: #AED581;
+  border: 1px solid #AED581;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
-  color: #ffffff;
-  border-color: #229954;
+  background: #9CCC65;
+  color: #212529;
+  border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #ebf5e1;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
-  color: #ffffff;
-  border-color: #1E8449;
+  background: #8BC34A;
+  color: #212529;
+  border-color: #8BC34A;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
-  border: 1px solid #F39C12;
+  color: #212529;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FFA726;
+  color: #212529;
+  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.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em blanchedalmond;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF9800;
+  color: #212529;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
-  color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  color: #212529;
+  background: #E57373;
+  border: 1px solid #E57373;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
-  color: #ffffff;
-  border-color: #e53935;
+  background: #EF5350;
+  color: #212529;
+  border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #f9dfdf;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
-  color: #ffffff;
-  border-color: #922B21;
+  background: #F44336;
+  color: #212529;
+  border-color: #F44336;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 9df580859..455310e41 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -1149,79 +1149,79 @@
 }
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
-  color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  color: #212529;
+  background: #4FC3F7;
+  border: 1px solid #4FC3F7;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
-  color: #ffffff;
-  border-color: #2471A3;
+  background: #29B6F6;
+  color: #212529;
+  border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #c9edfd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
-  color: #ffffff;
-  border-color: #1F618D;
+  background: #03A9F4;
+  color: #212529;
+  border-color: #03A9F4;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
-  color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  color: #212529;
+  background: #AED581;
+  border: 1px solid #AED581;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
-  color: #ffffff;
-  border-color: #229954;
+  background: #9CCC65;
+  color: #212529;
+  border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #ebf5e1;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
-  color: #ffffff;
-  border-color: #1E8449;
+  background: #8BC34A;
+  color: #212529;
+  border-color: #8BC34A;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
-  border: 1px solid #F39C12;
+  color: #212529;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FFA726;
+  color: #212529;
+  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.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em blanchedalmond;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF9800;
+  color: #212529;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
-  color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  color: #212529;
+  background: #E57373;
+  border: 1px solid #E57373;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
-  color: #ffffff;
-  border-color: #e53935;
+  background: #EF5350;
+  color: #212529;
+  border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #f9dfdf;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
-  color: #ffffff;
-  border-color: #922B21;
+  background: #F44336;
+  color: #212529;
+  border-color: #F44336;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css
index 95a67f278..4b24f3d92 100644
--- a/public/themes/vela-indigo/theme.css
+++ b/public/themes/vela-indigo/theme.css
@@ -1149,79 +1149,79 @@
 }
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
-  color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  color: #212529;
+  background: #4FC3F7;
+  border: 1px solid #4FC3F7;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
-  color: #ffffff;
-  border-color: #2471A3;
+  background: #29B6F6;
+  color: #212529;
+  border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #c9edfd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
-  color: #ffffff;
-  border-color: #1F618D;
+  background: #03A9F4;
+  color: #212529;
+  border-color: #03A9F4;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
-  color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  color: #212529;
+  background: #AED581;
+  border: 1px solid #AED581;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
-  color: #ffffff;
-  border-color: #229954;
+  background: #9CCC65;
+  color: #212529;
+  border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #ebf5e1;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
-  color: #ffffff;
-  border-color: #1E8449;
+  background: #8BC34A;
+  color: #212529;
+  border-color: #8BC34A;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
-  border: 1px solid #F39C12;
+  color: #212529;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FFA726;
+  color: #212529;
+  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.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em blanchedalmond;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF9800;
+  color: #212529;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
-  color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  color: #212529;
+  background: #E57373;
+  border: 1px solid #E57373;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
-  color: #ffffff;
-  border-color: #e53935;
+  background: #EF5350;
+  color: #212529;
+  border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #f9dfdf;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
-  color: #ffffff;
-  border-color: #922B21;
+  background: #F44336;
+  color: #212529;
+  border-color: #F44336;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 3731a604f..d6bc8dcae 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -1149,79 +1149,79 @@
 }
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
-  color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  color: #212529;
+  background: #4FC3F7;
+  border: 1px solid #4FC3F7;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
-  color: #ffffff;
-  border-color: #2471A3;
+  background: #29B6F6;
+  color: #212529;
+  border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #c9edfd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
-  color: #ffffff;
-  border-color: #1F618D;
+  background: #03A9F4;
+  color: #212529;
+  border-color: #03A9F4;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
-  color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  color: #212529;
+  background: #AED581;
+  border: 1px solid #AED581;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
-  color: #ffffff;
-  border-color: #229954;
+  background: #9CCC65;
+  color: #212529;
+  border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #ebf5e1;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
-  color: #ffffff;
-  border-color: #1E8449;
+  background: #8BC34A;
+  color: #212529;
+  border-color: #8BC34A;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
-  border: 1px solid #F39C12;
+  color: #212529;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FFA726;
+  color: #212529;
+  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.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em blanchedalmond;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF9800;
+  color: #212529;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
-  color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  color: #212529;
+  background: #E57373;
+  border: 1px solid #E57373;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
-  color: #ffffff;
-  border-color: #e53935;
+  background: #EF5350;
+  color: #212529;
+  border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #f9dfdf;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
-  color: #ffffff;
-  border-color: #922B21;
+  background: #F44336;
+  color: #212529;
+  border-color: #F44336;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 2fbee05f2..c5249484e 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -1149,79 +1149,79 @@
 }
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
-  color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  color: #212529;
+  background: #4FC3F7;
+  border: 1px solid #4FC3F7;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
-  color: #ffffff;
-  border-color: #2471A3;
+  background: #29B6F6;
+  color: #212529;
+  border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #c9edfd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
-  color: #ffffff;
-  border-color: #1F618D;
+  background: #03A9F4;
+  color: #212529;
+  border-color: #03A9F4;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
-  color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  color: #212529;
+  background: #AED581;
+  border: 1px solid #AED581;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
-  color: #ffffff;
-  border-color: #229954;
+  background: #9CCC65;
+  color: #212529;
+  border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #ebf5e1;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
-  color: #ffffff;
-  border-color: #1E8449;
+  background: #8BC34A;
+  color: #212529;
+  border-color: #8BC34A;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
-  border: 1px solid #F39C12;
+  color: #212529;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FFA726;
+  color: #212529;
+  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.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em blanchedalmond;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF9800;
+  color: #212529;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
-  color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  color: #212529;
+  background: #E57373;
+  border: 1px solid #E57373;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
-  color: #ffffff;
-  border-color: #e53935;
+  background: #EF5350;
+  color: #212529;
+  border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #f9dfdf;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
-  color: #ffffff;
-  border-color: #922B21;
+  background: #F44336;
+  color: #212529;
+  border-color: #F44336;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css
index 4987385fd..4f7c35fa1 100644
--- a/public/themes/vela-teal/theme.css
+++ b/public/themes/vela-teal/theme.css
@@ -1149,79 +1149,79 @@
 }
 
 .p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
-  color: #ffffff;
-  background: #2980B9;
-  border: 1px solid #2980B9;
+  color: #212529;
+  background: #4FC3F7;
+  border: 1px solid #4FC3F7;
 }
 .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
-  background: #2471A3;
-  color: #ffffff;
-  border-color: #2471A3;
+  background: #29B6F6;
+  color: #212529;
+  border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #7fbbe3;
+  box-shadow: 0 0 0 0.2em #c9edfd;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
-  background: #1F618D;
-  color: #ffffff;
-  border-color: #1F618D;
+  background: #03A9F4;
+  color: #212529;
+  border-color: #03A9F4;
 }
 
 .p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
-  color: #ffffff;
-  background: #27AE60;
-  border: 1px solid #27AE60;
+  color: #212529;
+  background: #AED581;
+  border: 1px solid #AED581;
 }
 .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
-  background: #229954;
-  color: #ffffff;
-  border-color: #229954;
+  background: #9CCC65;
+  color: #212529;
+  border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #75e0a2;
+  box-shadow: 0 0 0 0.2em #ebf5e1;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
-  background: #1E8449;
-  color: #ffffff;
-  border-color: #1E8449;
+  background: #8BC34A;
+  color: #212529;
+  border-color: #8BC34A;
 }
 
 .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
-  color: #ffffff;
-  background: #F39C12;
-  border: 1px solid #F39C12;
+  color: #212529;
+  background: #FFB74D;
+  border: 1px solid #FFB74D;
 }
 .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
-  background: #D68910;
-  color: #ffffff;
-  border-color: #D68910;
+  background: #FFA726;
+  color: #212529;
+  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.2em #f9cf8b;
+  box-shadow: 0 0 0 0.2em blanchedalmond;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
-  background: #B9770E;
-  color: #ffffff;
-  border-color: #B9770E;
+  background: #FF9800;
+  color: #212529;
+  border-color: #FF9800;
 }
 
 .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
-  color: #ffffff;
-  background: #C0392B;
-  border: 1px solid #f44336;
+  color: #212529;
+  background: #E57373;
+  border: 1px solid #E57373;
 }
 .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
-  background: #e53935;
-  color: #ffffff;
-  border-color: #e53935;
+  background: #EF5350;
+  color: #212529;
+  border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e48f86;
+  box-shadow: 0 0 0 0.2em #f9dfdf;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
-  background: #922B21;
-  color: #ffffff;
-  border-color: #922B21;
+  background: #F44336;
+  color: #212529;
+  border-color: #F44336;
 }
 
 .p-carousel .p-carousel-content .p-carousel-prev,
diff --git a/src/AppTopBar.vue b/src/AppTopBar.vue
index 46916b322..d7c2c8c44 100755
--- a/src/AppTopBar.vue
+++ b/src/AppTopBar.vue
@@ -25,14 +25,14 @@
                         <li><a @click="changeTheme($event, 'saga-orange', false)"><img src="./assets/images/themes/saga-orange.png" alt="Saga Orange" /><span>Saga Orange</span></a></li>
                         <li><a @click="changeTheme($event, 'saga-purple', false)"><img src="./assets/images/themes/saga-purple.png" alt="Saga Purple" /><span>Saga Purple</span></a></li>
                         <li><a @click="changeTheme($event, 'saga-teal', false)"><img src="./assets/images/themes/saga-teal.png" alt="Saga Teal" /><span>Saga Teal</span></a></li>
-                        <li><a @click="changeTheme($event, 'vela-blue', false)"><img src="./assets/images/themes/vela-blue.png" alt="Vela Blue" /><span>Vela Blue</span></a></li>
-                        <li><a @click="changeTheme($event, 'vela-cyan', false)"><img src="./assets/images/themes/vela-cyan.png" alt="Vela Blue" /><span>Vela Cyan</span></a></li>
-                        <li><a @click="changeTheme($event, 'vela-deeppurple', false)"><img src="./assets/images/themes/vela-deeppurple.png" alt="Vela Blue" /><span>Vela DeepPurple</span></a></li>
-                        <li><a @click="changeTheme($event, 'vela-green', false)"><img src="./assets/images/themes/vela-green.png" alt="Vela Green" /><span>Vela Green</span></a></li>
-                        <li><a @click="changeTheme($event, 'vela-indigo', false)"><img src="./assets/images/themes/vela-indigo.png" alt="Vela Indigo" /><span>Vela Indigo</span></a></li>
-                        <li><a @click="changeTheme($event, 'vela-orange', false)"><img src="./assets/images/themes/vela-orange.png" alt="Vela Orange" /><span>Vela Orange</span></a></li>
-                        <li><a @click="changeTheme($event, 'vela-purple', false)"><img src="./assets/images/themes/vela-purple.png" alt="Vela Purple" /><span>Vela Purple</span></a></li>
-                        <li><a @click="changeTheme($event, 'vela-teal', false)"><img src="./assets/images/themes/vela-teal.png" alt="Vela Teal" /><span>Vela Teal</span></a></li>
+                        <li><a @click="changeTheme($event, 'vela-blue', 'dark-theme-alt')"><img src="./assets/images/themes/vela-blue.png" alt="Vela Blue" /><span>Vela Blue</span></a></li>
+                        <li><a @click="changeTheme($event, 'vela-cyan', 'dark-theme-alt')"><img src="./assets/images/themes/vela-cyan.png" alt="Vela Blue" /><span>Vela Cyan</span></a></li>
+                        <li><a @click="changeTheme($event, 'vela-deeppurple', 'dark-theme-alt')"><img src="./assets/images/themes/vela-deeppurple.png" alt="Vela Blue" /><span>Vela DeepPurple</span></a></li>
+                        <li><a @click="changeTheme($event, 'vela-green', 'dark-theme-alt')"><img src="./assets/images/themes/vela-green.png" alt="Vela Green" /><span>Vela Green</span></a></li>
+                        <li><a @click="changeTheme($event, 'vela-indigo', 'dark-theme-alt')"><img src="./assets/images/themes/vela-indigo.png" alt="Vela Indigo" /><span>Vela Indigo</span></a></li>
+                        <li><a @click="changeTheme($event, 'vela-orange', 'dark-theme-alt')"><img src="./assets/images/themes/vela-orange.png" alt="Vela Orange" /><span>Vela Orange</span></a></li>
+                        <li><a @click="changeTheme($event, 'vela-purple', 'dark-theme-alt')"><img src="./assets/images/themes/vela-purple.png" alt="Vela Purple" /><span>Vela Purple</span></a></li>
+                        <li><a @click="changeTheme($event, 'vela-teal', 'dark-theme-alt')"><img src="./assets/images/themes/vela-teal.png" alt="Vela Teal" /><span>Vela Teal</span></a></li>
                         <li><a @click="changeTheme($event, 'nova-light', false)"><img src="./assets/images/layouts/themeswitcher-nova-light.png" alt="Nova Light" /><span>Nova Light</span></a></li>
                         <li><a @click="changeTheme($event, 'nova-dark', false)"><img src="./assets/images/layouts/themeswitcher-nova-dark.png" alt="Nova Dark" /><span>Nova Dark</span></a></li>
                         <li><a @click="changeTheme($event, 'nova-colored', false)"><img src="./assets/images/layouts/themeswitcher-nova-colored.png" alt="Nova Colored" /><span>Nova Colored</span></a></li>