fix(player): add progress live edge cssvar to plyr layout

vidstack · Jan 30, 2024 · d2c29a4 · d2c29a4
1 parent f077434
commit d2c29a4
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/vidstack/player/styles/plyr/theme.css b/packages/vidstack/player/styles/plyr/theme.css
@@ -561,7 +561,11 @@ a.plyr__control::before {
 }
 
 [data-live] .plyr__progress .plyr__slider {
-  color: var(--plyr-progress-live-color, var(--plyr-color-main));
+  color: var(--plyr-progress-live-color, white);
+}
+
+[data-live-edge] .plyr__progress .plyr__slider {
+  color: var(--plyr-progress-live-edge-color, var(--plyr-color-main, hsl(198, 100%, 50%)));
 }
 
 .plyr__slider__buffer {