Change Color of All UI Actions in an Instance
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-21-2019 12:51 PM
I want to change the color of all UI actions within an instance, both those that show on lists (blue) and those that show on forms (light gray). Changing themes does not appear to have any effect on buttons. I see similar documentation in the Community about changing the color of UI actions, but all of the documentation revolves around changing just one UI action and the solution is to use a client script. I am looking to change the color of ALL UI actions in the instance.
Does anyone have any ideas? What is the css property for UI actions? "button-color"? "button-background-color"?
Please advise. Thank you!
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-25-2019 05:59 AM
I can confirm Marcel's solution. Just navigate to "System UI >> Themes" and you can create a copy of a theme and then start changing the hexadecimal color values, one at a time, and see what changes on your instance. It's kind of fun. I haven't yet figured out how to change the colors of UI actions, but I will...eventually.
Good luck!
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-25-2019 04:25 AM
No, I never did and gave up. I did find a client script that will turn every button on a form a certain color, but I have identified 3 issues with this approach:
1. It only affects forms, not lists,
2. You would have to create a client script for every form and that would be unnecessarily tedious and
3. The client script changes the color of EVERY button on the form and the end result looks weird. Look:
If you come across any solution better than this client script, please do let me know. Thanks, and best of luck!
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-25-2019 04:45 AM
Hi Alan,
I found you can do it in the theme by using the $color-accent: property.
I found it when looking at the base theme records ( Cobalt & La Jolla).
After I found it, I also found this article: https://community.servicenow.com/community?id=community_question&sys_id=bf660fe1db1cdbc01dcaf3231f96...
Hope this helps,
Marcel
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-25-2019 05:04 AM
While I do appreciate your input and assistance and participation, you do realize that, at the end of the thread you just referenced, Usmans said s/he couldn't get the solution to work?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-25-2019 05:20 AM
I see that now. All I can say to that is that it does work for us. We are on Madrid patch1 hotfix2.
Regards,
Marcel.