jellyfin theme glassmorphism [10.9.x]

[alexyle]

I have made a fork of this theme:  My custom css for movies/tv show sections : jellyfin (reddit.com)

The fork add glassmorphism theme.

Example:

 
 

 

 

github link:  alexyle/jellyfin-theme (github.com)

 
Installation:
add on custom css

Code:

@import 'https://cdn.jsdelivr.net/gh/alexyle/jellyfin-theme@main/glassmorphism/theme.css';

[Chat-mots]

Great look, I love it !
However there is no option to change the language and subtitle for a video.

[alexyle]

Great look, I love it !
However there is no option to change the language and subtitle for a video.

Changing the subtitles works for me, I don't know why that's happening

[Chat-mots]

Right ! I meant on the menu. But it's not a big problem now that I think of it. 😅

[Tom]

I was looking for new theme. Nice work

[Sapd]

I especially like the Movie screen.
However the backdrop seems to bug: https://i.imgur.com/KAXNL54.png (tested in chrome and safari)

Also the missing selection of language and subtitle BEFORE playing it is actually a huge problem. Because the player in jellyfin-web is a bit buggy for language/subs selection and does not work always reliable when already watching.

[alexyle]

I especially like the Movie screen.
However the backdrop seems to bug: https://i.imgur.com/KAXNL54.png (tested in chrome and safari)

Also the missing selection of language and subtitle BEFORE playing it is actually a huge problem. Because the player in jellyfin-web is a bit buggy for language/subs selection and does not work always reliable when already watching.

For the backdrop I don't found good solution for the moment,

and for the language/subs selection I added it.

[Iskelderon]

Thanks for sharing

For my tastes I fiddled with the background a bit after the import statement (since the .detailPageSecondaryContainer appeared to have just a solid background and the backdrop came out too dark), but otherwise it's just what I was looking for.

Code:

.backgroundContainer.withBackdrop {  background-color: rgba(0, 0, 0, 0.50);  }
.noBackdropTransparency .detailPageSecondaryContainer {  background-color: rgba(16,16,16,.90);  }