-
Notifications
You must be signed in to change notification settings - Fork 6.8k
Closed
Labels
P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentAn issue that is relevant to core functions, but does not impede progress. Important, but not urgenthelp wantedThe team would appreciate a PR from the community to address this issueThe team would appreciate a PR from the community to address this issue
Description
Bug, feature request, or proposal:
Bug
What is the expected behavior?
If you style only certain component as described in the doc, mat-dark-theme() doesn't apply white font color on tab headers.
What is the current behavior?
Tab headers have black font color
What are the steps to reproduce?
Here is my theme.scss (WIP)
@import '~@angular/material/_theming.scss';
@include mat-core();
$primary: mat-palette($mat-cyan, 700, A100, A400);
$accent: mat-palette($mat-red, 700, A100, A400);
$warn: mat-palette($mat-orange);
$dark-theme : mat-dark-theme($primary, $accent, $warn);
$light-theme : mat-light-theme($primary, $accent, $warn);
//@include angular-material-theme($dark-theme);
@include mat-core-theme($dark-theme);
@include mat-autocomplete-theme($light-theme);
@include mat-button-theme($light-theme);
@include mat-button-toggle-theme($light-theme);
@include mat-card-theme($light-theme);
@include mat-checkbox-theme($light-theme);
@include mat-chips-theme($light-theme);
@include mat-dialog-theme($light-theme);
@include mat-grid-list-theme($light-theme);
@include mat-icon-theme($light-theme);
@include mat-input-theme($light-theme);
@include mat-list-theme($dark-theme);
@include mat-menu-theme($light-theme);
@include mat-progress-bar-theme($light-theme);
@include mat-progress-spinner-theme($light-theme);
@include mat-radio-theme($light-theme);
@include mat-select-theme($light-theme);
@include mat-sidenav-theme($light-theme);
@include mat-slide-toggle-theme($light-theme);
@include mat-slider-theme($light-theme);
@include mat-tabs-theme($dark-theme);
@include mat-toolbar-theme($light-theme);
@include mat-tooltip-theme($light-theme);
What is the use-case or motivation for changing an existing behavior?
Using a dark background image requires to use some mat-dark-theme() components and some mat-light-theme() components.
Which versions of Angular, Material, OS, browsers are affected?
Angular 4.1
Material 2.0.0-beta3
Is there anything else we should know?
Nope :)
jackrvaughan
Metadata
Metadata
Assignees
Labels
P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentAn issue that is relevant to core functions, but does not impede progress. Important, but not urgenthelp wantedThe team would appreciate a PR from the community to address this issueThe team would appreciate a PR from the community to address this issue