Skip to content

md-input-element color should be currentColor, to match a transparent background #1260

@jimitndiaye

Description

@jimitndiaye

Bug, feature request, or proposal:

The default background is transparent. The default color should thus be current color in order for the input text to constrast properly. It is currently using the default value of initial but this causes problems when the background/foreground color changes. This is illustrated by @jelbourn 's https://github.com/jelbourn/material2-app (switch to dark mode and you'll see that the md-input's still have black text on a dark background)

What is the expected behavior?

Color should contrast correctly

What is the current behavior?

It retains the initial value and does not update dynamically.

What are the steps to reproduce?

Run https://github.com/jelbourn/material2-app and click on the Toggle Dark Theme button.

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: http://plnkr.co/edit/o077B6uEiiIgkC0S06dd

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

Text should always be easily visible

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

Is there anything else we should know?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions