Skip to content

Instantly share code, notes, and snippets.

@thomasbnt

thomasbnt/rainbow_jellyfin.css

Created July 10, 2026 21:09
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save thomasbnt/89f483933949fd485497c86bdd24c94d to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save thomasbnt/89f483933949fd485497c86bdd24c94d to your computer and use it in GitHub Desktop.
Download ZIP
Rainbow bar on the top of Jellyfin
Raw
rainbow_jellyfin.css
/* 🏳️‍🌈 Pride Month — June */
.skinHeader::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(
90deg,
#e40303 0%,
#ff8c00 17%,
#ffed00 33%,
#008026 50%,
#004dff 67%,
#750787 83%,
#750787 100%
);
z-index: 999;
pointer-events: none;
}
@thomasbnt

thomasbnt commented Jul 10, 2026

Copy link
Copy Markdown
Author
  1. Go to your Jellyfin instance at /web/#/dashboard/branding
  2. Add the CSS code into custom CSS
  3. Save
  4. Reload your page

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment