diff --git a/theme/colors/dark.css b/theme/colors/dark.css
index 9a7f264..e2109b9 100644
--- a/theme/colors/dark.css
+++ b/theme/colors/dark.css
@@ -82,6 +82,16 @@
 		--gnome-focused-urlbar-border-color: #15539e;
 		--gnome-private-urlbar-background: #25003e;
 
+		/* Switch */
+		--gnome-switch-background: #282828;
+		--gnome-switch-border-color: #1b1b1b;
+		--gnome-switch-slider-background: linear-gradient(to bottom, #3c3c3c 20%, #353535 90%);
+		--gnome-switch-slider-border-color: #111111;
+		--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);	
+		--gnome-switch-active-background: #15539e;
+		--gnome-switch-active-border-color: #030c17;
+		--gnome-switch-active-slider-border-color: #030c17;
+
 		/* Tabs */
 		--gnome-tabbar-tab-color: rgb(141, 144, 145);
 		--gnome-tabbar-tab-hover-background: #2b2b2b;
diff --git a/theme/colors/light.css b/theme/colors/light.css
index 77ffbf4..0e4f4e0 100644
--- a/theme/colors/light.css
+++ b/theme/colors/light.css
@@ -82,6 +82,16 @@
 	--gnome-focused-urlbar-border-color: #4a90d9;
 	--gnome-private-urlbar-background: #e6c2ff;
 
+	/* Switch */
+	--gnome-switch-background: #e1dedb;
+	--gnome-switch-border-color: #cdc7c2;
+	--gnome-switch-slider-background: linear-gradient(to bottom, white 10%, white 90%);
+	--gnome-switch-slider-border-color: #bfb8b1;
+	--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);	
+	--gnome-switch-active-background: #3584e4;
+	--gnome-switch-active-border-color: #185fb4;
+	--gnome-switch-active-slider-border-color: #185fb4;
+
 	/* Tabs */
 	--gnome-tabbar-tab-color: rgb(141, 144, 145);
 	--gnome-tabbar-tab-hover-background: #e4e2de;
diff --git a/theme/parts/popups-contents.css b/theme/parts/popups-contents.css
index 74a5794..8102a47 100644
--- a/theme/parts/popups-contents.css
+++ b/theme/parts/popups-contents.css
@@ -163,3 +163,50 @@ panelview vbox.panel-subview-body > toolbarbutton label {
 #protections-popup-show-full-report-link {
 	margin-right: 16px !important;
 }
+
+.protections-popup-tp-switch-box {
+	margin: 16px !important;
+	padding: 0 !important;
+	-moz-box-pack: start !important;
+}
+#protections-popup-tp-switch { /*TODO: consider switchers section*/
+	background: var(--gnome-switch-background) !important;
+	border: 1px solid var(--gnome-switch-border-color) !important;
+	border-radius: 24px !important;
+	min-width: 50px !important;
+	width: 50px !important;
+	min-height: 26px !important;
+	padding: 0 !important;
+	position: relative !important;
+	display: block !important;
+	margin: 0 !important;
+}
+#protections-popup-tp-switch:hover {
+	border-color: var(--gnome-switch-border-color) !important;
+}
+#protections-popup-tp-switch::before {
+	position: absolute !important;
+	top: 0px;
+	left: 0px;
+	background: var(--gnome-switch-slider-background) !important;
+	border: 1px solid var(--gnome-switch-slider-border-color) !important;
+	box-shadow: var(--gnome-switch-slider-box-shadow);
+	border-radius: 24px !important;
+	height: 24px !important;
+	width: 24px !important;
+	transition: left .2s ease;
+}
+#protections-popup-tp-switch[enabled] {
+    background: var(--gnome-switch-active-background) !important;
+	border-color: var(--gnome-switch-active-border-color) !important;
+	padding-inline-start: 24px !important;
+}
+#protections-popup-tp-switch[enabled]:hover {
+	border-color: var(--gnome-switch-active-border-color) !important;
+}
+#protections-popup-tp-switch[enabled]::before {
+    border-color: var(--gnome-switch-active-slider-border-color) !important;
+	left: 24px;
+}
+
+