2025-12-17, 07:22 PM
Try this.
Its ZestyTheme , I did modify it as you can see, if you want to mess around with settings, the CSS that contains .layout-tv, is, for my TV atleast, the ones i modified to make it more pretty, but modify those a bit and play around, maybe it helps
Its ZestyTheme , I did modify it as you can see, if you want to mess around with settings, the CSS that contains .layout-tv, is, for my TV atleast, the ones i modified to make it more pretty, but modify those a bit and play around, maybe it helps

PHP 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;
}

