nullbite/catppuccin-userstyles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(twitch): Make text in vods readable (#227)

Browse Source 
* Update metadata colors

* Update DMCA color

* Update seekbar color

* Update time labels color

* Bump version

* fixup! Update time labels color
This commit is contained in:
fruzitent 2023-09-28 21:38:50 +03:00 committed by GitHub
parent fe5f5c06f3
commit 6f26a73eb2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 46 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
styles/twitch/catppuccin.user.css
View File

@ -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 {