JellyFlix icon indicating copy to clipboard operation
JellyFlix copied to clipboard

Jellyfin but Looks, Feels and Smells like Netflix

JellyFlix

Looks, Feels and Smells like Netflix

Netflix Theme for Jellyfin


Usage:

To use it, got to Setting ==> Dashboard ==> General and scroll down to custom css and paste the following line

Base Version:

Auto Update:

@import url("https://cdn.jsdelivr.net/gh/prayag17/JellyFlix@latest/default.css");

Custom Version:

@import url("https://cdn.jsdelivr.net/gh/prayag17/JellyFlix@<version-number>/default.css");

With Logos(recommended):

Auto Update:

@import url("https://cdn.jsdelivr.net/gh/prayag17/JellyFlix@latest/default.css");
@import url("https://cdn.jsdelivr.net/gh/prayag17/JellyFlix@latest/addons/Logo.css");

Custom Version:

@import url("https://cdn.jsdelivr.net/gh/prayag17/JellyFlix@<version-number>/default.css");
@import url("https://cdn.jsdelivr.net/gh/prayag17/JellyFlix@<version-number>/addons/Logo.css");

You can also use Jellyfin colors instead of Netflix red

Jellyfin-Blue:
@import url("https://cdn.jsdelivr.net/gh/prayag17/[email protected]/addons/jf-blue.css");

Jellyfin-Purple:

@import url("https://cdn.jsdelivr.net/gh/prayag17/[email protected]/addons/jf-purple.css");

Home Page

Library

Movie Title Page

TV Show Title page


The UI feels cluttered? try:

Use 67% zoom for better experience on PC


Note: If you want any things to be changed/added to this skin create and issue with 'Feature Request:' in front of it and I also want to make this skin to be supported by most of the devices, so create an issue if your device doesn't work properly with it. Please provide me the name of your device with it's type in this format-

  Device-name: Your name
  type: Mobile/TV (Laptop are all supported, use 67% zoom)