Skip to content
Theme UI
GitHub

Global Styles

Use the Emotion Global component to add global CSS with theme-based values.

import React from 'react'
import { Global } from '@emotion/core'
export default props =>
<Global
styles={theme => ({
body: {
color: theme.colors.text,
backgroundColor: theme.colors.background,
}
})}
/>
Edit the page on GitHub
Previous:
Color Mode Toggles
Next:
Linked Headings