Jump to content

Changing the default color (green)


Ben Z

Recommended Posts

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?

post-72732-0-54776700-1450071442_thumb.png

post-72732-0-90326900-1450071444_thumb.png

Edited by benjidave
Link to comment
Share on other sites

primecut
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;
}

  • Like 1
Link to comment
Share on other sites

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.

post-72732-0-93996800-1450118110_thumb.png

post-72732-0-42310900-1450118366_thumb.png

Link to comment
Share on other sites

primecut

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; 
}
Link to comment
Share on other sites

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 by benjidave
Link to comment
Share on other sites

primecut

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; 
}
Link to comment
Share on other sites

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?

post-72732-0-20016600-1450129730_thumb.png

Link to comment
Share on other sites

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 by benjidave
  • Like 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...