Set Icon Color in Header

[austin_rion]

I have changed the UI properties for the header to make it white, however whenever I change the color, no matter what I change in the UI properties, it does not change the text color or icon color in the header. In the attachment, I am hovering over the user menu to highlight it, or else it could not be seen. The search icon is always visible, but the User Menu, Connect Sidebar, Help, and Settings can not be seen. I have done this before, but I can't remember what I manipulated to get this to change the color.

[Chuck Tomasi · Accepted solution]

These may be helpful.

How can the text colour on the header changed?

changing the color of the icons in UI 16 banner

Geneva UI and CSS Theme support

[Wade Clairmont]

I don't suppose you found a solution to this yet?   If so, can you share?   I have am having the same issue.

Thanks

Wade

[Wade Clairmont]

Found this in another post!

Create a UI script, set the global flag.

<code>

addLoadEvent(function(){

  try{

  if(top.location.pathname === '/nav_to.do'){

  var a = top.document.querySelectorAll('.navpage-header-content');

  for (var i=0; i<a.length; i++) {

  a[i].style.color = 'red'; //set the required colour

  }

  }

  }catch(e){}

});

</code>

Set the Banner Text property to same colour.

[maxpower]

I solved that issue with this $navpage-header-button-color: #123456

by adding it to the css code in System UI > Themes