ahza-code / Netflin

# Netflin Theme
Netflin is a CSS theme for Jellyfin's web client that gives it Netflix's look: title-art heroes, rows of cards, detail pages, menus and player controls, on desktop and on phones.
I'd wanted a theme of my own for a while. Before this I used the amazing ElegantFin by lscambo13 for a long time, and some of its ideas stuck with me, so you'll recognise a few here. ElegantFin doesn't support Jellyfin's new Modern layout, which is what Netflin is built for.
It spent about a year on my disk as tweaks for my own server before I cleaned it up to share. It's a hobby project, so updates are best effort, but issues are welcome.
It's pure CSS: one line to install, or one small script if you want the dashboard themed too.
#### **Author:** ahza-code
### Key features
- streaming-app layouts and colour tones: black, greys, and red only where it counts
- title-art heroes on the home page (with Media Bar) and on detail pages
- rows of cards with play buttons placed by card shape
- clean type and even spacing on a shared page gutter
- matching menus, dialogs and player controls
- skeleton loading: cards pulse as grey placeholders until their images arrive
- less clutter: muted secondary buttons, extra tags and labels tucked away
- various fixes for things that look off in the stock new layout
- Media Bar and KefinTweaks styled to match
- the admin dashboard themed too (with Option 2)
- same design on desktop and phone
### Requirements
- **Jellyfin 12.x.** That's what I run and the only version I've tested.
- **Display Mode set to Auto** (`User Settings > Display > Display Mode > Auto`). Netflin is built for the new layout. The legacy modes aren't fully supported.
- Tested on desktop browsers and the Jellyfin app on iOS and Android. Tablets get the phone layout and mostly work. TVs aren't tested.
#### Plugins (optional, but it's my setup)
Netflin works without any plugins, but it looks its best with these two, since I styled their parts to match:
- Media Bar by IAmParadox27, based on the original by MakD (M0RPH3US): the big featured slideshow on the home page
- KefinTweaks by ranaldsgift: most of it is covered (Watchlist and its tabs, enhanced search, breadcrumbs, popovers, collection sorting and more)
### Screenshots
 💻 Desktop 
| | |
|:---:|:---:|
| **Home** | **Home rows** |
| **Library** | **Movie** |
| **Movie details** | **Series** |
| **Season** | **Episode** |
| **Collection** | **Person** |
| **Search** | **Search results** |
| **Watchlist (KefinTweaks)** | **Live TV guide** |
| **Channel** | **Programme** |
| **Sign in** | **Dashboard** |
| **Loading** | |
 📱 Mobile 
| | | |
|:---:|:---:|:---:|
| **Home** | **Menu** | **Library** |
| **Movie** | **Series** | **Season** |
| **Episode** | | |
### How to install
There are two ways. Use **one** of them, not both, or the theme loads twice.
#### Option 1: Custom CSS (simplest)
Go to `Dashboard > General`, paste this into the **Custom CSS** box and save:
 [code] 
This themes everything except the ad