Jellyfin Forum
🍋️ ZestyTheme - Printable Version

+- 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: 🍋️ ZestyTheme (/t-%F0%9F%8D%8B%EF%B8%8F-zestytheme)

Pages: 1 2 3 4 5

🍋️ ZestyTheme - ZestyJelly - 2024-03-30

Hey guys, I kinda made my own theme by combining Ultrachromic, Glassmorphism, and JellyTheme, as well as my own tweaks.
I have only tested it on my phone and computer (1080p), on both the app and the web interface. So it may look broken on 720p, 2K and 4K.
Here is what it looks like:


[Image: home.jpg]

[Image: nice-guys.jpg]

[Image: avatar.jpg]

[Image: player.jpg]

[Image: phone.jpg]


Repo is finally here: https://github.com/stpnwf/ZestyTheme

Compatible with 10.9.x!

To install add the following to Dashboard > General > Custom CSS

Code:
@import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/theme.css');


Available in different color schemes (add one of these in addition to the line above):

Code:
@import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/blue.css');
[Image: blue.png]

Code:
@import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/gray.css');
[Image: gray.png]

Code:
@import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/green.css');
[Image: green.png]

Code:
@import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/purple.css');
[Image: purple.png]

Code:
@import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/yellow.css');
[Image: yellow.png]

+ more in repo

RE: 🍋️ ZestyTheme - esol693 - 2024-04-05

Great! Does it matches the look of the login page with home page styling?

RE: 🍋️ ZestyTheme - ZestyJelly - 2024-04-05

(2024-04-05, 05:35 PM)esol693 Wrote: Great! Does it matches the look of the login page with home page styling?

Yes it does. Other than changing the wallpaper, I think it is mostly Ultrachromic there. I only made a tweak here and there.

Edit: I just added an alternative login wallpaper (the one on the right of the image below). To switch to it, add this at the bottom of your Custom CSS:

Code:
@import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/login-alt.css');

[Image: login.jpg]

RE: 🍋️ ZestyTheme - esol693 - 2024-04-09

Does this already have an import line code css that we can use to try it out?

RE: 🍋️ ZestyTheme - Ted Hinklater - 2024-04-10

Zesty is a perfect name for this very nice

RE: 🍋️ ZestyTheme - Topomov - 2024-04-26

It's gorgeous!

Any news on a git repo? I have a few MR I'd like to submit Smiling-face

RE: 🍋️ ZestyTheme - ZestyJelly - 2024-05-08

(2024-04-26, 06:23 PM)Topomov Wrote: It's gorgeous!

Any news on a git repo? I have a few MR I'd like to submit Smiling-face

Sorry for the delay. Yes, it's finally here:  https://github.com/stpnwf/ZestyTheme

RE: 🍋️ ZestyTheme - ZestyJelly - 2024-05-08

(2024-04-09, 09:00 PM)esol693 Wrote: Does this already have an import line code css that we can use to try it out?

I just created the repo, and haven't tested, but it should be this I believe:

@import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/theme.css');

RE: 🍋️ ZestyTheme - usrnammit - 2024-05-14

Hi, how do you get different backdrops in Next Up and Item Details Page?

For example, in your screenshots, on the homepage Avatar in Next Up has a different backdrop than it has 2 screenshots later when its the background of the Avatar's details page. Did you change these manually between screenshots? Or can I actually have a 'clean' backdrop without text as a background but a 'stylized' one with the show logo in Next Up?

RE: 🍋️ ZestyTheme - M0RPH3US - 2024-05-14

Are you planning to update this to work on the latest jellyfin release