diff --git a/css/css-variables.scss b/css/css-variables.scss
index 6de823c81..43f2b7f04 100644
--- a/css/css-variables.scss
+++ b/css/css-variables.scss
@@ -91,6 +91,14 @@ $search-button-box-color: $brand-primary !default;
 $search-button-box-bg-color: $white !default;
 $search-button-box-bg-hover-color: $gray-extra-light !default;
 
+/////////////
+// Buttons //
+/////////////
+// Toggle button
+$toggle-button-bg-color: #CCCCCC !default;
+$toggle-button-bg-checked-color: $brand-primary !default;
+$toggle-button-slider-bg-color: #FFFFFF !default;
+
 // Console elements
 $summary-details-background: $grey-color !default; 
 $main-header-background: $frame-background-color !default;
diff --git a/css/light-grey.scss b/css/light-grey.scss
index dea7a3fbb..643e14cde 100644
--- a/css/light-grey.scss
+++ b/css/light-grey.scss
@@ -1621,8 +1621,8 @@ input.dp-applied {
 		}
 		button{
 			width: 23px; /* Must be equals to .sf_filter > *:height */
-			background-color: $white;
-			color: $combodo-orange;
+			background-color: $search-button-box-bg-color;
+			color: $search-button-box-color;
 			font-size: 10px;
 
 			&:first-of-type{
@@ -3619,7 +3619,7 @@ table.listResults .originColor{
 	left: 0;
 	right: 0;
 	bottom: 0;
-	background-color: #ccc;
+	background-color: $toggle-button-bg-color;
 	transition: .4s;
 }
 
@@ -3630,16 +3630,16 @@ table.listResults .originColor{
 	width: 15px;
 	left: 3px;
 	bottom: 3px;
-	background-color: white;
+	background-color: $toggle-button-slider-bg-color;
 	transition: .4s;
 }
 
 input:checked + .slider {
-	background-color: $combodo-orange;
+	background-color: $toggle-button-bg-checked-color;
 }
 
 input:focus + .slider {
-	box-shadow: 0 0 1px $combodo-orange;
+	box-shadow: 0 0 1px $toggle-button-bg-checked-color;
 }
 
 input:checked + .slider:before {