Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-theme-swiss

A Theme UI preset theme for Gatsby

npm i gatsby-theme-swiss

Usage

This theme is built with composition in mind and can be used as the basis for a custom theme or to adjust the styles in other themes.

Composed with other themes

// gatsby-config.js
module.exports = {
  plugins: [
    'gatsby-theme-blog',
    'gatsby-theme-swiss',
  ]
}
// gatsby-config.js
module.exports = {
  plugins: [
    'gatsby-theme-notes',
    'gatsby-theme-swiss',
  ]
}

As a base theme

The styles in this theme can be used as a starting point for custom themes.

// gatsby-config.js
module.exports = {
  plugins: [
    'gatsby-theme-swiss',
    'gatsby-plugin-theme-ui',
  ]
}
// src/gatsby-plugin-theme-ui/index.js
import baseTheme from 'gatsby-theme-swiss'

export default {
  ...baseTheme,
  // add custom styles to override the base theme
}

See the Theme UI docs for more info on how to use the styles in your custom theme.

MIT License

© 2024 Gatsby, Inc.