angular-material/modules/closure/menuBar/menuBar-default-theme.css

**[Support for legacy AngularJS ended on January 1st, 2022](https://goo.gle/angularjs-end-of-life). [See `@angular/core` for the actively supported Angular](https://npmjs.com/@angular/core).**

/*!
 * AngularJS Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.2.5
 */
md-menu-bar.md-THEME_NAME-theme > button.md-button {
  color: "{{foreground-1}}";
  border-radius: 2px;
}
md-menu-bar.md-THEME_NAME-theme md-menu > button {
  color: "{{foreground-1}}";
}
md-menu-bar.md-THEME_NAME-theme md-menu.md-open > button, md-menu-bar.md-THEME_NAME-theme md-menu > button:focus {
  outline: none;
  background-color: "{{ background-500-0.18}}";
}
md-menu-bar.md-THEME_NAME-theme.md-open:not(.md-keyboard-mode) md-menu:hover > button {
  background-color: "{{ background-500-0.18}}";
}
md-menu-bar.md-THEME_NAME-theme:not(.md-keyboard-mode):not(.md-open) md-menu button:hover,
md-menu-bar.md-THEME_NAME-theme:not(.md-keyboard-mode):not(.md-open) md-menu button:focus {
  background: transparent;
}

md-menu-content.md-THEME_NAME-theme .md-menu > .md-button:after {
  color: "{{foreground-2}}";
}
md-menu-content.md-THEME_NAME-theme .md-menu.md-open > .md-button {
  background-color: "{{ background-500-0.18}}";
}

md-toolbar.md-THEME_NAME-theme.md-menu-toolbar {
  background-color: "{{background-hue-1}}";
  color: "{{foreground-1}}";
}
md-toolbar.md-THEME_NAME-theme.md-menu-toolbar md-toolbar-filler {
  background-color: "{{primary-color}}";
  color: "{{primary-contrast}}";
}
md-toolbar.md-THEME_NAME-theme.md-menu-toolbar md-toolbar-filler md-icon {
  color: "{{primary-contrast}}";
}