Theme UI provides a wrapper around the MDXProvider so you can add styling to components that are rendered in your MDX documents. The styling you add will not be leaked as global styles since it relies on React Context and Emotion. The values set in the
styles object are theme-aware so you can ensure consistency when applying color and typographic styles to your content.
This lesson uses
gatsby-plugin-theme-ui in order to seamlessly integrate Theme UI into a Gatsby site.