How to use @theme-ui/css - 4 common examples
To help you get started, we’ve selected a few @theme-ui/css examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
system-ui / theme-ui / packages / color-modes / src / index.js View on Github 
const applyColorMode = (theme, mode) => {
if (!mode) return theme
const modes = get(theme, 'colors.modes', {})
return merge.all({}, theme, {
colors: get(modes, mode, {}),
})
}export const themed = key => props =>
css(get(props.theme, `styles.${key}`))(props.theme)const applyColorMode = (theme, mode) => {
if (!mode) return theme
const modes = get(theme, 'colors.modes', {})
return merge.all({}, theme, {
colors: get(modes, mode, {}),
})
}return theme => {
const styles = css(props.sx)(theme)
const raw = typeof props.css === 'function' ? props.css(theme) : props.css
return [styles, raw]
}
}@theme-ui/css
[](https://bundlephobia.com/package/@theme-ui/css)
