New theme - Plex inspired look

[CassTG 98]

Firstly absolutely great job, this really cleans up the UI nicely. 

Switched to beta version as i noticed issues with the latest non beta on beta .32 which appears fixed in the beta, had to make a cpl of changes so far

Multi Select

This is fine in non pinned mode, the bar stretched the screen okay, but in pinned mode the qty number is hidden by the sidebar

So i added the following for my setup (different colours) to ensure its center of the screen with a max-width

/*add styling to multiple edit box*/
.selectionCommandsPanel {
    background-color: #212730 !important;
    border-radius: 40px !important;
    margin-top: 15px !important;
    max-width: 80% !important;
    margin: auto;
}

Margin top still overrides the auto which centers it but moves it down from the top edge

 

Multi Select (Disabled)

So seemed no or little styling on items that are not selectable as there is only one item i.e one audio track

As you can see in the Audio section especially, so didnt spend long here but just added the following for now

/*Disabled selection box add padding and bold font to match*/
.emby-select-inline[disabled] {
    padding: 7px !important;
    font-weight: 500 !important;
}

 

Active FIlter

This one bugged me but got there in the end, if you apply a filter the button colour is blue. Obviously you would want it to match your root colour choice (yellow) or in my case Pinky Red. As the original was flagged with !important, had to take a diff approach to make my !important more important then theirs

 

/* Filter Active Colour*/
div.emby-scroller .filter-active {
    background: #e0095b!important;
    background-color: #e0095b !important;
}

So now the active filter tab fits in with the rest

 

Just need to sort out the issue of coverart disappearing when you select it for multiselect but thats for another day

Many thanks for this theme once again !

[BlackDub 20]

Thanks for this awesome theme!

[CassTG 98]

Just another tweak that was needed for adding items to a collection (in beta css version). When the pop up box appeared the poster covers were not set so looked ugly

 

Added this to resolve:

/*add to collection popster size*/
.cardScalable.cardPadder-portrait {
    background-size: contain !important;
}

[fillidill 153]

Hi guys and thanks for your kind feedback
Back again with a new update for the latest beta with new stuff and fixes for problem like with the OSD chapter thumbnail and things I didn't even know about (thanks @CassTG).
I've also added support for the buttons for Info and Chapters, see screens. The new css can be found in the main post and it is called "style-EmbyBeta-v2.txt" 

Here are som random images showing it off in action:
 

[Locutus64 117]

Thanks for the updated CSS code, much appreciated.

[Locutus64 117]

Issue with Emby that might be cause by custom CSS. Linked below.

 

style-EmbyBeta-v2.txt

Edited April 3, 2022 by Locutus64

[fillidill 153]

38 minutes ago, Locutus64 said:

Issue with Emby that might be cause by custom CSS. Linked below.

 

style-EmbyBeta-v2.txt 93.23 kB · 0 downloads

I am guessing that is empty folders you are seeing or media that have no art. Have you made sure they actually are there or have any posters? 

[Locutus64 117]

It's neither. All have Multiple movies in them, and they have always gotten a image of some sort right out of the gate.

[fillidill 153]

14 minutes ago, Locutus64 said:

It's neither. All have Multiple movies in them, and they have always gotten a image of some sort right out of the gate.

If you remove the css temporarily, does that fix your issue? If not it has nothing to do with theme I am afraid. 

[Happy2Play 8273]

2 hours ago, fillidill said:

If you remove the css temporarily, does that fix your issue? If not it has nothing to do with theme I am afraid. 

It is the custom css reacting to items/folder with NO images. 

Not sure why it is random though.

Edited April 3, 2022 by Happy2Play

[Locutus64 117]

@Happy2Play @fillidill 

 

[Locutus64 117]

If I assign specific images to each of the ones spinning will that stop them from being polled? 

Edited April 4, 2022 by Locutus64

[fillidill 153]

33 minutes ago, Locutus64 said:

If I assign specif images to each of the ones spinning will that stop them from being polled?

Yes, that should fix it! 

[Locutus64 117]

Just checked the folder view under Movie Series and now it's down to only needing to add 7 images for folder instead of 2/3rds out of 191 Movie Series folders. So looks like it's correcting itself, just slowly.

[Locutus64 117]

I notice when I go to identify a item that's either not identified at all or incorrectly that the  listed shows / movies to choose from have huge image placeholders for them. I also noticed that I have the background blur back with the 4.7.33 beta.

 

Emby CSS 04082022

 

Edited April 8, 2022 by Locutus64

[CassTG 98]

Just tested identifying on .32 with beta css and images display fine here

When you do that screen can you open dev tools and paste whats showing in Console Tab

Edited April 8, 2022 by CassTG

[Locutus64 117]

Here's both.

 

Console Blur.logIdentify.log

[CassTG 98]

Just as a test can you disable Adblock which i saw in your plugins as some images seemed to get blocked with

 

ERR_BLOCKED_BY_CLIENT

This error is normally down to ABP, may not solve any issue but be interesting to see if the same problem occurs

[Locutus64 117]

Yea I'll disable it for Emby and report back. Thanks

EDIT:

Worked like a charm. Thanks

Edited April 8, 2022 by Locutus64

[CassTG 98]

You can add that domain as an exception i guess to ABP whitelist the ip

[BlackDub 20]

This theme should be official and be on android, appletv, etc apps. @Luke 

[Locutus64 117]

1 hour ago, CassTG said:

You can add that domain as an exception i guess to ABP whitelist the ip

It's easy to disable it specifically for Emby.  Just remember when I put in the new CSS I never removed the one section to get rid of the blur on the background images. Just removed it and all looks good.

Edited April 8, 2022 by Locutus64

[Tangsgod 22]

On 4/2/2022 at 4:50 PM, fillidill said:

Hi guys and thanks for your kind feedback
Back again with a new update for the latest beta with new stuff and fixes for problem like with the OSD chapter thumbnail and things I didn't even know about (thanks @CassTG).
I've also added support for the buttons for Info and Chapters, see screens. The new css can be found in the main post and it is called "style-EmbyBeta-v2.txt" 

Here are som random images showing it off in action:
 

Well, that is an awesome work and a beautifull high level theme!

It should certainly be included in the next 4.7 release ! 

In fact, with the massive work the devs are doing on the beta plus such stunning visual, the next release could be directly name 5.0!

[Locutus64 117]

2 hours ago, Tangsgod said:

In fact, with the massive work the devs are doing on the beta plus such stunning visual, the next release could be directly name 5.0!

Lets not go overboard. Some nice under the hood additions yes, but no show stoppers that would warrant jumping version numbers.

[gerard143 1]

wow this is really really nice!   amazing work.   

Just wish I could get my apple TV app to look like this!!!