Skip to content

n00bcodr/Jellyfish

Repository files navigation

Last Updated Commit Activity Jellyfin Version


Jellyfish Theme | jellyfish

This theme is heavily inspired by Flow, Zesty and Ultrachromic I've made a few tweaks and modifications of my own.

Login page backgrounds from @ksushlapush



Main Theme with JellyBlue as default

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/theme.css");
Home Item Details
Login I Login II

----

Floating Progress Bar

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/progress_bar.css");
Without With

----

Indicators attached in the corner

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/indicators.css");
Without With

----

Text Instead of Icons

In item details page, show text for Play, Trailer, Mark as watched etc.

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/icontext.css");
Without With

----

Coloured Parental Ratings

Note

Only works with a custom javascript

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/ratings.css");

----

----

streamberry Logo

Streamberry Logo (inspired by Black Mirror) instead of Jellyfish Logo. Included by default with jellyflix.css

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/streamberry_logo.css");

Colors:

banana

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/colors/banana.css");

----

coal

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/colors/coal.css");

----

coral

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/colors/coral.css");

----

grass

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/colors/grass.css");

----

jellyblue

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/colors/jellyblue.css");

----

jellyflix

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/colors/jellyflix.css");

----

lavender

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/colors/lavender.css");

----

mint

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/colors/mint.css");

----

ocean

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/colors/ocean.css");

----

peach

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/colors/peach.css");

----

watermelon

@import url("https://cdn.jsdelivr.net/gh/n00bcodr/Jellyfish/colors/watermelon.css");

🧪 Compatibility

  • Works for Movies and TV Shows, should work fine mostly for Music and Books, although I don't use Jellyfin for either of them
  • Works on both mobile app and web browser, known to have issues / not work on Jellyfin Media Player

About

Jellyfin Theme inspired by Flow, Zesty and Ultrachromic

Topics

Resources

Stars

Watchers

Forks