diff --git a/src/resources/ha-style.html b/src/resources/ha-style.html
index 1bbf12ea3c..fc7fa24e95 100644
--- a/src/resources/ha-style.html
+++ b/src/resources/ha-style.html
@@ -2,116 +2,121 @@
-
+ /* set our toggle style */
+ --paper-toggle-button-checked-ink-color: var(--toggle-button-color);
+ --paper-toggle-button-checked-button-color: var(--toggle-button-color);
+ --paper-toggle-button-checked-bar-color: var(--toggle-button-color);
+ --paper-toggle-button-unchecked-button-color: var(--toggle-button-unchecked-color, var(--paper-grey-50));
+ --paper-toggle-button-unchecked-bar-color: var(--toggle-button-unchecked-color, #000000);
+ /* set our slider style */
+ --paper-slider-knob-color: var(--slider-color);
+ --paper-slider-knob-start-color: var(--slider-color);
+ --paper-slider-pin-color: var(--slider-color);
+ --paper-slider-active-color: var(--slider-color);
+ --paper-slider-secondary-color: var(--slider-secondary-color);
+ --paper-slider-container-color: var(--slider-bar-color);
+ }
+
-
@@ -188,7 +193,6 @@
-