Emby Clean CSS Cleanup

[dannymichel 103]

Looks good with dark themes, not so much with the light ones... the top bars are not readable when using a light theme

 

 

being 100% honest i forgot light themes existed

i'll look into editing it for light as well

[tomnjerry74 97]

I think i'm satisfied with the latest update i've made to this. unless something comes up, i think that's the final edit.

let me know if anything

 

Nice changes, but episodes in individual seasons of shows still have the old play icon btw.

[daedalus 430]

you mean the season list view

that view always was different from all the others and always makes "problems" for customizations and normal development, but they stick to it

[dannymichel 103]

Nice changes, but episodes in individual seasons of shows still have the old play icon btw.

 

@@Luke changed it in the latest beta so I left it out.

[tomnjerry74 97]

@@Luke changed it in the latest beta so I left it out.

Ah okay, that makes sense. Thanks for all your work

[dannymichel 103]

Ah okay, that makes sense. Thanks for all your work

 

No problem brother

[dannymichel 103]

I kind of went nuts with the edits on this one, but if you want a more minimal edit that addresses the obvious issues, i've done one of those too 

css: https://www.dropbox.com/s/n7qzk6dywxm89j3/emby-minimal.css

[dannymichel 103]

Looks good with dark themes, not so much with the light ones... the top bars are not readable when using a light theme

 

 

@@Dibbes grab the updated css

That issue is fixed

[Dibbes 458]

@@Dibbes grab the updated css

That issue is fixed

 

if this is still the link https://www.dropbox.com/s/uxpjk7m54zdbbu7/emby.css then I don't see any differences when it comes to light themes... sorry

[lkem 1]

Hi @@dannymichel, is it required to have both wallpapers and banners disabled in settings to have screengrabs in "Next up" section? I would like to have them downloaded but not showing there

[dannymichel 103]

Hi @@dannymichel, is it required to have both wallpapers and banners disabled in settings to have screengrabs in "Next up" section? I would like to have them downloaded but not showing there

 

i personally disable everything but 'primary' on all libraries

[dannymichel 103]

i got rid of the zoom in the latest update

[lkem 1]

i personally disable everything but 'primary' on all libraries

 

Did that but now this happens in the "Upcoming" section: 

[dannymichel 103]

Did that but now this happens in the "Upcoming" section: 

 

are you on the beta?

[lkem 1]

are you on the beta?

 

No, im on 4.3.1.0, if its fixed in beta ill just wait

[dannymichel 103]

yeah its a beta thing

[dannymichel 103]

Update: got rid of unnecessary padding on top

 

Edited March 18, 2020 by dannymichel

[igeoorge 26]

Hi @@dannymichel

 

Congratulations on your great job, I'm really enjoying it. Please don't stop.

 

Unfortunately I don't know much about CSS, so I would like to know if you can tell which part of the code only refers to this part:

 

"An opacity color has been added to the hover for the play button"

[mazafra 0]

Edited.

Edited March 19, 2020 by mazafra

[Shidapu 14]

Love the design. But i have some issue in the controlpanel. The following pages are black and text dont show correctly.

 

Conversions
Downloads
DLNA
Addons
Auto Organize
Playback reporting

 

Not sure why, maybe by design?

[dannymichel 103]

Love the design. But i have some issue in the controlpanel. The following pages are black and text dont show correctly.

 

Conversions

Downloads

DLNA

Addons

Auto Organize

Playback reporting

 

Not sure why, maybe by design?

 

yes, works best on dark control panel themes or now

[Shidapu 14]

yes, works best on dark control panel themes or now

Yeah i figured

 

Also, i noticed you have a nice bar at the top, mine just shows Home and Favorites. ??

Edited March 26, 2020 by Shidapu

[tomnjerry74 97]

Hey I've been using this CSS setup for a while and love it.

 

The most recent emby server update seems to have broken the play button a little bit though. Is there a way to make it not zoom in on hover like it was before the update?

[dannymichel 103]

Hey I've been using this CSS setup for a while and love it.

 

The most recent emby server update seems to have broken the play button a little bit though. Is there a way to make it not zoom in on hover like it was before the update?

 

sure, i'll update it soon

[johnhb 7]

On 11/03/2020 at 18:44, AviatorBimmer said:

Nice! I'll definitely check it out then, this afternoon after work. This only applies to the Emby Web, correct? It would be awesome if it could be a server change that gets pushed over to any client/app as well.

FWIW I agree 100% with this. 

Saw a few related posts and I can't believe the Emby team would be doing anything other than biting off Danny's hand to have a pro consult on their graphics. For free. Just about all media centres are flawed by the lack of prof graphic design consultancy, it's nuts to pass up his offer.

As a starter for 10, I would love to see these tweaks rolled out uniformly to all apps/clients with only minor tweaks for usability. Consistency massively helps usability and surely a consistent design is easier to maintain from a dev perspective too? 

I like the play icon and lower weight emby text in the first screen shot btw. Hate to say it but I agree with comments in other posts that the current logo and text looks cheap (it's as if costco released a media centre  ).