Currently, I am utilizing Material UI to create a theme that is functioning correctly. However, upon adding <CssBaseline/> to the App.js file, it unexpectedly changes the background color to white instead of the intended #1f262a specified in the index.css. In an attempt to rectify this issue, I included the following code snippet within the theme:
overrides: {
CssBaseline: {
"@global": {
body: {
backgroundColor: "#1f262a",
}
}
}
},
Unfortunately, despite these efforts, the background color remains unchanged. Any insights or solutions would be greatly appreciated.