Jellyfin Theme - Glassmorphism

November 9, 2025 · View on GitHub

A sleek and modern theme for Jellyfin inspired by the glassmorphism design trend. Customize your Jellyfin experience with this visually appealing and user-friendly theme.

This theme is a fork of the original design shared on Reddit: My custom CSS for Movies/TV show sections.

🎨 Features

  • Glassmorphism Design: Adds a frosted glass aesthetic to your Jellyfin interface.
  • Responsive and Lightweight: Designed to work seamlessly across devices.
  • Easy Installation: Integrates directly into your Jellyfin custom CSS.

🖼️ Preview

Elegant Glassmorphism in Action:

Glassmorphism Screenshot 1

Glassmorphism Screenshot 2

Glassmorphism Screenshot 3

Glassmorphism Screenshot 4

Feature

Custom Music Player

Glassmorphism Screenshot 5

Glassmorphism Screenshot 6

Liquid glass

Glassmorphism Screenshot 7

Glassmorphism Screenshot 8

Backdrop support

Glassmorphism Screenshot 9

📥 Installation Guide

Follow these simple steps to apply the Glassmorphism theme to your Jellyfin instance:

  1. Open your Jellyfin dashboard.

  2. Navigate to Dashboard > Settings > Custom CSS.

  3. Paste the following CSS import link:

    @import 'https://cdn.jsdelivr.net/gh/alexyle/jellyfin-theme@main/glassmorphism/theme.css';

    with liquid glass (only works on Chromium-based browsers)

    @import 'https://cdn.jsdelivr.net/gh/alexyle/jellyfin-theme@liquid-glass/glassmorphism/theme.css';