Embymalism theme for Emby 4.9.x stable

[sh0rty 714]

Colorwise based on tedhinklaters Finimalism JF theme, which I really like
Lots of base code borrowed by the great @fillidill. Cannot thank him enough for the great base he set up with the Plex inspired Emby theme.

A few things:

• I made this for myself in first place (FullHD Monitor), tested virtually up to 4K and it looked OK to me
• CSS is working with 4.9.1.80 stable, I will try to fix visual errors coming from changed CSS in future Emby updates
• The episode count icon is placed to be in line with the Coverart and EmbyIcons Plugins. If you don't use it, change line 341
• For everything else, the code is provided as is due to the lack of time on my side. Please don't ask for any changes like the base colors, instead feel free to change the theme to your own delight and post the css here so that everyone can benefit from your work. In times of so much coding LLMs, changing the theme to your favor shouldn't be a big problem anymore (I also used it to clean up the code and remove doublettes).

Download from here:

https://github.com/v1rusnl/Embymalism

 

Edited November 11, 2025 by GrimReaper
Repo added

[ZanderKeen 72]

It looks amazing! Thanks for sharing! 

[sh0rty 714]

New version with some minor visual changes (mostly consistent button and checkbox colors).

Optional:
If you want your item artwork crispy sharp with this theme (or any other theme), you can try out this modified imagehelper.js (Path: /system/dashboard-ui/modules/common). Make a backup of the old imagehelper.js before trying out this one. The new imagehelper increases the max pixel dimensions of the posters, banners, thumbs and logos in the Web Client. I use it personally because the poster and logoart dimensions in my theme Detail page are bigger than in the Emby default themes and they looked blurry with the defualt setup.

 

imagehelper.js

Finimalism_Inspired_for_Emby_4.9_20251003.txt

Edited October 3, 2025 by sh0rty

[shadezero 2]

Very clean! Will try out.

[sh0rty 714]

Cleaned up the sidebar a bit

Finimalism_Inspired_for_Emby_4.9_20251004.txt

[sh0rty 714]

Added blur zoom to background instead of annoying infinite zoom in <-> zoom out + minor cosmetics

Finimalism_Inspired_for_Emby_4.9_20251005.txt

[JelloLabs 8]

Bro this is clean as hell...Thank you.
I'm thinking of making an htpc just because web player is so complete ! client app suck.

[Aleas 19]

This looks beautiful!  thanks for sharing!

A couple notes:

In the Live TV area, it would be nice if you could color what tags are selected at the top.

Also when you watch something you have the options at the top right of the screen for Info, Chapters, Guide, etc..

