I am working on upgrading to Geneva and UI16 and I can't find a way to eliminate blue from parts of the theme. UI15 was easy, since I could use the base.color to affect most of the element I cared about. This had the nice benefit of provided a drastically different view for dev and test instances that production. Here is what I had in UI15, where I was able to get rid of almost all the light blue:
Is there any way to target related links and the circled i and the filter icon and the new button? I achieved all of this before with the following simple theme:
$highlight-color: ${base.color};
$accent-color: ${base.color};
$accent-color-dark: ${base.color};
$accent-color-light: ${base.color};
$color-accent: ${base.color};
This is what it looks like now (the purple stripe would be maroon in production):
Hi Shawn,
You can still use $color-accent to define those colors. Just add it to your theme definition:
$color-accent: #008B8B
Maybe your problem is that you haven't defined the base.color in $color-accent: ${base.color};
Regards,
Telmo
I created a new theme and put the css style you mentioned. It still doesnt work.
I would like to mention that I am using Geneva Patch 8 with UI15. Our company is not ready for UI16 yet.
Hi,
You should have noticed the title of this thread.
"Change Button Colors in Geneva UI16"
If you are using UI15 nothing should have changed.
Are you editing a theme of type "Doctype"? The themes of type "Concourse" are for UI16 only.
Take a look at http://wiki.servicenow.com/?title=CSS_Theme_Support#gsc.tab=0
I've created/change the system property "css.$color-accent" and I've manage to change the button color:
Telmo
