diff --git a/src/components/slider/slider-styles.ts b/src/components/slider/slider-styles.ts
index 922e0f9..1adc19b 100644
--- a/src/components/slider/slider-styles.ts
+++ b/src/components/slider/slider-styles.ts
@@ -150,4 +150,18 @@ export const sharedStyles: CSSResult = css`
     font-family: 'gaia-icons';
     content: attr(data-icon);
   }
+  @media (prefers-color-scheme: dark) {
+    .v-sliderBar {
+      background: rgba(255, 255, 255, 0.15);
+    }
+    .v-progress {
+      background: #ebebeb;
+    }
+    .sliderBar {
+      background: rgba(255, 255, 255, 0.15);
+    }
+    .progress {
+      background: #ebebeb;
+    }
+  }
 `