clicking on one of them immediately closes the window. unless you hold the mouse button down and move to the window.  (it's kind of odd behavior.)

I'm using Edge.

 

Edited November 4, 2025 by Aleas

[JelloLabs 8]

can the Button that shows played change color ? 
I can't tell if something is or isn't , looks the same 

[tonyelcampeon 1]

Looks amazing. Will this only work in the web browser or will this change in the mobile apps as well?

[sh0rty 714]

On 11/4/2025 at 3:48 PM, Aleas said:

This looks beautiful!  thanks for sharing!

A couple notes:

In the Live TV area, it would be nice if you could color what tags are selected at the top.

Also when you watch something you have the options at the top right of the screen for Info, Chapters, Guide, etc..

clicking on one of them immediately closes the window. unless you hold the mouse button down and move to the window.  (it's kind of odd behavior.)

I'm using Edge.

 

The white dot indicator shows what's selected. Since a lot of the buttons have same div class in common, coloring on activate is not that easy.
Regarding OSD-Menu: Same as above. But Middle Mouse Button/scrollbutton works.

[MediaEmby1968 47]

Can it be installed on a server running version 4.8.11?

And how do I install it? Just by modifying the imagehelper.js file?

[sh0rty 714]

13 hours ago, MediaEmby1968 said:

Can it be installed on a server running version 4.8.11?

And how do I install it? Just by modifying the imagehelper.js file?

No, for 4.8.11 you need to take this one:

The imagehelper.js is just an addition and not strictly needed.

To install, you need to paste the contents of the downloaded txt file into Emby custom CSS field in Server Settings -> General. Click save, done.

Edited November 8, 2025 by sh0rty

[sh0rty 714]

On 11/4/2025 at 3:48 PM, Aleas said:

This looks beautiful!  thanks for sharing!

A couple notes:

In the Live TV area, it would be nice if you could color what tags are selected at the top.

Also when you watch something you have the options at the top right of the screen for Info, Chapters, Guide, etc..

clicking on one of them immediately closes the window. unless you hold the mouse button down and move to the window.  (it's kind of odd behavior.)

I'm using Edge.

 

Here we go with an Video-OSD Fix (thx @fillidillfor latest CSS). The OSD Menu items are now at the bottom but work as expected. I also fixed the Miniplayer for Music, I just recognized it was totally out of design since I don't use Emby for Music, so I didn't recognize it.

 

Finimalism_Inspired_for_Emby_4.9_20251108.txt

[Aleas 19]

Looks great, thank you!!

Only other issue I've noticed so far, is if you add a path to a library or something the spacing is incredibly large.  

Keep up the good work!

[MediaEmby1968 47]

Thanks. I'll try it, and I'll leave this one for when the update arrives.

[sh0rty 714]

On 11/6/2025 at 4:55 AM, JelloLabs said:

can the Button that shows played change color ? 
I can't tell if something is or isn't , looks the same 

Fixed for Library views and in Detail Screen.

7 hours ago, Aleas said:

Looks great, thank you!!

Only other issue I've noticed so far, is if you add a path to a library or something the spacing is incredibly large.  

Keep up the good work!

Fixed spacing

On 11/4/2025 at 3:48 PM, Aleas said:

This looks beautiful!  thanks for sharing!

A couple notes:

In the Live TV area, it would be nice if you could color what tags are selected at the top.

 

Fixed. Now the activated items are blue

 

 

Finimalism_Inspired_for_Emby_4.9_20251108_v2.txt

Edited November 8, 2025 by sh0rty

[JelloLabs 8]

When going into a season, some episodes are watched, but they all look the same.
example in screenshot, episode 1 is watched, ep 2 is in progress, ep3 is unwatched, if you go on it with the mouse it will say mark unwatched, same as my other report.

BUT Thanks for the other fix, now movies show blue around it when are watched  maybe same can be applied in season view ?  
 

[sh0rty 714]

15 hours ago, JelloLabs said:

When going into a season, some episodes are watched, but they all look the same.
example in screenshot, episode 1 is watched, ep 2 is in progress, ep3 is unwatched, if you go on it with the mouse it will say mark unwatched, same as my other report.

BUT Thanks for the other fix, now movies show blue around it when are watched  maybe same can be applied in season view ?  
 

 

Fixed

Finimalism_Inspired_for_Emby_4.9_20251110.txt

[JelloLabs 8]

6 hours ago, sh0rty said:

Fixed

Finimalism_Inspired_for_Emby_4.9_20251110.txt 92.33 kB · 2 downloads

Thank you !

[sh0rty 714]

https://github.com/v1rusnl/Embymalism

So let's see how this works out...Installation instructions are inside the GH repo. Basically I hope that the CDN population of githack works as fast as they promise.

For users that don't change CSS code parts for themselves, just pasting

@import url("https://raw.githack.com/v1rusnl/Embymalism/main/Embymalism_4.9.1.80.css");

into the Emby custom CSS field should be enough to use the CSS. When I do e.g. bugfixes, they will be reflected automatically to everyone using the snippet above in Emby.

People that do modifications to the code still can download the CSS file from repo to modify it.

@GrimReaperCould you please put the repo link in the first post (one last time  ), remove the txt file and change the title to "Embymalism theme for Emby 4.9.x stable"? Thanks mate!
 

[Aleas 19]

Thanks for the Repo.

One other tweak if possible, on the OSD display if you click any of the buttons, it works, however those buttons then shift to the right of the screen,  can you make it uniform where selected or not they remain on the left side?

Main display:

Option clicked,

 

Other than that, i've had to disable the "--theme-primary-color-hue: #14aadf !important;"

Otherwise the toggle switches are not really visible for an enabled option

With Disabled:

Without Disabled:

Thanks!

Edited November 10, 2025 by Aleas

[GrimReaper 4739]

5 hours ago, sh0rty said:

@GrimReaperCould you please put the repo link in the first post (one last time  ), remove the txt file and change the title to "Embymalism theme for Emby 4.9.x stable"? Thanks mate

No worries, bud, whenever you need.

Cheers. 

[sh0rty 714]

Version bump to 

@import url("https://raw.githack.com/v1rusnl/Embymalism/main/Embymalism_4.9.1.90.css");

Seems nothing has changed visually in this Emby update.

[Gremory17 15]

The CSS is great!

But the numbers look really small. Is there any way to edit them so they're more centered in the corners and larger?

 

Algo Asi