Theme UI includes @theme-ui/preset-base
which can be used as an example or
starting point for extending your own themes.
npm i @theme-ui/preset-base
import theme from '@theme-ui/preset-base'
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.
v0.8.0 (Wed May 05 2021)
🔥 Breaking Changes and Deprecations
-
BREAKING: theme.config.useRootStyles
now defaults to true
following
deprecation of useBodyStyles
. Styles from theme.styles.root
are now added
to <html>
element by default.
-
Moved theme configuration options to config
object in theme.
- Deprecations:
useRootStyles
, useCustomProperties
,
useColorSchemeMediaQuery
, useBorderBox
, and useLocalStorage
options on
the theme object are now scoped under a config
object on the theme, and
the root-level options, now deprecated, will be removed in a future release.
(e.g. you should be setting theme.config.useBorderBox
instead of
theme.useBorderBox
)
- ⚠ All config options should be migrated at once. If Theme UI sees
theme.config
exists, it won't look for options on the theme
.
-
Removed APIs, previously deprecated in 0.6.0
theme.useBodyStyles
⟶ theme.config.useRootStyles
Styled
⟶ Themed
🚀 Enhancements
@theme-ui/color-modes
, @theme-ui/css
, gatsby-plugin-theme-ui
- Refactor color objects and expose default colors as a mode
#1639
(@fcisio)
🐛 Bug Fix
- (REVERTED in v0.8.1)
@theme-ui/core
, @theme-ui/sidenav
📝 Documentation
Authors: 5
:tada: v0.8.0 contains work from a new contributor! :tada:
Thank you, @Zolwiastyl, for all your work!