New: Updated the progress bar on Continue Watching cards for better appearance and contrast

This also affects the trickplay and chapter cards
This commit is contained in:
lscambo13
2025-04-13 21:10:31 +05:30
parent 96de0cd09a
commit f23bf85aa0

View File

@@ -710,15 +710,15 @@ html {
.itemProgressBar:not(.backgroundProgress, .playbackProgress, .transcodingProgress) { .itemProgressBar:not(.backgroundProgress, .playbackProgress, .transcodingProgress) {
backdrop-filter: var(--blurLarge); backdrop-filter: var(--blurLarge);
background-color: rgb(123 123 123 / 30%) !important; background-color: rgba(169, 169, 169, 0.3) !important;
box-shadow: inset 0px 0px 0.01em .01em #969696; height: 0.35em;
overflow: hidden; overflow: hidden;
border-radius: var(--largeRadius); border-radius: var(--largeRadius);
} }
.itemProgressBarForeground { .itemProgressBarForeground {
border-radius: var(--largeRadius); border-radius: var(--largeRadius);
background-color: var(--uiAccentColor); background-color: var(--dimTextColor);
} }
.backgroundProgress>div { .backgroundProgress>div {
@@ -1024,11 +1024,12 @@ progress+span {
.innerCardFooter, .innerCardFooter,
.chapterThumbTextContainer { .chapterThumbTextContainer {
background: transparent; background: linear-gradient(0deg, #000000e8, transparent);
font-weight: 500; font-weight: 500;
text-shadow: .1em .1em 0px black; text-shadow: .1em .1em 0px black;
padding: 1em; padding: 5em 2em 1.5em 2em;
width: auto; width: auto;
width: -webkit-fill-available;
} }
.centerMessage { .centerMessage {