The Gatsby Theme UI Preset

A Theme UI preset that contains the configuration used in other official Gatsby themes, e.g. gatsby-theme-blog. Styled with Gatsby’s brand colors.

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

2. Add the configuration to your gatsby-config.js file

module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-theme-ui`,
      options: {
        preset: `gatsby-theme-ui-preset`,
      },
    },
  ],
}