Trying to find where to change the colors for the banner text and application manager

[GEM1]

For this instance it is using the Cobalt theme.  They want the white/grey text to be dark blue and the banner text blue.  This is my first time doing this and I thought I could see this in CSS settings, tried it and nothing changed.  Tried changing it within the Cobalt CSS, nothing.  Was hoping someone can walk me through this.

[Vasantharajan N]

Please navigate to "All > System UI > Themes" and select the Theme you wanted to change.

Then update the below attribute 

/* Topbar text color */
$navpage-header-color: #ffffff

/* Core content text color */
$navpage-nav-app-text: red /* #e6e8ea */

/* Text color in main navigation */
$navpage-nav-color-sub: blue /* #bec1c6 */

/* color of the text, and icons/buttons in the banner frame */
$navpage-header-button-color : #e91e63 /* #ffffff */

Once done save and reload the page 

[GEM1]

I entered all that and it still persists to be the same colors.  I can now select Cobalt in my profile theme and see the changes made but the rest of the cobalt colors do not fit the clients color scheme

A is what I need minus the white text in banner and app nav

B is the changes I made to cobalt theme...the dark blue is right but the rest of the colors are wrong

[Vasantharajan N]

Could you please share the CSS from the Cobalt theme which helps to check further.

Reference link to access the Cobalt theme in your instance is (As it is OOTB theme)

https://<instance_name>.service-now.com/nav_to.do?uri=sys_ui_theme.do?sys_id=b779e6fab70423003f5c21c8ee11a98c

[GEM1]

/* Header Colors */
/* Search text color */
$search-text-color: #ffffff
/* Topbar background color*/
$navpage-header-bg: #303a46
/* Topbar text color */
$navpage-header-color: #002d72
/* Bottom border color on topbar */
$navpage-header-divider-color: #455464
/* Button color on topbar */
$navpage-header-button-color: #002d72

/* Left nav and navigation toolbar background color */
/* Navigator hover color */
$nav-highlight-main: #3d4853
/* Background for expanded navigation items */
$subnav-background-color: #303a46
/* Backgorund for navigator (left side only). */
$navpage-nav-bg: #303a46
/* Background for Favorites list, history list, and Connect list background. */
$navpage-nav-bg-sub: #455464
/* Text color in main navigation */
$navpage-nav-color-sub: #bec1c6
/* Text color when hovering over items in main nav */
$navpage-nav-mod-text-hover: #ffffff
/* Divider color in Navigator */
$nav-hr-color: #303a46

/* Navigator tabs */
/* Active nav item underneath search */
$nav-highlight-bar-active: #278efc
/* Inactive nav items underneath search */
$nav-highlight-bar-inactive: #81878e
/* Background for currently selected navigation item underneath search */
$navpage-nav-selected-bg: #4b545f
/* Color of icon for currently active nav item. */
$navpage-nav-selected-color: #ffffff
/* Color of icons for non inactive nav items.*/
$navpage-nav-unselected-color: #bec1c6

/* Navigator Application text */
/* Color for latest connect messages in right bar. */
$connect-latest-message: #e6e8ea
/* Timestamp header backgrounds in History tab*/
$nav-timeago-header-color: #303a46
/* Core content text color */
$navpage-nav-app-text: #002d72
/* Core content text color hover*/
$navpage-nav-app-text-hover: #ffffff

/* Text color in main navigation */
$navpage-nav-color-sub: blue /* #002d72*/
/* color of the text, and icons/buttons in the banner frame */
$navpage-header-button-color : #002d72/* #ffffff */

/* Color of outline for search */
$navpage-nav-border: #dddddd
/* Default button/icon colors */
$navpage-button-color: #ffffff
/* Hover color for ^^^ */
$navpage-button-color-hover: #278efc