UI - Branding the Nav Bar - issue with selected label blending in with navbar background

[jdfranco]

We are having an issue with branding on the nav bar UI, when we select an option the selected label becomes the same color as the nav bar background. Is this customizable? When hovering, the text appears as it should.

See the screenshots below:

"Roles" option is the same color as the background.

When hovering, "roles" appears as it should:

[Rishi]

@jdfranco can you refer to following knowledge article and check if it helps https://forums.saviynt.com/t5/community-knowledge-base/how-to-ui-branding-step-by-step-instructions/...

[jdfranco]

@Rishi I have been through that documentation and tried every element, I cannot identify which element controls that. Can you confirm it is customizable and which element it is?

[rushikeshvartak]

navBarIconHover: [
55,
81,
255
],

https://docs.saviyntcloud.com/bundle/EIC-Admin-v23x/page/Content/Chapter06-EIC-Configurations/Custom...

[jdfranco]

@rushikeshvartak , Thanks for your reply. That does control the color of the labels but not the color once you click it. In the example the navBarIconHover is set to that red; however, as you can see, once I click on it it goes the same color as the background. Therefore, this element is not the correct one.

EDIT: This element actually does control the color but it also controls the color of the box that appears when you hover over an option

[jdfranco · Accepted solution]

I ended up solving this myself, the color of the selected text becomes the same color as navBarIconHover, which is the box around the option the mouse is hovering. In my example, that element is the same color as the background so it disappears when selected.

I either have to have the big box around the labels when I hover or live with the "missing" UI element.

[rushikeshvartak]

[DixshantValecha]

Hi @jdfranco,

Thanks for the update ,It sounds like the issue is with the color of the selected text becoming the same as the navBarIconHover, causing the text to disappear when selected due to the background color being the same,So I will request you if possible to  kindly provide more details on what is the colour code or the color that was configured which was casuing that issue.

eg of color code navBarIconHover: [
55,
81,
255
],