Add vela

public/themes/luna-amber/theme.css

@@ -625,6 +625,9 @@
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #FFB300;
 }
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: #323232;
+}
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #FFA000;
 }
@@ -2998,7 +3001,7 @@
   border-radius: 3px;
   width: auto;
   height: auto;
-  transition: box-shadow 0.2s;
+  transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
   background: transparent;

public/themes/luna-green/theme.css

@@ -625,6 +625,9 @@
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #1ea04c;
 }
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: #323232;
+}
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #1b9044;
 }
@@ -2998,7 +3001,7 @@
   border-radius: 3px;
   width: auto;
   height: auto;
-  transition: box-shadow 0.2s;
+  transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
   background: transparent;

public/themes/luna-pink/theme.css

@@ -625,6 +625,9 @@
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #cc285c;
 }
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: #323232;
+}
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #b72452;
 }
@@ -2998,7 +3001,7 @@
   border-radius: 3px;
   width: auto;
   height: auto;
-  transition: box-shadow 0.2s;
+  transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
   background: transparent;

public/themes/nova-colored/theme.css

@@ -625,6 +625,9 @@
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #007ad9;
 }
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: #cccccc;
+}
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #116fbf;
 }
@@ -2998,7 +3001,7 @@
   border-radius: 3px;
   width: auto;
   height: auto;
-  transition: box-shadow 0.2s;
+  transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
   background: transparent;

public/themes/nova-dark/theme.css

@@ -625,6 +625,9 @@
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #007ad9;
 }
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: #cccccc;
+}
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #116fbf;
 }
@@ -2998,7 +3001,7 @@
   border-radius: 3px;
   width: auto;
   height: auto;
-  transition: box-shadow 0.2s;
+  transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
   background: transparent;

public/themes/nova-light/theme.css

@@ -625,6 +625,9 @@
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #007ad9;
 }
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: #cccccc;
+}
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #116fbf;
 }
@@ -2998,7 +3001,7 @@
   border-radius: 3px;
   width: auto;
   height: auto;
-  transition: box-shadow 0.2s;
+  transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
   background: transparent;

public/themes/nova-vue/theme.css

@@ -625,6 +625,9 @@
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #41b883;
 }
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: #cccccc;
+}
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #318c63;
 }
@@ -2998,7 +3001,7 @@
   border-radius: 3px;
   width: auto;
   height: auto;
-  transition: box-shadow 0.2s;
+  transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
   background: transparent;

public/themes/rhea/theme.css

@@ -625,6 +625,9 @@
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #AFD3C8;
 }
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: #385048;
+}
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #AFD3C8;
 }
@@ -2998,7 +3001,7 @@
   border-radius: 2px;
   width: auto;
   height: auto;
-  transition: box-shadow 0.2s;
+  transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
   background: transparent;

public/themes/saga-blue/theme.css

@@ -625,6 +625,9 @@
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #3498DB;
 }
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: #cccccc;
+}
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #2E86C1;
 }
@@ -3032,7 +3035,7 @@
   border-radius: 50%;
   width: 2em;
   height: 2em;
-  transition: box-shadow 0.2s;
+  transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
   background: rgba(255, 255, 255, 0.2);

public/themes/saga-green/theme.css

@@ -625,6 +625,9 @@
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #1ABC9C;
 }
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: #cccccc;
+}
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #17A589;
 }
@@ -3032,7 +3035,7 @@
   border-radius: 50%;
   width: 2em;
   height: 2em;
-  transition: box-shadow 0.2s;
+  transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
   background: rgba(255, 255, 255, 0.2);

public/themes/saga-orange/theme.css

@@ -625,6 +625,9 @@
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #F39C12;
 }
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: #cccccc;
+}
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #D68910;
 }
@@ -3032,7 +3035,7 @@
   border-radius: 50%;
   width: 2em;
   height: 2em;
-  transition: box-shadow 0.2s;
+  transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
   background: rgba(255, 255, 255, 0.2);

public/themes/saga-purple/theme.css

@@ -625,6 +625,9 @@
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #9B59B6;
 }
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: #cccccc;
+}
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #8E44AD;
 }
@@ -3032,7 +3035,7 @@
   border-radius: 50%;
   width: 2em;
   height: 2em;
-  transition: box-shadow 0.2s;
+  transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
   background: rgba(255, 255, 255, 0.2);