mcs-ng-material/resources/lib/angular-material/modules/js/navBar/navBar-default-theme.css

MCS NG-Meterial is based on mcs-web.

/*!
 * AngularJS Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.1.6
 */
md-nav-bar.md-THEME_NAME-theme .md-nav-bar {
  background-color: transparent;
  border-color: '{{foreground-4}}'; }

md-nav-bar.md-THEME_NAME-theme .md-button._md-nav-button.md-unselected {
  color: '{{foreground-2}}'; }

md-nav-bar.md-THEME_NAME-theme md-nav-ink-bar {
  color: '{{accent-color}}';
  background: '{{accent-color}}'; }

md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar {
  background-color: '{{accent-color}}'; }
  md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar .md-button._md-nav-button {
    color: '{{accent-A100}}'; }
  md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar .md-button._md-nav-button.md-active, md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar .md-button._md-nav-button.md-focused {
    color: '{{accent-contrast}}'; }
  md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar .md-button._md-nav-button.md-focused {
    background: '{{accent-contrast-0.1}}'; }
  md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar md-nav-ink-bar {
    color: '{{primary-600-1}}';
    background: '{{primary-600-1}}'; }

md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar {
  background-color: '{{warn-color}}'; }
  md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar .md-button._md-nav-button {
    color: '{{warn-100}}'; }
  md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar .md-button._md-nav-button.md-active, md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar .md-button._md-nav-button.md-focused {
    color: '{{warn-contrast}}'; }
  md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar .md-button._md-nav-button.md-focused {
    background: '{{warn-contrast-0.1}}'; }

md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar {
  background-color: '{{primary-color}}'; }
  md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar .md-button._md-nav-button {
    color: '{{primary-100}}'; }
  md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar .md-button._md-nav-button.md-active, md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar .md-button._md-nav-button.md-focused {
    color: '{{primary-contrast}}'; }
  md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar .md-button._md-nav-button.md-focused {
    background: '{{primary-contrast-0.1}}'; }

md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar {
  background-color: '{{primary-color}}'; }
  md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button {
    color: '{{primary-100}}'; }
  md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-active, md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
    color: '{{primary-contrast}}'; }
  md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
    background: '{{primary-contrast-0.1}}'; }

md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar {
  background-color: '{{accent-color}}'; }
  md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button {
    color: '{{accent-A100}}'; }
  md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-active, md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
    color: '{{accent-contrast}}'; }
  md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
    background: '{{accent-contrast-0.1}}'; }
  md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar md-nav-ink-bar {
    color: '{{primary-600-1}}';
    background: '{{primary-600-1}}'; }

md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar {
  background-color: '{{warn-color}}'; }
  md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button {
    color: '{{warn-100}}'; }
  md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-active, md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
    color: '{{warn-contrast}}'; }
  md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
    background: '{{warn-contrast-0.1}}'; }