• Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below
  • Forum
  • Website
  • GitHub
  • Status
  • Translation
  • Features
  • Team
  • Rules
  • Help
  • Feeds
User Links
  • Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below

    Useful Links Forum Website GitHub Status Translation Features Team Rules Help Feeds
    Jellyfin Forum Support Themes & Styles ๐Ÿ‹๏ธ ZestyTheme

    Pages (5): 1 2 3 4 5 Next »

     
    • 4 Vote(s) - 5 Average

    ๐Ÿ‹๏ธ ZestyTheme

    A minimal and elegant theme for Jellyfin
    ZestyJelly
    Offline

    Junior Member

    Posts: 22
    Threads: 1
    Joined: 2024 Mar
    Reputation: 3
    Country:Brazil
    #1
    2024-03-30, 04:26 PM (This post was last modified: 2024-05-26, 08:05 PM by ZestyJelly. Edited 5 times in total.)
    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


    Attached Files Thumbnail(s)
                           
           
    1
    1
    1
    esol693
    Offline

    Junior Member

    Posts: 4
    Threads: 0
    Joined: 2024 Jan
    Reputation: 0
    Country:Philippines
    #2
    2024-04-05, 05:35 PM
    Great! Does it matches the look of the login page with home page styling?
    ZestyJelly
    Offline

    Junior Member

    Posts: 22
    Threads: 1
    Joined: 2024 Mar
    Reputation: 3
    Country:Brazil
    #3
    2024-04-05, 09:52 PM (This post was last modified: 2024-09-17, 03:13 AM by ZestyJelly. Edited 2 times in total.)
    (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]


    Attached Files Thumbnail(s)
       
    esol693
    Offline

    Junior Member

    Posts: 4
    Threads: 0
    Joined: 2024 Jan
    Reputation: 0
    Country:Philippines
    #4
    2024-04-09, 09:00 PM
    Does this already have an import line code css that we can use to try it out?
    Ted Hinklater
    Offline

    Member

    Posts: 149
    Threads: 8
    Joined: 2023 Nov
    Reputation: 22
    Country:United Kingdom
    #5
    2024-04-10, 09:55 PM
    Zesty is a perfect name for this very nice
    Topomov
    Offline

    Junior Member

    Posts: 32
    Threads: 2
    Joined: 2023 Jul
    Reputation: 1
    #6
    2024-04-26, 06:23 PM
    It's gorgeous!

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

    Junior Member

    Posts: 22
    Threads: 1
    Joined: 2024 Mar
    Reputation: 3
    Country:Brazil
    #7
    2024-05-08, 03:16 AM
    (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
    ZestyJelly
    Offline

    Junior Member

    Posts: 22
    Threads: 1
    Joined: 2024 Mar
    Reputation: 3
    Country:Brazil
    #8
    2024-05-08, 03:22 AM
    (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');
    usrnammit
    Offline

    Junior Member

    Posts: 12
    Threads: 3
    Joined: 2023 Oct
    Reputation: 0
    #9
    2024-05-14, 09:36 AM
    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?
    M0RPH3US
    Offline

    Member

    Posts: 89
    Threads: 5
    Joined: 2023 Jun
    Reputation: 7
    #10
    2024-05-14, 12:27 PM
    Are you planning to update this to work on the latest jellyfin release
    Pages (5): 1 2 3 4 5 Next »

    « Next Oldest | Next Newest »

    Users browsing this thread: 1 Guest(s)


    • View a Printable Version
    • Subscribe to this thread
    Forum Jump:

    Home ยท Team ยท Help ยท Contact
    ยฉ Designed by D&D - Powered by MyBB
    L


    Jellyfin

    The Free Software Media System

    Linear Mode
    Threaded Mode