Changing the default color (green)

[Ben Z 86]

Hi,

 

I am really new to CSS but I managed to get something I like (see dark & red theme attached image).

 

Can you actually change the green default color I see everywhere like those circles or check marks (see green circles attached image)? I don't know how to do it... I would like to get it in red. I checked the dashboard-ui folder but it seems that my solution isn't there.

 

Any help please?

Edited December 14, 2015 by benjidave

[primecut 19]

I don't know of any central option to change the main color, so you probably have to change the color of everything manually via css:

 

/* Latest News Icon Color */

.blue.x-scope.paper-fab-0 {

background-color: #E81123 !important;

}



/* Playbutton Color */

.btnPlay.detailFloatingButton {

background-color: #E81123 !important;

}



/* Played Indicator Color */

.playedIndicator {

background-color: #E81123;

}

[Ben Z 86]

Wow, thanks alot! It' a good start.

 

I still have to change the circles from the recent activity section though.

 

I also tried to use the theme from this post : http://emby.media/community/index.php?/topic/28476-upgraded-theme-darkness-and-theme-marine-to-version-3057815/

 

It doesn't seem to change the green from these rectangles (image 2). Do you know how?

 

Thanks again, really appreciated and great community.

[primecut 19]

Last part now includes News & Activities Button

/* Emby Premiere Promo */
.block.x-scope.paper-button-0 {
background-color: #E81123 !important; 
}


/* Help Button */
.secondary.mini.x-scope.paper-button-0 {
background-color: #E81123 !important; 
}


/* Latest News & Activities Button */
.x-scope.paper-fab-0 {
background-color: #E81123 !important; 
}

[Ben Z 86]

You're awesome, thank you.

 

This one doesn't work since it's still green.

/* Emby Premiere Promo */
.block.x-scope.paper-button-0 {
background-color: #E81123 !important; 
}

Any typo somewhere?

 

EDIT: It actually works... It changes a lot of blocks but not the one with Emby Premiere.

Edited December 14, 2015 by benjidave

[primecut 19]

strange, definitely working for me. maybe someone with more knowledge in css can chime in, I'm just using what I could learn from other themes here.

 

Maybe this works?:

 

/* Emby Premiere Promo */

.block {

background-color: #E81123 !important; 

}

[Ben Z 86]

Nop

 

But that's not a big deal i guess.

[Ben Z 86]

Do you know by any chance if you can change the blue glow light (the panel where you log out) like the red one to the left side of the picture?

[primecut 19]

I would assume it is possible but I have no clue how. Someone else will probably be able to help here

[Ben Z 86]

I just found out a really useful trick. It sounds so basic but I'm noob at this and I don't hide it lol.

 

Just right click any element on the website and click inspect. You'll get everything needed.

 

Changing the Emby Premiere color did the trick with the following for me

a.btn.btnActionAccent {

background-color: #E81123;

}

Edited December 15, 2015 by benjidave