+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: Themes & Styles (https://forum.jellyfin.org/f-themes-styles)
+--- Thread: Big TV Screen (/t-big-tv-screen)
Big TV Screen - MrMax - 2025-12-16
Hello everyone, I've been using Jellyfin for a while now and I'm thrilled.
I've been trying to improve the visibility on my 70-inch LG TV (connected via network cable to a Synology NAS), but I'm not sure if it's due to the native LG app or the TV size, but all the themes I've tried are poorly displayed (small fonts or screens, backgrounds that aren't visible, etc.).
Can anyone in my situation offer any advice?
Thanks in advance.
RE: Big TV Screen - inTempoDK - 2025-12-17
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
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;
}