Gatsby

The Gatsby Theme UI Preset

A Theme UI preset that contains the configuration used in other official Gatsby themes, e.g. gatsby-theme-blog.

Installation

For an existing site

If you already have a site you’d like to add the theme-ui theme to, you can manually configure it.

  1. Install the theme
npm install gatsby-theme-ui-preset
  1. Add the configuration to your gatsby-config.js file
// gatsby-config.js
module.exports = {
  plugins: [{
        resolve: `gatsby-plugin-theme-ui`
        options: {
          preset: `gatsby-theme-ui-preset`
        }}],
}