Emby Dark Themes in different accent colors

[TechMinerUK 1]

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

 

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

[Happy2Play 9291]

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

 

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 August 27, 2018 by Happy2Play

[TechMinerUK 1]

 

 

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?

[Ben Z 86]

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

 

[TechMinerUK 1]

 

 

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.

 

 

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)

[PenkethBoy 2066]

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 August 27, 2018 by PenkethBoy

[drashna 47]

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

 

 

I'm sorry to hear that! 

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

[drashna 47]

@@PenkethBoy, host it on github, and link to that (the URL that the "RAW" button gives you)

[Ben Z 86]

@@drashna

 

I no longer have time to maintain the themes (at least for now) and there are now official themes, which is cool. Sorry to be late.

[Happy2Play 9291]

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 September 18, 2018 by Happy2Play

[cristian florencio 0]

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?

[STR8 71]

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

[ryzilla 11]

looks amazing mate well done, using the purple one now

[Ben Z 86]

It's nice to see it's still useful for some people even if it's no longer supported.

[tosa65 17]

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?

 

My custom CSS:

@import url('https://rawgit.com/BenZuser/Emby-Web-Dark-Themes-CSS/beta/BLUE/theme.css');

@import url('https://rawgit.com/BenZuser/Emby-Web-Dark-Themes-CSS/beta/DARK-COLORS.css');

 

Best regards

Tommy

 

[drashna 47]

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.

[PenkethBoy 2066]

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

[ThiagoArau 0]

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?

[PenkethBoy 2066]

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

[Happy2Play 9291]

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

 

[ThiagoArau 0]

7 hours ago, Happy2Play said:

Are you referring to this?

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

 

It would be exactly that, but I copied the code and even so it didn't work as in the image below ...
My version is BETA, is it because of that?

I really wanted to make this progress bar blue

[ThiagoArau 0]

I also wanted to remove this green color from play

[arrbee99 1682]

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.

 

 

 

[Happy2Play 9291]

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;

 

[BlackDarkz 0]

On 19/12/2015 at 19:11, Ben Z said:

a

Quote

On 19/12/2015 at 19:11, Ben Z said:

VERMELHO