Files
awesome-jellyfin/THEMES.md

473 lines
14 KiB
Markdown

<p align="center">
<img src="assets/banner.png" />
<h1 align="center"><a href="https://github.com/awesome-jellyfin/awesome-jellyfin">Awesome Jellyfin</a> > Themes</h1>
</p>
The preview / screenshots were taken directly from the linked repositories.
If an image is no longer available or out of date, please create an [issue](https://github.com/awesome-jellyfin/awesome-jellyfin/issues) or a [PR](https://github.com/awesome-jellyfin/awesome-jellyfin/edit/main/THEMES.md).
## [better-jellyfin-ui](https://github.com/tromoSM/better-jellyfin-ui) by tromoSM
A refined and modern UI enhancement for Jellyfin focused on improved layout, animations, and iOS design. [` 🔵 Get this Theme `](https://github.com/tromoSM/better-jellyfin-ui)
<table>
<tr>
<td>
<img src="https://github.com/tromoSM/better-jellyfin-ui/blob/main/Assets/desktop-main.png?raw=true" />
</td>
<td>
<img src="https://github.com/tromoSM/better-jellyfin-ui/blob/main/Assets/desktop-library-i.png?raw=true" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/tromoSM/better-jellyfin-ui/blob/main/Assets/desktop-or.png?raw=true" />
</td>
<td>
<img src="https://github.com/tromoSM/better-jellyfin-ui/blob/main/Assets/desktop-player.png?raw=true" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/tromoSM/better-jellyfin-ui/blob/main/Assets/desktop-admin.png?raw=true" />
</td>
</tr>
</table>
---
## [catppuccin](https://github.com/catppuccin/jellyfin) by catppuccin
[` 🔵 Get this Theme `](https://github.com/catppuccin/jellyfin)
<table>
<tr>
<td>
<img src="https://github.com/catppuccin/jellyfin/raw/main/assets/latte.webp" />
</td>
<td>
<img src="https://github.com/catppuccin/jellyfin/raw/main/assets/frappe.webp" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/catppuccin/jellyfin/raw/main/assets/macchiato.webp" />
</td>
<td>
<img src="https://github.com/catppuccin/jellyfin/raw/main/assets/mocha.webp" />
</td>
</tr>
</table>
---
## [ElegantFin](https://github.com/lscambo13/ElegantFin) by lscambo13
[` 🔵 Get this Theme `](https://github.com/lscambo13/ElegantFin)
<table>
<tr>
<td>
<img src="https://github.com/lscambo13/ElegantFin/blob/main/Previews/previews-v25.08.02/optimized/desktop/4.%20Movie%20Page.webp?raw=true" />
</td>
<td>
<img src="https://github.com/lscambo13/ElegantFin/blob/main/Previews/previews-v25.08.02/optimized/desktop/1.%20Homepage.webp?raw=true" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/lscambo13/ElegantFin/blob/main/Previews/previews-v25.08.02/optimized/desktop/3.%20Sidebar.webp?raw=true" />
</td>
<td>
<img src="https://github.com/lscambo13/ElegantFin/blob/main/Previews/previews-v25.08.02/optimized/desktop/9.%20Web%20Player.webp?raw=true" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/lscambo13/ElegantFin/blob/main/Previews/previews-v25.08.02/optimized/desktop/20.%20Live%20TV%20Guide.webp?raw=true" />
</td>
<td>
<img src="https://github.com/lscambo13/ElegantFin/blob/main/Previews/previews-v25.08.02/optimized/desktop/12.%20Movie%20Details.webp?raw=true" />
</td>
</tr>
</table>
---
## [evergarden](https://github.com/everviolet/jellyfin) by everviolet
[` 🔵 Get this Theme `](https://github.com/everviolet/jellyfin)
<table>
<tr>
<td>
<img src="https://github.com/everviolet/jellyfin/raw/main/assets/summer.webp" />
</td>
<td>
<img src="https://github.com/everviolet/jellyfin/raw/main/assets/spring.webp" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/everviolet/jellyfin/raw/main/assets/fall.webp" />
</td>
<td>
<img src="https://github.com/everviolet/jellyfin/raw/main/assets/winter.webp" />
</td>
</tr>
</table>
---
## [finimalism](https://github.com/tedhinklater/finimalism) by tedhinklater
[` 🔵 Get this Theme `](https://github.com/tedhinklater/finimalism)
<table>
<tr>
<td>
<img src="https://github.com/user-attachments/assets/caaa8d3a-c3f1-46d7-8a51-4ba6f08c047f" />
</td>
<td>
<img src="https://github.com/user-attachments/assets/b2c1e0ca-0304-47d6-b4cc-3f77ac83f806" />
</td>
</tr>
</table>
---
## [Flow](https://github.com/LitCastVlog/Flow) by LitCastVlog
[` 🔵 Get this Theme `](https://github.com/LitCastVlog/Flow)
<table>
<tr>
<td>
<img src="https://github.com/LitCastVlog/Flow/raw/main/images/screen.jpg" />
</td>
<td>
<img src="https://github.com/LitCastVlog/Flow/raw/main/images/details.png" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/LitCastVlog/Flow/raw/main/images/episodegrid-outline.gif" />
</td>
<td>
<img src="https://github.com/LitCastVlog/Flow/raw/main/images/blue.png" />
</td>
</tr>
</table>
---
## [Finity](https://github.com/prism2001/finity) by prism2001
[` 🔵 Get this Theme `](https://github.com/prism2001/finity)
<table>
<tr>
<td>
<img src="https://github.com/prism2001/finity/raw/main/screenshots/home_featured.png" />
</td>
<td>
<img src="https://github.com/prism2001/finity/raw/main/screenshots/home_drawers.png" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/prism2001/finity/raw/main/screenshots/show_season.png" />
</td>
<td>
<img src="https://github.com/prism2001/finity/raw/main/screenshots/movie.png" />
</td>
</tr>
</table>
---
## [infinitv](https://github.com/buesche87/infinitv) by buesche87
[` 🔵 Get this Theme `](https://github.com/buesche87/infinitv)
<table>
<tr>
<td>
<img src="https://github.com/user-attachments/assets/8e61244a-38e7-49f2-b6c6-5cbdd2dc03a8" />
</td>
<td>
<img src="https://github.com/user-attachments/assets/0bc4337c-ce95-45d1-985a-081cfdd15388" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/user-attachments/assets/dbaff509-a708-4e26-9a0b-52cc804288d0" />
</td>
<td>
<img src="https://github.com/user-attachments/assets/2d548971-aa17-4f6a-9f2c-3e327a203f3a" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/user-attachments/assets/bd4afc57-9031-4226-b650-8626dfafcdcd" />
</td>
<td>
<img src="https://github.com/user-attachments/assets/78d2378b-17e1-4a13-895c-9352a6d293b8" />
</td>
</tr>
</table>
---
## [Jamfin](https://github.com/JamsRepos/Jamfin) by JamsRepos
Bringing a modern, sleek glassmorphism design to Jellyfin, enhancing your media server's aesthetics. [` 🔵 Get this Theme `](https://github.com/JamsRepos/Jamfin)
<table>
<tr>
<td>
<img src="https://github.com/JamsRepos/Jamfin/raw/main/assets/screenshots/home.jpg" />
</td>
<td>
<img src="https://github.com/JamsRepos/Jamfin/raw/main/assets/screenshots/details.jpg" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/JamsRepos/Jamfin/raw/main/assets/screenshots/library.jpg" />
</td>
<td>
<img src="https://github.com/JamsRepos/Jamfin/raw/main/assets/screenshots/admin.jpg" />
</td>
</tr>
</table>
---
## [JellySkin](https://github.com/prayag17/JellySkin) by prayag17
Vibrante & Minimal theme using custom icons and more [` 🔵 Get this Theme `](https://github.com/prayag17/JellySkin)
<table>
<tr>
<td>
<img src="https://user-images.githubusercontent.com/55829513/200134094-9bafba9d-4cfa-48c3-bbf4-e01bc21ecdd1.png" />
</td>
<td>
<img src="https://user-images.githubusercontent.com/55829513/200134098-6463a6e7-95bb-4af6-a451-b6ac5ef7abad.png" />
</td>
</tr>
<tr>
<td>
<img src="https://user-images.githubusercontent.com/55829513/200133209-413d6e6c-3569-4aaf-9db7-f576c141f519.png" />
</td>
<td>
<img src="https://user-images.githubusercontent.com/55829513/200133240-075f604d-ae7f-48cb-9a42-445d8f3ef427.png" />
</td>
</tr>
<tr>
<td>
<img src="https://user-images.githubusercontent.com/55829513/200133258-4eabfc3d-475f-4b42-a496-bc2de60c11a5.png" />
</td>
<td>
<img src="https://user-images.githubusercontent.com/55829513/200133302-5d7e7ac1-201b-4cb4-a839-ee53c5c6a6f2.png" />
</td>
</tr>
</table>
---
## [Jellyfin Better Styles](https://github.com/Tetrax-10/jellyfin-better-styles) by Tetrax-10
This theme preserves the original aesthetics while upgrading layout and animations for a more polished look and feel.
Better Movie/TV page layout, improved card animation on hover. [` 🔵 Get this Theme `](https://github.com/Tetrax-10/jellyfin-better-styles)
<table>
<tr>
<td>
<img src="https://raw.githubusercontent.com/Tetrax-10/jellyfin-better-styles/main/assets/movie-tv-page.png" />
</td>
<td>
<img src="https://raw.githubusercontent.com/Tetrax-10/jellyfin-better-styles/main/assets/cards.gif" />
</td>
</tr>
</table>
---
## [NeutralFin](https://github.com/KartoffelChipss/NeutralFin) by KartoffelChipss
NeutralFin is a custom Jellyfin theme based on [lscambo13's ElegantFin](https://github.com/lscambo13/ElegantFin), featuring a sleek black and grey color scheme for a more neutral and modern look. [` 🔵 Get this Theme `](https://github.com/KartoffelChipss/NeutralFin)
<table>
<tr>
<td>
<img src="https://github.com/KartoffelChipss/NeutralFin/raw/main/assets/neutralfin-movie2.webp" />
</td>
<td>
<img src="https://github.com/KartoffelChipss/NeutralFin/raw/main/assets/neutralfin-home.webp" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/KartoffelChipss/NeutralFin/raw/main/assets/neutralfin-movies.webp" />
</td>
<td>
<img src="https://github.com/KartoffelChipss/NeutralFin/raw/main/assets/neutralfin-movie.webp" />
</td>
</tr>
</table>
---
## [Ultrachromic](https://github.com/CTalvio/Ultrachromic) by CTalvio
The final form, the true evolution of the chromic theme saga [` 🔵 Get this Theme `](https://github.com/CTalvio/Ultrachromic)
> **Note**: There are several variations of the theme, for a more detailed overview, see the [Ultrachromic README](https://github.com/CTalvio/Ultrachromic#readme).
<table>
<tr>
<td>
<img src="https://user-images.githubusercontent.com/4365015/127774204-03957527-7178-4ea2-8674-d83fe6a97d1c.png" />
</td>
<td>
<img src="https://user-images.githubusercontent.com/4365015/127768733-c86aee2c-3bff-4b78-be54-003823d60276.png" />
</td>
</tr>
<tr>
<td>
<img src="https://user-images.githubusercontent.com/4365015/127768970-e827c7e4-f4ce-4229-a68a-b2e87a723ef0.png" />
</td>
<td>
<img src="https://user-images.githubusercontent.com/4365015/127778994-ddee8235-6bb2-42ae-a8b1-f9023dc69398.png" />
</td>
</tr>
</table>
---
## [scyfin](https://github.com/loof2736/scyfin) by loof2736
Custom CSS theme for Jellyfin with support for backdrops and themes [` 🔵 Get this Theme `](https://github.com/loof2736/scyfin)
<table>
<tr>
<td>
<img src="https://github.com/loof2736/scyfin/raw/main/images/homepage.png" />
</td>
<td>
<img src="https://github.com/loof2736/scyfin/raw/main/images/homepage-backdrops.png" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/loof2736/scyfin/raw/main/images/details.png" />
</td>
<td>
<img src="https://github.com/loof2736/scyfin/raw/main/images/details-backdrops.png" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/loof2736/scyfin/raw/main/images/dashboard.png" />
</td>
<td>
<img src="https://github.com/loof2736/scyfin/raw/main/images/login.png" />
</td>
</tr>
</table>
<table align="center">
<tr>
<td>
<img src="https://github.com/loof2736/scyfin/raw/main/images/seafoam.png" />
</td>
<td>
<img src="https://github.com/loof2736/scyfin/raw/main/images/coral.png" />
</td>
<td>
<img src="https://github.com/loof2736/scyfin/raw/main/images/snow.png" />
</td>
</tr>
</table>
---
## [ZestyTheme](https://github.com/stpnwf/ZestyTheme/) by stpnwf
A minimal and elegant theme for Jellyfin [` 🔵 Get this Theme `](https://github.com/stpnwf/ZestyTheme/)
<table>
<tr>
<td>
<img src="https://github.com/stpnwf/ZestyTheme/blob/main/images/home.jpg" />
</td>
<td>
<img src="https://github.com/stpnwf/ZestyTheme/raw/main/images/nice-guys.jpg" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/stpnwf/ZestyTheme/blob/main/images/avatar.jpg" />
</td>
<td>
<img src="https://github.com/stpnwf/ZestyTheme/blob/main/images/player.jpg" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/stpnwf/ZestyTheme/blob/main/images/login.jpg" />
</td>
<td>
<img src="https://github.com/stpnwf/ZestyTheme/blob/main/images/phone.jpg" />
</td>
</tr>
</table>
---
## [zombie-release](https://github.com/MakD/zombie-release) by MakD
A theme for Jellyfin 10.9.x combining the best from the Public Themes [` 🔵 Get this Theme `](https://github.com/MakD/zombie-release)
<table>
<tr>
<td>
<img src="https://github.com/MakD/zombie-release/blob/main/img/desktop/login.png" />
</td>
<td>
<img src="https://github.com/MakD/zombie-release/blob/main/img/desktop/homepage.png?raw=true" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/MakD/zombie-release/blob/main/img/desktop/detail.png?raw=true" />
</td>
<td>
<img src="https://github.com/MakD/zombie-release/blob/main/img/desktop/sidebar.png?raw=true" />
</td>
</tr>
<tr>
<td>
<img src="https://github.com/MakD/zombie-release/blob/main/img/desktop/tv-series.png?raw=true" />
</td>
<td>
<img src="https://github.com/MakD/zombie-release/blob/main/img/desktop/seasonpage.png?raw=true" />
</td>
</tr>
</table>
---
<!--lint ignore unordered-list-marker-style-->
* Stale / Inactive / May not work anymore ` 📅 `
---
<p align="center">
<strong>
👉 Back to <a href="https://github.com/awesome-jellyfin/awesome-jellyfin">awesome-jellyfin/awesome-jellyfin</a>
</strong>
</p>