diff --git a/calendar/templates/default/app.css b/calendar/templates/default/app.css
index b3102c0ab5..8b021eab1a 100644
--- a/calendar/templates/default/app.css
+++ b/calendar/templates/default/app.css
@@ -1479,7 +1479,11 @@ img.calendar_print_button, img.calendar_print_appicon {
 	background-size: 20px;
 	background-repeat: no-repeat;
 	background-position: center;
-	filter: brightness(0) contrast(0.3) opacity(0.7);
+}
+#calendar-toolbar_toolbar span[data-group="integration"] > et2-switch::part(base),
+#toolbar-menulist et2-switch[id^="calendar-toolbar_toolbar-integration"] ,
+#toolbar-menulist et2-switch[id^="calendar-toolbar_toolbar-video_toggle"] {
+filter: brightness(0) contrast(0.3) opacity(0.7);
 }
 et2-switch#calendar-toolbar_toolbar-weekend {
 	background-image: none !important;
@@ -1516,7 +1520,7 @@ et2-switch#calendar-toolbar_toolbar-weekend::part(label) {width: 100%; height: 1
 	height: 32px;
 	display: inline-block;
 	vertical-align: top;
-	border: 1px solid silver;
+	border: 1px solid var(--sl-color-neutral-300);
 	border-radius: 3px;
 }
 .ui-toolbar-menulist et2-switch,
diff --git a/calendar/templates/mobile/app.css b/calendar/templates/mobile/app.css
index 306ca37288..4e82606a4b 100644
--- a/calendar/templates/mobile/app.css
+++ b/calendar/templates/mobile/app.css
@@ -1448,6 +1448,10 @@ img.calendar_print_appicon {
   background-size: 20px;
   background-repeat: no-repeat;
   background-position: center;
+}
+#calendar-toolbar_toolbar span[data-group="integration"] > et2-switch::part(base),
+#toolbar-menulist et2-switch[id^="calendar-toolbar_toolbar-integration"],
+#toolbar-menulist et2-switch[id^="calendar-toolbar_toolbar-video_toggle"] {
   filter: brightness(0) contrast(0.3) opacity(0.7);
 }
 et2-switch#calendar-toolbar_toolbar-weekend {
@@ -1494,7 +1498,7 @@ et2-switch#calendar-toolbar_toolbar-weekend::part(label) {
   height: 32px;
   display: inline-block;
   vertical-align: top;
-  border: 1px solid silver;
+  border: 1px solid var(--sl-color-neutral-300);
   border-radius: 3px;
 }
 .ui-toolbar-menulist et2-switch,
@@ -2835,4 +2839,3 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
     color: #707070;
   }
 }
-/*# sourceMappingURL=app.css.map */
\ No newline at end of file
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index 40e792db14..850d371089 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -1436,6 +1436,10 @@ img.calendar_print_appicon {
   background-size: 20px;
   background-repeat: no-repeat;
   background-position: center;
+}
+#calendar-toolbar_toolbar span[data-group="integration"] > et2-switch::part(base),
+#toolbar-menulist et2-switch[id^="calendar-toolbar_toolbar-integration"],
+#toolbar-menulist et2-switch[id^="calendar-toolbar_toolbar-video_toggle"] {
   filter: brightness(0) contrast(0.3) opacity(0.7);
 }
 et2-switch#calendar-toolbar_toolbar-weekend {
@@ -1482,7 +1486,7 @@ et2-switch#calendar-toolbar_toolbar-weekend::part(label) {
   height: 32px;
   display: inline-block;
   vertical-align: top;
-  border: 1px solid silver;
+  border: 1px solid var(--sl-color-neutral-300);
   border-radius: 3px;
 }
 .ui-toolbar-menulist et2-switch,