Current Behavior 😯
I set the theme to dark mode using the createMuiTheme as stated in the documentation and provided it with a ThemeProvider. However, when I put in TextField or Button into my application, I get the same accent colors as the original light mode.
Expected Behavior 🤔
I expect the palette colors to change to match the colors on the Material UI page such as here or here.
Steps to Reproduce 🕹
Here's a code sandbox showing what I mean.
https://codesandbox.io/s/material-demo-pb53w
The colors on the TextFields are dark blue and don't contrast at all with the Paper behind them. Since the Paper color changed, I would expect the TextFields' outlines to change as well.
Context 🔦
I'm trying to use the dark mode since I think it better suits my use case, and I thought that the dark mode would be automatically applied to all the components.
Your Environment 🌎
| Tech |
Version |
| Material-UI |
v4.9.14 |
| React |
v16.13.1 |
| Browser |
Chrome 81.0.4044.138 |
| TypeScript |
3.9.2 |
Current Behavior 😯
I set the theme to dark mode using the
createMuiThemeas stated in the documentation and provided it with aThemeProvider. However, when I put inTextFieldorButtoninto my application, I get the same accent colors as the original light mode.Expected Behavior 🤔
I expect the palette colors to change to match the colors on the Material UI page such as here or here.
Steps to Reproduce 🕹
Here's a code sandbox showing what I mean.
https://codesandbox.io/s/material-demo-pb53w
The colors on the TextFields are dark blue and don't contrast at all with the
Paperbehind them. Since thePapercolor changed, I would expect theTextFields' outlines to change as well.Context 🔦
I'm trying to use the dark mode since I think it better suits my use case, and I thought that the dark mode would be automatically applied to all the components.
Your Environment 🌎