-
To use the JellySkin theme copy the line below into "Dashboard -> General -> Custom CSS" and click save, it will apply immediately server-wide to all users on top of any theme they may be using. To remove the theme, clear the "Custom CSS" field and then click save. NOTE: Theme may not work when using Nginx Reverse Proxy. Scroll down below to learn how to fix this.
@import url("https://cdn.jsdelivr.net/npm/jellyskin-j0nan@latest/dist/main.css");
-
To enable Logos add this to custom css:
@import url("https://cdn.jsdelivr.net/npm/jellyskin-j0nan@latest/dist/logo.css");
-
You can also use Jellyfin-Skin-Manager-Plugin : https://github.com/danieladov/jellyfin-plugin-skin-manager
-
If you fix performace issues like stutter while normally browsing jellyfin while use JellySkin, try adding this to custom css to fix the issue:
@import url("https://cdn.jsdelivr.net/npm/jellyskin-j0nan@latest/dist/addons/improvePerformance.css")
โ ๏ธ This removes the background blur from dialogs, gradient scroll in and out "bars" and animated mesh gradient from login page (replaced by normal gradient animation) -
Want to use compact posters instead of normal cards, add this to you custom css:
@import url("https://cdn.jsdelivr.net/npm/jellyskin-j0nan@latest/dist/addons/compactPosters.css");
-
If you want want to change the default jellyfin gradient accent to some other preset gradient use:
-
@import url("https://cdn.jsdelivr.net/npm/jellyskin-j0nan@latest/dist/addons/gradients/mauve.css");
-
@import url("https://cdn.jsdelivr.net/npm/jellyskin-j0nan@latest/dist/addons/gradients/nightSky.css");
-
@import url("https://cdn.jsdelivr.net/npm/jellyskin-j0nan@latest/dist/addons/gradients/sea.css");
-
If you need to add your own gradient use:
:root { --accent1-light: YOUR ACCENT COLOR 1(LIGHTER SHADE); --accent1-dark: YOUR ACCENT COLOR 1(DARKER SHADE); --accent1-light-opacity1: YOUR ACCENT COLOR 1(WITH OPACITY 0.4); --accent2-light: YOUR ACCENT COLOR 2(LIGHTER SHADE); --accent2-dark: YOUR ACCENT COLOR 2(DARKER SHADE); }
-
-
Deaktiviert From version 70: this feature is behind the
layout.css.backdrop-filter.enabled
preference (needs to be set to true) and thegfx.webrender.all
preference (needs to be set to true). To change preferences in Firefox, visit about:config -
- Get Fanart Plugin, Dashboard -> Plugin -> Catalog
- Enable Fanart as a metadata provider for your libraries in the library settings, Dashboard -> Library -> Click on 3 dots on your Library -> Manage Library -> Scroll to find Metadata provider and enable Fanart in all of them.
- Rescan your drive and also enable
Replace Metadata
and scan
-
- Go to Seetiing -> Display -> and enable
Backdrops
option
- Go to Seetiing -> Display -> and enable
-
- Go to https://github.com/J0nan/JellySkin/issues
- Click on
New Issue
button - Select the appropriate template
-
- Fork this repository.
- Add your patch/feature
- Create a pull request and thats it
Remember to change the version in the package.json file.
npm install
npm run build
npm publish