🍋️ ZestyTheme

[inTempoDK]

I dont know if this helps anyone, but i did some modifications to the CSS, mainly for some small stuff for PC, but mostly for TV version.

For PC added back the favorite icon and seen icon on the front page images, and so it shows subtitle and audio on the information page for the movie/show also.
For TV (checked on just mine for now) those small wierd rounded icons with like border radius of 48 fixed, showing missing image on the movie/series information screen, some sizes and such, atleast here it looks great again

Of course you can modify some of these sizes to fit your own screen, or if something isnt used by you, you can remove it, atleast its better i feel, still room for improvement though, maybe it will help some a bit.

Code:

@import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/theme.css');
@import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/blue.css');
.selectSubtitlesContainer, .selectAudioContainer{
  visibility: visible !important;
  position: relative !important;
}
.backdropImage {
  filter: blur(4px) saturate(110%) contrast(110%) brightness(40%);
}
.cardOverlayButton-br.flex {
    display: flex;
}
.ratingbutton-icon-withrating {
    color: rgba(var(--jade-green), 1) !important;
}
.noBackdropTransparency .detailPagePrimaryContainer, .noBackdropTransparency .detailPageSecondaryContainer {
    background-color: rgba(0,0,0,0); !important
}
.textActionButton {
    font-weight: bold;
}
.layout-tv .itemsContainer-tv>.overflowBackdropCard {
    width: 30vw;
}
.layout-tv .cardContent, .layout-tv .cardImageContainer {
    border-radius: 10px !important;
}
.layout-tv [dir="ltr"] .itemsContainer > .card > .cardBox {
    margin-left: 0;
    margin-right: 0em !important;;
}
.layout-tv .indicator {
    position: absolute !important;
}
.layout-tv .cardText-secondary {
    font-size: 70% !important;
}
.layout-tv .cardText {
    font-size: 85%;
}
.layout-tv .card.show-focus:not(.show-animation) .cardBox.visualCardBox, .layout-tv
    .card.show-focus:not(.show-animation)
    .cardBox:not(.visualCardBox)
    .cardScalable {
    border-radius: 15px !important;
}
.layout-tv .blurhash-canvas {
    border-radius: 10px !important;
}
.layout-tv .detailImageContainer .card .cardBox {
    margin: 0;
    display: block !important;
}
.layout-tv .overflowBackdropCard, .layout-tv .overflowSmallBackdropCard {
    width: 22vw;
}
.cardText-secondary {
    font-size: 95%;
}
.cardText.cardTextCentered.cardText-first .itemAction.textActionButton {
    margin-top: 0.8em;
    font-size: 110% !important;
}
.card.overflowBackdropCard.card-hoverable.card-withuserdata {
    width: 25vw !important;
}
.layout-tv .countIndicator, .layout-tv .playedIndicator {
    font-size: 80%;
}
.layout-desktop .nextUpSection {
    left: calc(65vw - 0.5em);
    margin-top: 18vh;
}