Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
mat-input: text in input element does not respect theme when using dark theme
See original GitHub issueBug, feature request, or proposal:
Bug
What is the expected behavior?
The input should have a text color that respects the selected theme
What is the current behavior?
If a matInput is placed within a container that uses a mat-dark-theme color scheme, the text color in the matInput remains black, while every other aspect of the form field respects the dark theme and turns light.
What are the steps to reproduce?
https://stackblitz.com/edit/mat-input-dark-theme-bug
What is the use-case or motivation for changing an existing behavior?
The input should be readable when using dark theme
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Testet using Angular Material v6.4.7 and 7.0.3, and the error is in both versions.
Is there anything else we should know?
No
Issue Analytics
- State:
- Created 5 years ago
- Reactions:2
- Comments:14 (5 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Yes mmalerba - you can do that. However, changing the accent color to accommodate mat-form-field completely changes the entire theme. So… no. That’s really not a good fix. Bottom line - - Material’s dark-theme is worthwhile as long as there is no requirement for data input. Otherwise, it seems to be worthless.
Surprised that this issue isn’t getting more attention. The dark mode is unusable in its current condition.