I have two theme-type files and I think it isn't using either of them. For example, the font is default system font.
It should be Roboto, or for testing, Droid Serif or Open Sans, although I am not loading those two fonts. I am loading Roboto. Or maybe the theming is working but it's just that the custom font is not being loaded.
I think some of it is working, but it still deserves some experimentation.
The default HTML on the landing page from Remix had some hard-coded styles, like font family.
I think the Material UI theming isn't working.
I have two theme-type files and I think it isn't using either of them. For example, the font is default system font.
It should be Roboto, or for testing, Droid Serif or Open Sans, although I am not loading those two fonts. I am loading Roboto. Or maybe the theming is working but it's just that the custom font is not being loaded.
Originally I copied the code from the recommended repo: https://github.com/mui/material-ui/blob/master/examples/remix-with-typescript/app/src/ClientStyleContext.tsx
There is also an issue of do not copy or use MUI v4. Stick with MUI v5. Use "emotion". Do not use "styled components".
Also, am I going to use this format of "put CSS into a module.css file"? Or maybe that is only necessary if I am diverging from Material UI.
https://bareynol.github.io/mui-theme-creator/