jamespro / eventregremix

Event Reg App - with Remix, React, TypeScript, JS, etc
0 stars 0 forks source link

Fix MUI Theming #67

Open jamespro opened 2 years ago

jamespro commented 2 years ago

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/

jamespro commented 2 years ago

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.