Theme UI preset, derived from Geist UI
MIT License
theme-ui-preset-geist
Theme UI theme preset, derived from Geist UI.
yarn add theme-ui-preset-geist
# npm i theme-ui-preset-geist
See a preview/documentation: theme-ui-preset-geist.vercel.app
import { ThemeProvider } from 'theme-ui'
import theme from 'theme-ui-preset-geist'
export default ({ children }) => (
<ThemeProvider theme={theme}>{children}</ThemeProvider>
)
Making your own modifications:
import { ThemeProvider, merge } from 'theme-ui'
import theme from 'theme-ui-preset-geist'
const brandTheme = merge(theme, {
colors: {
brand: '#ff6d00',
},
})
export default ({ children }) => (
<ThemeProvider theme={brandTheme}>{children}</ThemeProvider>
)
All types of contributions welcome!
yarn
to install the development dependency (microbundle)yarn link
so docs site can use your local versionyarn watch
to continuously compile changesyarn link theme-ui-preset-geist
to use the local version instead of the published package, then yarn
to install dependencies & yarn dev
to see your changes liveMIT License