🍋️ ZestyTheme

[Hostile_18]

Great work, I made a few modifications another user had done, such as remove the text shadow/blur, put the top line all on the same height and realign the play button to match the spacing of the other buttons.

Is there anyway to set the cast member photo to remain when you click on an actors bio?

[Iskelderon]

Just upgraded to 11 and there's surprisingly little causing trouble with the theme, mostly just the logo (and whatever else is in the same block) pushing the relevant stuff to the right.

   

[turbo-powwer]

This theme looks great but it has marginal issues. First you cannot change the logo. I dont want to see Jellyfin or logos anywhere. Second problem is when you use the theme on 4k tv episodes iconns are too big. Please fix these issues.

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

[Cynicalip]

Sup, y'all
I tried to use your theme, which is very neat, and I noticed some kind of black bar over the logos and similar, why this happens? How can I fix it?