Jump to content

Can I make 4.7 look like 4.6?


xxAmigoxx

Recommended Posts

xxAmigoxx

Clean interface like this when playing video?  those 3 new options added I dont need. I just want a clean look V4.6.7.0 was perfect. Also the home and favorite button at front page includes some weird new design  previous design is attached . Background Color is also changed in new version some weird bluish tinted black. and dashboard white color is too white in new 4.7.0.60 version.  For now I am back to V4.6.7.0
 

image.png

image.png

Edited by xxAmigoxx
Link to comment
Share on other sites

GrimReaper

*Moved to CSS forum section as your queries are achievable via custom CSS and you'll likely get more feedback here.*

Edited by GrimReaper
Typos
Link to comment
Share on other sites

Happy2Play

Yes the colors have changed slightly with the change from hex to hsl, mentioned in many topics.  I doubt we will see the exact same theme colors as previously.  And unfortunately what is perfect for you other may not like.  And changes will continue to evolve potentially in every server release.

Have to be specific on the OSD, but are talking about the three tab to show you Info, Chapters, Cast & Crew shown in empty space under then control buttons?

If so

div.videoOsdBottom-tabs {display: none;}

 

As for Header tabs you could do something like this.

button.emby-tab-button:focus, button.emby-tab-button-active {background: none;}
div.tabs-viewmenubar-slider,  div.tabs-viewmenubar-slider-backdropfilter {background: none; backdrop-filter: none;}

 

  • Like 2
Link to comment
Share on other sites

xxAmigoxx
11 hours ago, Happy2Play said:

Yes the colors have changed slightly with the change from hex to hsl, mentioned in many topics.  I doubt we will see the exact same theme colors as previously.  And unfortunately what is perfect for you other may not like.  And changes will continue to evolve potentially in every server release.

Have to be specific on the OSD, but are talking about the three tab to show you Info, Chapters, Cast & Crew shown in empty space under then control buttons?

If so

div.videoOsdBottom-tabs {display: none;}

 

As for Header tabs you could do something like this.

button.emby-tab-button:focus, button.emby-tab-button-active {background: none;}
div.tabs-viewmenubar-slider,  div.tabs-viewmenubar-slider-backdropfilter {background: none; backdrop-filter: none;}

 

Yes I was talking about those three options(Info, Chapters, Cast & Crew). 
And thanks it was helpful.

Link to comment
Share on other sites

xxAmigoxx

I also want to mention that in new version the volume changing  bar is not green anymore. 
 

Link to comment
Share on other sites

Happy2Play
6 hours ago, xxAmigoxx said:

I also want to mention that in new version the volume changing  bar is not green anymore. 
 

Something like this

/* OSD Now Playing Bar & Now Playing Page */
div.emby-slider-background-lower {background: #6CCF65; }

div.emby-slider-thumb {background: #6CCF65;}

 

  • Like 2
Link to comment
Share on other sites

  • 4 weeks later...
CarlosLima
button.emby-tab-button:focus, button.emby-tab-button-active {background: none;}
div.tabs-viewmenubar-slider,  div.tabs-viewmenubar-slider-backdropfilter {background: none; backdrop-filter: none;}

Hi,
I also much prefer the previous style with the simple texts in links.

The code just removed the background color. I wish I didn't have any circular backgrounds, but just the texts with in version 4720.

Thanks.

download.png

Edited by CarlosLima
Link to comment
Share on other sites

Happy2Play
11 hours ago, CarlosLima said:
button.emby-tab-button:focus, button.emby-tab-button-active {background: none;}
div.tabs-viewmenubar-slider,  div.tabs-viewmenubar-slider-backdropfilter {background: none; backdrop-filter: none;}

Hi,
I also much prefer the previous style with the simple texts in links.

The code just removed the background color. I wish I didn't have any circular backgrounds, but just the texts with in version 4720.

Thanks.

download.png

Update to something like this

button.emby-tab-button:focus, button.emby-tab-button-active, div.tabs-viewmenubar-backgroundcontainer {background: none;}
div.tabs-viewmenubar-slider,  div.tabs-viewmenubar-slider-backdropfilter, div.tabs-viewmenubar-backgroundcontainer-backdropfilter {background: none; backdrop-filter: none;}

 

Link to comment
Share on other sites

CarlosLima

This new code got better for my personal taste.  I will keep it in use.  Thank you very much.

Screenshot_20220618-212733-042.png

Link to comment
Share on other sites

  • 4 weeks later...
CarlosLima
On 5/22/2022 at 6:12 PM, Happy2Play said:

Something like this

/* OSD Now Playing Bar & Now Playing Page */
div.emby-slider-background-lower {background: #6CCF65; }

div.emby-slider-thumb {background: #6CCF65;}

 

Hi,
This code of yours worked perfect for me, in blue, thanks.
Is it possible to also change the color of the volume bar in the top corner?
It would also be great to move this icon down a bit so it doesn't overlap the buttons above.
Thanks

Screenshot.png

Edited by CarlosLima
Link to comment
Share on other sites

Happy2Play
42 minutes ago, CarlosLima said:

Hi,
This code of yours worked perfect for me, in blue, thanks.
Is it possible to also change the color of the volume bar in the top corner?
It would also be great to move this icon down a bit so it doesn't overlap the buttons above.
Thanks

Screenshot.png

Like this

div.iconOsdProgressInner {background: blue;}

 

  • Thanks 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...