Employee Centre CSS Changes

[PJ 3000]

I am trying to change the Employee Centre so that the Navbar background colour and text colour is different to the sub nav=-bar background colour and text colour.  I only seem to be able to do this in CSS in the theme by using the standard CSS but this sets them both the same: 

// Define NavBar
$sp-navbar-height: 60px;
$sp-navbar-divider-color: #3C87BF !default; //--now-color_chrome--divider-10
$sp-navbar-inverse-bg: $navbar-inverse-bg !default;
$navbar-inverse-bg: #ffffff !default; //--now-color_chrome--brand-10
$navbar-inverse-link-color: #030303 !default; //--now-color--neutral-2
$navbar-inverse-link-hover-color: #FFFFFF !default; //--now-color--neutral-0
$sp-logo-margin-x: 6px !default;
$sp-logo-margin-y: 6px !default;
$sp-tagline-color: $text-color !default;

I dont know where to change this, it seems like it should be simple and something that a lot of customers would want to do but it wont allow it.  Does anybody know how i can do this please?

Is there a list somewhere that tells me all of the colors I can change in CSS, as the branding editor is pretty useless if you wnat more than a couple of things changed and given the extent of EC Pro there is a lot to change..

[Bhavya11]

hi @PJ 3000 ,

please refer the this url 

How to change the text color in the header. 

Employee Service Center - Mega menu Nav Bar Background Color Change

Employee Center Header Menu items color change

Please mark helpful & correct answer if it's really worthy for you.

Thanks,

BK