Make Gatsby Themes extendable with gatsby-theme-ui

Share this video with your friends

Send Tweet

Allow people using your theme to apply their own design to the theme by defining design tokens with theme-ui.

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

Juliane Nagao
Juliane Nagao
~ 5 years ago

Instead of gatsby-theme-ui you should install gatsby-plugin-theme-ui and add it to the gatsby-config.js file.

Checkout the docs at: https://www.gatsbyjs.org/tutorial/building-a-theme/#make-themes-extendable-with-gatsby-plugin-theme-ui

Juliane Nagao
Juliane Nagao
~ 5 years ago

Update

Instead of gatsby-theme-ui you should install gatsby-plugin-theme-ui and add it to the gatsby-config.js file.

Checkout the docs at: https://www.gatsbyjs.org/tutorial/building-a-theme/#make-themes-extendable-with-gatsby-plugin-theme-ui