diff --git a/src/resources/ha-style.html b/src/resources/ha-style.html
index 5b9be27367..0bce1f6347 100644
--- a/src/resources/ha-style.html
+++ b/src/resources/ha-style.html
@@ -20,6 +20,11 @@
     --paper-toggle-button-checked-button-color: #039be5;
     --paper-toggle-button-checked-bar-color: #039be5;
 
+    --paper-slider-knob-color: var(--primary-color);
+    --paper-slider-pin-color: var(--primary-color);
+    --paper-slider-active-color: var(--primary-color);
+    --paper-slider-secondary-color: var(--secondary-color);
+
     /* Taken from paper-styles/color.html */
     /* for paper-spinner */
     --google-red-500: #db4437;
@@ -30,6 +35,9 @@
     /* for paper-toggle-button */
     --paper-grey-50: #fafafa;
 
+    /* for paper-slider */
+    --paper-green-400: #66bb6a;
+
     /* opacity for dark text on a light background */
     --dark-divider-opacity: 0.12;
     --dark-disabled-opacity: 0.38; /* or hint text or icon */