Skip to content

Inconsistent coloring for some components when not using 500 colors #3813

Closed
@mhengelein

Description

@mhengelein

Bug, feature request, or proposal:

Bug

What is the expected behavior?

When handing a non-500 color into the mat-palettes, primary and warn (not accent) components should be rendered with this color, not the corresponding 500 color of the same palette

$primary: mat-palette($mat-blue, 800, 200, 900);
--> Should take blue-800, not blue-500

What is the current behavior?

Some components always use 500 colors
This applies to the following components when marked as "primary" or "warn":
Checkbox, Chip, Tab, Slider

What are the steps to reproduce?

Define a palette with a non-500 color as primary color

What is the use-case or motivation for changing an existing behavior?

Consistent coloring behaviour

Which versions of Angular, Material, OS, browsers are affected?

angular-material 2.0.0-beta.2
angular 4.0.0

probably all browsers (tested in chrome, firefox, safari)

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An 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 issue

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions