Jump to content

Emby Dark Themes in different accent colors


Ben Z

Recommended Posts

TechMinerUK

Hi all,

 

Sorry to bother and I might be being stupid however I can't seem to get this working as the tick boxes still stay green when I add the CSS

5b83d8a0db43c_Capture.png

 

If anyone knows how to get around this I would be extremely grateful :)

Link to post
Share on other sites
Happy2Play

Hi all,

 

Sorry to bother and I might be being stupid however I can't seem to get this working as the tick boxes still stay green when I add the CSS

5b83d8a0db43c_Capture.png

 

If anyone knows how to get around this I would be extremely grateful :)

 

It has been awhile since these were updated with server changes.  Are you importing the themes or using the raw code?

 

 

@@Ben Z

 

This is from the Blue Accent but this section needs updating.

 

/* ------------------------ 1. ACCENT COLORS ------------------------- */
/* ----- 1.1 Buttons ----- */
/* 1.1.1 Checkboxes */
.emby-checkbox:checked + span + span + .checkboxOutline > .checkboxOutlineTick {
  background-color: #4285F4 !important; }

to

.emby-checkbox:checked + span + span + .checkboxOutline {
  background-color: #4285F4 !important; }
Edited by Happy2Play
  • Like 1
Link to post
Share on other sites
TechMinerUK

 

 

It has been awhile since these were updated with server changes.  Are you importing the themes or using the raw code?

 

 

@@Ben Z

 

This is from the Blue Accent but this section needs updating.

 

I'm using the link from the website and placing it in the custom CSS section, is there an extra step I need to complete?

Link to post
Share on other sites

Sorry but I decided to no longer support the themes. Anyone who would like to continue this can fork the github repo.

 

:wacko:

Link to post
Share on other sites
TechMinerUK

 

 

It has been awhile since these were updated with server changes.  Are you importing the themes or using the raw code?

 

 

@@Ben Z

 

This is from the Blue Accent but this section needs updating.

 

*snip*

.emby-checkbox:checked + span + span + .checkboxOutline {
  background-color: #4285F4 !important; }

 

 

Sorry but I decided to no longer support the themes. Anyone who would like to continue this can fork the github repo.

 

:wacko:

 

For the record Happy2Play's fix worked perfectly and either way thank you for making such a cool theme (Even if it's not supported) :)

  • Like 1
Link to post
Share on other sites
PenkethBoy

Question

 

I was hoping to combine @@Ben Z css with some additions i have into a local css file

 

have tried @import 'with local path' and @import url('localpath') but i must be missing something

 

tried a relative path e.g. ../ or ..\ etc - no joy as not sure which path i need to be relative to

 

Any pointers?

Edited by PenkethBoy
  • Like 1
Link to post
Share on other sites

Sorry but I decided to no longer support the themes. Anyone who would like to continue this can fork the github repo.

 

:wacko:

 

I'm sorry to hear that! 

Was there a specific reason for stopping, that you're willing to share? 

Link to post
Share on other sites
  • 2 weeks later...
Happy2Play

Library Show Advanced settings switch

 

Blue

/*Library Show Advanced setting switch*/
.mdl-switch__input:checked+.mdl-switch__label+.mdl-switch__trackContainer>.mdl-switch__track {
    background: rgba(12, 87, 214, .5) !important;
}

.mdl-switch__input:checked:focus+.mdl-switch__label+.mdl-switch__trackContainer .mdl-switch__focus-helper {
    -webkit-box-shadow: 0 0 0 1.39em rgba(12, 87, 214,.26) !important;
    box-shadow: 0 0 0 1.39em rgba(12, 87, 214,.26) !important;
    background-color: rgba(12, 87, 214,.26) !important;
}

.mdl-switch__input:checked+.mdl-switch__label+.mdl-switch__trackContainer>.mdl-switch__thumb {
    background: #0C57D6 !important;
}
Edited by Happy2Play
Link to post
Share on other sites
  • 9 months later...
cristian florencio

preciso de ajuda no conexão em domínio próprio no emby.
Como que faço para ativar o Emby em meu domínio próprio no comando remoto do Emby?

 

I need help on the domain connection in emby.
How do I activate Emby in my own domain on Emby's remote?
Link to post
Share on other sites
  • 1 month later...

I was wondering if there was anyway to get the themes pushed out to emby theater for xbox one and for the emby roku app? I used the css code and it's looks great on my desktop/emby server but would love for it to show on the above devices xbox one and roku.

 

Thanks again great work

Link to post
Share on other sites
  • 3 weeks later...
  • 3 weeks later...

Hello @@Ben Z,

 

I have been using your CSS themes for a long time.
Unfortunately, inactive tabs are no longer displayed.
That means for example. at the libraries.
 
Libraries <- is displayed
Metadata <- is not displayed
Advanced <- is not displayed
 
What can I do to see these hidden tabs reappear?
 

 

Link to post
Share on other sites
  • 5 months later...

Well, the new update (4.4.x.x) finally broke this in such a way that it's no longer usable. 

 

That it worked so long unsupported is a testament.  Though, I'm very sad that now I have to go back to the poor default themes. :(

Link to post
Share on other sites
PenkethBoy

still working for me in 4.5.0.4 and all the way through the beta 4.4.x cycle

 

the odd bit stopped works as per usual - but fixes were determined within a day and posted in other threads in this sub forum

Link to post
Share on other sites
  • 5 months later...
ThiagoArau

Guys, I managed to change the color of my theme to blue, but the progress bar remains green and I wanted to make this change, right here in the topic to be more precise on page 2, I saw that someone managed to change the color, I copied the code and even so I couldn't change ...
Can someone help me?

Link to post
Share on other sites
PenkethBoy

the code for it exists as i use it but dont have access to the css as computer in bits

try searching again

as for copying code - depends how old it is Luke faffs about a lot breaking code etc - so nothing new

Link to post
Share on other sites
Happy2Play
8 hours ago, ThiagoArau said:

Guys, I managed to change the color of my theme to blue, but the progress bar remains green and I wanted to make this change, right here in the topic to be more precise on page 2, I saw that someone managed to change the color, I copied the code and even so I couldn't change ...
Can someone help me?

Are you referring to this?

https://emby.media/community/index.php?/topic/89412-color/&do=findComment&comment=917722

 

Link to post
Share on other sites
arrbee99

Happy2play posted this -

/* Overall Colour Scheme - Blue */

 

 

 


 

html:root {

    --theme-primary-color: #5d7e9b;

    --theme-accent-text-color: #5d7e9b;

    --theme-primary-color-lightened: #5d7e9b;

    --theme-icon-focus-background: rgba(120, 120, 120, 0.2);

}

which gives an overall pale blue colour scheme (with exceptions), including the bits you asked for.

 

 

 

  • Like 1
Link to post
Share on other sites
Happy2Play

Yes the new way make accenting a lot easier above.  But there are old topics.

https://emby.media/community/index.php?/topic/36108-whats-the-css-for-changing-the-play-interface-colors/&do=findComment&comment=653179

/*Change Color of Play Button*/
.cardOverlayButtonIcon {
    background-color: #3086CF !important;

 

Link to post
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...