Wrong font color in header on the Material Theme

[bogi158]

Issue type

I'm submitting a ... (check one with "x")

• bug report
• feature request
• question about the decisions made in the repository

Issue description

Current behavior:
Font color on header texts and icons is gray

Expected behavior:
Text color and icons on header should be white as defined in _material_overrides.scss

Steps to reproduce:
Clone the branch feat/material-theme and run

Related code:
Text color should be overwritten by _material_overrides.scss in

nb-layout-header {
      nb-actions, .logo-container {
        nb-icon, .user-name {
          color: nb-theme(color-basic-100) !important;
        }
      }
    }

but this override does not happen and the color of the icons and text is actions-icon-color that is in the end color-basic-100

Other information:

npm 6.14.18
node 14.21.3
Chrome 112 or Firefox 111
Ubuntu 18.04

Angular, Nebular

Angular 13.3.9
Nebular 9.1.0-rc.8

[ssingh3856]

@bogi158 May i take this up?