Skip to content

Jellyfin CSS using custom Icons and more!!, created for Jellyfin web 🎞️, can be used by just one line.

License

Notifications You must be signed in to change notification settings

xenoncolt/JellyFlixCustomCSS

Repository files navigation

JellyFlix Custom CSS

The main custom css for JellyFlix streaming service. Full custom css import link given here below.

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: If it is not working create a issue with details here.

npm (tag) github last commit watch star

Login Screen

  • Login background with radial gradient overlay to make it look like netflix login.
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/loginPage.css");

Theme

  • A blue accent color theme
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/blueTheme.css");

Effect

Back Drop hack

  • A hacky way to trun the cover art into a backdrop on mobile.
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/backdropHackStyle.css");

Glassy

  • Make some UI elements glassy see-through.
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/glassy.css");

Pan Animation

  • Pan animation animates the backdrop with a slow pan.
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/panAnimation.css");

Hover Glow

  • Make your items glow
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/hoverglow.css");

Smaller cast list

  • A smaller, square aspect ratio style cast list.
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/castRow.css");

Field Border

  • Input field styles, with borders that highlight when selected.
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/fieldBorder.css");

Episodes List

Grid Episodes

  • It will help you to scroll more easily.
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/gridEpisodes.css");

Compact List

  • List base view episode list
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/listEpisodes.css");

Overly Progress

  • Overly progress indicator for libary items
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/overlyProgress.css");

Transparent Header

  • For better background quility, it will help you to lock more beautiful
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/transparentHeader.css");

Watched Indicator

  • A more styles overly watched indicator
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/watchedIndicator.css");

Title page

  • Movie or show title page
@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/titlePage.css");

About

Jellyfin CSS using custom Icons and more!!, created for Jellyfin web 🎞️, can be used by just one line.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages