Use and Override a Theme in Gatsby with Component Shadowing

Now that styles are set in theme-ui, we need to actually use them in our application.

First, we'll override the default theme-ui config by shadowing the theme object in gatsby-theme-ui/index.js and start using the theme throughout.

For a written version of this course, check out the Gatsby docs.