Skip to content
Theme UI
GitHub

@theme-ui/editor

Components for editing Theme UI theme objects.

npm i @theme-ui/editor
import {
Editor,
ColorPalette,
Fonts,
FontWeights,
LineHeights,
FontSizes,
Space,
ColorMode,
} from '@theme-ui/editor'
theme.styles.h1
Color
Background Color
Font Weights
Line Heights
Colors
Space

Sx Style Object Editor

{ "color": "tomato", "fontSize": 3 }
Color
Background Color
Edit the page on GitHub
Previous:
Style Guide
Next:
gatsby-theme-style-guide