angular-material/modules/js/tabs/tabs-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-tabs.md-THEME_NAME-theme md-tabs-wrapper {
  background-color: transparent;
  border-color: "{{foreground-4}}";
}
md-tabs.md-THEME_NAME-theme md-prev-button md-icon,
md-tabs.md-THEME_NAME-theme md-next-button md-icon {
  color: "{{foreground-2}}";
}
md-tabs.md-THEME_NAME-theme md-ink-bar {
  color: "{{accent-color}}";
  background: "{{accent-color}}";
}
md-tabs.md-THEME_NAME-theme .md-tab {
  color: "{{foreground-2}}";
}
md-tabs.md-THEME_NAME-theme .md-tab[disabled], md-tabs.md-THEME_NAME-theme .md-tab[disabled] md-icon {
  color: "{{foreground-3}}";
}
md-tabs.md-THEME_NAME-theme .md-tab.md-active, md-tabs.md-THEME_NAME-theme .md-tab.md-active md-icon, md-tabs.md-THEME_NAME-theme .md-tab.md-focused, md-tabs.md-THEME_NAME-theme .md-tab.md-focused md-icon {
  color: "{{accent-color}}";
}
md-tabs.md-THEME_NAME-theme .md-tab.md-focused {
  background: "{{primary-color-0.1}}";
}
md-tabs.md-THEME_NAME-theme .md-tab .md-ripple-container {
  color: "{{accent-A100}}";
}
md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper {
  background-color: "{{accent-500}}";
}
md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper md-prev-button md-icon,
md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper md-next-button md-icon {
  color: "{{accent-500-contrast-0.7}}";
}
md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
  color: "{{accent-500-contrast-0.7}}";
}
md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  color: "{{accent-500-contrast-1}}";
}
md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
  background: "{{accent-500-contrast-0.1}}";
}
md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  color: "{{accent-500-contrast}}";
  background: "{{accent-500-contrast}}";
}
md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper {
  background-color: "{{primary-color}}";
}
md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper md-prev-button md-icon,
md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper md-next-button md-icon {
  color: "{{primary-contrast}}";
}
md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
  color: "{{primary-contrast-0.7}}";
}
md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  color: "{{primary-contrast}}";
}
md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
  background: "{{primary-contrast-0.1}}";
}
md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  color: "{{accent-color}}";
  background: "{{accent-color}}";
}
md-tabs.md-THEME_NAME-theme.md-primary.md-no-ink-bar-color > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  color: "{{primary-contrast}}";
  background: "{{primary-contrast}}";
}
md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper {
  background-color: "{{warn-500}}";
}
md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper md-prev-button md-icon,
md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper md-next-button md-icon {
  color: "{{warn-500-contrast}}";
}
md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
  color: "{{warn-500-contrast-0.7}}";
}
md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  color: "{{warn-500-contrast-1}}";
}
md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
  background: "{{warn-500-contrast-0.1}}";
}
md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  color: "{{warn-500-contrast}}";
  background: "{{warn-500-contrast}}";
}

md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper {
  background-color: "{{primary-color}}";
}
md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-prev-button md-icon,
md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-next-button md-icon {
  color: "{{primary-contrast}}";
}
md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
  color: "{{primary-contrast-0.7}}";
}
md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  color: "{{primary-contrast}}";
}
md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
  background: "{{primary-contrast-0.1}}";
}
md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  color: "{{accent-color}}";
  background: "{{accent-color}}";
}
md-toolbar > md-tabs.md-THEME_NAME-theme.md-no-ink-bar-color > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  color: "{{primary-contrast}}";
  background: "{{primary-contrast}}";
}

md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper {
  background-color: "{{accent-500}}";
}
md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-prev-button md-icon,
md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-next-button md-icon {
  color: "{{accent-500-contrast-0.7}}";
}
md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
  color: "{{accent-500-contrast-0.7}}";
}
md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  color: "{{accent-500-contrast-1}}";
}
md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
  background: "{{accent-500-contrast-0.1}}";
}
md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  color: "{{accent-500-contrast}}";
  background: "{{accent-500-contrast}}";
}

md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper {
  background-color: "{{warn-500}}";
}
md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-prev-button md-icon,
md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-next-button md-icon {
  color: "{{warn-500-contrast}}";
}
md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
  color: "{{warn-500-contrast-0.7}}";
}
md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  color: "{{warn-500-contrast-1}}";
}
md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
  background: "{{warn-500-contrast-0.1}}";
}
md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  color: "{{warn-500-contrast}}";
  background: "{{warn-500-contrast}}";
}