Use @tailwind/typography

[shuding]

Let's use https://tailwindcss.com/docs/typography-plugin for article styling.

[ng-hai]

I think I can contribute to this, but not sure where to put the plugin. Should it live in its theme plugin or project's default tailwind.config.js?

[pacocoursey]

Best to add it to each theme individually @ng-hai, meaning here:
https://github.com/shuding/nextra/blob/core/packages/nextra-theme-docs/tailwind.config.js

Remember that core is the main development branch.

[ng-hai]

I have added the plugin locally, and noticed these UI bugs

The code block background changed to dark.

List items appended new prefix.

Spacing and colors get wrong.

Should I change the MDX Components styles, or customize the plugin styles itself?

[shuding]

I think it's better to change the styles of the components @ng-hai

[thien-do]

Oh I just noticed that the "blog" theme already has this "typography" plugin :D only the "docs" is needed