Use and Override a Theme in Gatsby with Component Shadowing

InstructorJason Lengstorf

Share this video with your friends

Send Tweet

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.

seetd
seetd
~ a year ago

Shouldn't it be overriding gatsby-plugin-theme-ui/index.js instead of gatsby-theme-ui/index.js?