From 6f26a73eb219a3a719d7970152cd5052b65023cf Mon Sep 17 00:00:00 2001
From: fruzitent <40008647+fruzitent@users.noreply.github.com>
Date: Thu, 28 Sep 2023 21:38:50 +0300
Subject: [PATCH] fix(twitch): Make text in vods readable (#227)

* Update metadata colors

* Update DMCA color

* Update seekbar color

* Update time labels color

* Bump version

* fixup! Update time labels color
---
 styles/twitch/catppuccin.user.css | 47 ++++++++++++++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

diff --git a/styles/twitch/catppuccin.user.css b/styles/twitch/catppuccin.user.css
index 6610b3d..3624848 100644
--- a/styles/twitch/catppuccin.user.css
+++ b/styles/twitch/catppuccin.user.css
@@ -2,7 +2,7 @@
 @name           Twitch Catppuccin
 @namespace      github.com/catppuccin/userstyles/styles/twitch
 @homepageURL    https://github.com/catppuccin/userstyles/tree/main/styles/twitch
-@version        1.1.6
+@version        1.1.7
 @description    Soothing pastel theme for Twitch
 @author         Catppuccin
 @updateURL      https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css
@@ -176,6 +176,51 @@
       color: @text;
     }
 
+    /* VOD metadata */
+
+    div.tw-media-card-stat {
+      color: @text;
+    }
+
+    /* DMCA warning */
+
+    div.muted-segments-alert__content p {
+      color: @text;
+    }
+
+    /* VOD time labels */
+
+    div.vod-seekbar-time-labels p {
+      color: @text !important;
+    }
+
+    /* VOD timestamp */
+
+    div.vod-seekbar-preview-overlay__wrapper p {
+      color: @text !important;
+    }
+
+    /* Seekbar segment */
+
+    div[data-test-selector="seekbar-interaction-area__interactionArea"]
+      span[data-test-selector="seekbar-segment__segment"] {
+      background: @accent-Color !important;
+    }
+
+    /* Seekbar DMCA muted segment */
+
+    div[data-test-selector="seekbar-interaction-area__interactionArea"]
+      span[data-test-selector="seekbar-segment__segment"][style*="background-color: rgba(212, 73, 73, 0.5);"] {
+      background: @red !important;
+    }
+
+    /* Seekbar buffered segment */
+
+    div[data-test-selector="seekbar-interaction-area__interactionArea"]
+      span[data-test-selector="seekbar-segment__segment"][style*="background-color: rgba(255, 255, 255, 0.85);"] {
+      background: @overlay2 !important;
+    }
+
     /* TODO: moments */
 
     & .carousel-metadata {