Theme UI component update
One of the first components we created was for generating themes for use
with Styled System and Theme
UI, and to date it's been one of our most popular. But while it
provided a set of basic defaults, it was also inflexible.
Scales were of fixed length and only contained properties for colors, spacing,
and type scale. As a result, we've deprecated the existing component at /theme-ui and
consolidated all functionality to /theme. Theme
builder output is optimized to work seamlessly with both Theme UI and Styled
System.
Some of the new features expanding upon our existing Theme UI component:
- Advanced and flexible editor for creating color systems
- Color mode generator
- Define and preview composed text styles that consume your typography primitives
- Full google fonts support
- Variable font controls
- Additional preview options
- Customize length of scales + units
- Export or publish as CSS, JS, JSON
- Publish hosted docs
Roadmap
- Advanced color scale creation and editing controls
- Support for variable fonts
- Custom font support
- Documentation for all accessible color combinations across groups
- Figma plug-in for theme generation and style documentation
- Custom domain publishing
- Typography styles composer
- Animation properties
- Animation composer
- More curated presets
- Imports (images, JS, CSS, Sass, JSON)
- CSS export and publish config
- Inline editing controls for shadows and gradients
- Command Z undo
- More preview options for colors, gradients, shadows, borders, and more
We'd love to hear about your computational theming needs. Drop us feature requests or issues here.
Reference