@theme-ui/preset-polaris

@theme-ui/preset-polaris

Theme UI includes @theme-ui/preset-polaris which can be used as an example or starting point for extending your own themes. @theme-ui/preset-polaris is based on the Shopify design system, Polaris.

npm i @theme-ui/preset-polaris

// example theme
import theme from '@theme-ui/preset-polaris'

export default {
  ...theme,
  styles: {
    ...theme,
  },
}

See all built-in presets

Contributing

We'd love to have more presets added to the Theme UI project. If you'd like to add a new preset or improve upon the existing ones, please open an issue or pull request.

Changelog

v0.6.0-alpha.8 2021-02-19

• Make the rename of Styled to Themed non-breaking. Add a deprecation warning on Styled until a future release. PR #1461

• Paragraph component's hardcoded responsive style has been removed (issue #1476)

• Fix issue where css custom vars are only added to body if modes is in the colors declaration of the theme.

• BREAKING: Move theme configuration options to config object in theme.