You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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 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?
The text was updated successfully, but these errors were encountered:
jimitndiaye
changed the title
md-input-lement color should be currentColor, to match a transparent background
md-input-element color should be currentColor, to match a transparent background
Sep 19, 2016
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?
The text was updated successfully, but these errors were encountered: