2025-02-19, 07:14 PM
(This post was last modified: 4 hours ago by alexmm119. Edited 8 times in total.)
Hi!
This is my first time writing on this blog. I wanted to share my CSS theme with this beautiful community.
I hope you like it!!
How to apply, access to Dashboard, open general settings and add on Custom CSS code:
UPDATE:
- [21/02/2025] I added a visual mod for the player on Jellyfin. This mod use the picture of the album and puts it in the background with blur, if you need more info, please check my GitHub
- [22/02/2025] Add more blur for white covers and fix brightness and more top space
- [22/02/2025] Add variable position-player values:
- Inline-end: Player on the right
- Inline-start: Player on the left
- [22/02/2025] Add new UI for music player in a phone app
https://github.com/djmanri3/emby-jellyfi.../tree/main
Home Screen
Desktop
![[Image: 1.png?raw=true]](https://github.com/djmanri3/emby-jellyfin-theme-startlight/blob/main/images/1.png?raw=true)
Phone App
![[Image: 1_phone.jpg?raw=true]](https://github.com/djmanri3/emby-jellyfin-theme-startlight/blob/main/images/1_phone.jpg?raw=true)
Album Screen
Desktop
![[Image: 2.png?raw=true]](https://github.com/djmanri3/emby-jellyfin-theme-startlight/blob/main/images/2.png?raw=true)
Phone App
![[Image: 2_phone.jpg]](https://raw.githubusercontent.com/djmanri3/emby-jellyfin-theme-startlight/7d98c2e523f39ab45bb107eda2f46e969b045c47/images/2_phone.jpg)
Player Screen
Desktop
1. By default (Only with CSS file)
![[Image: 3.png?raw=true]](https://github.com/djmanri3/emby-jellyfin-theme-startlight/blob/main/images/3.png?raw=true)
2. With mod (With CSS and JS file)
![[Image: Screenshot_of_mod.png?raw=true]](https://github.com/djmanri3/emby-jellyfin-theme-startlight/blob/main/images/Screenshot_of_mod.png?raw=true)
Phone App
This is my first time writing on this blog. I wanted to share my CSS theme with this beautiful community.
I hope you like it!!
How to apply, access to Dashboard, open general settings and add on Custom CSS code:
Code:
@import url("https://cdn.jsdelivr.net/gh/djmanri3/emby-jellyfin-theme-startlight@master/Jellyfin.css");
UPDATE:
- [21/02/2025] I added a visual mod for the player on Jellyfin. This mod use the picture of the album and puts it in the background with blur, if you need more info, please check my GitHub
- [22/02/2025] Add more blur for white covers and fix brightness and more top space
- [22/02/2025] Add variable position-player values:
- Inline-end: Player on the right
- Inline-start: Player on the left
- [22/02/2025] Add new UI for music player in a phone app
https://github.com/djmanri3/emby-jellyfi.../tree/main
Home Screen
Desktop
![[Image: 1.png?raw=true]](https://github.com/djmanri3/emby-jellyfin-theme-startlight/blob/main/images/1.png?raw=true)
Phone App
![[Image: 1_phone.jpg?raw=true]](https://github.com/djmanri3/emby-jellyfin-theme-startlight/blob/main/images/1_phone.jpg?raw=true)
Album Screen
Desktop
![[Image: 2.png?raw=true]](https://github.com/djmanri3/emby-jellyfin-theme-startlight/blob/main/images/2.png?raw=true)
Phone App
![[Image: 2_phone.jpg]](https://raw.githubusercontent.com/djmanri3/emby-jellyfin-theme-startlight/7d98c2e523f39ab45bb107eda2f46e969b045c47/images/2_phone.jpg)
Player Screen

Desktop
1. By default (Only with CSS file)
![[Image: 3.png?raw=true]](https://github.com/djmanri3/emby-jellyfin-theme-startlight/blob/main/images/3.png?raw=true)
2. With mod (With CSS and JS file)
![[Image: Screenshot_of_mod.png?raw=true]](https://github.com/djmanri3/emby-jellyfin-theme-startlight/blob/main/images/Screenshot_of_mod.png?raw=true)
Phone App
![[Image: 3_phone.jpg?raw=true]](https://github.com/djmanri3/emby-jellyfin-theme-startlight/blob/main/images/3_phone.jpg?raw=true)