[docs] Improve spacing with ul

[oliviertassinari]

1. Add a bit more spacing between list items, Bootstrap uses 4px, Tailwind CSS uses 8px. I saw the problem in [DataGridPremium] Add support for cell selection mui-x#6567 (comment).

Before: https://mui.com/material-ui/getting-started/overview/#advantages-of-material-ui
After: https://deploy-preview-35302--material-ui.netlify.app/material-ui/getting-started/overview/#advantages-of-material-ui

2. Remove the leading margin for the list item. I saw the problem in [docs] Move the demo higher in the API TOC #35202.

Before: https://mui.com/joy-ui/customization/using-css-variables/#raw-value
After https://deploy-preview-35302--material-ui.netlify.app/joy-ui/customization/using-css-variables/#raw-value

3. Remove useless color override, use CSS inheritance by default

[mui-bot]

	Messages
📖	Netlify deploy preview: https://deploy-preview-35302--material-ui.netlify.app/

No bundle size changes

Generated by 🚫 dangerJS against d2dec51

[danilo-leal]

The new spacing looks pretty good but the color removal looks like a regression to me, especially in dark mode, as everything is now totally white⎯ very hard to read. Maybe the place where the color was being defined was not the best (?) but I definitely wouldn't remove the current text color styling.

[oliviertassinari]

the color removal looks like a regression to me, especially in dark mode, as everything is now totally white⎯ very hard to read

@danilo-leal Oh, I didn't realize that this change would lead to a visual difference. Great catch. Reverting, I thought that it was an unnecessary CSS property override and that we could rely on CSS inheritance, the goal was to do a cleanup along the way.
I have the same experience as you had: it feels much better in dark mode with lighter color text.

[danilo-leal]

Sweet⎯now looking great. Indeed more comfortable to read with larger spacing between lines 👌