Example 14836
Theme Config
Design system theme configuration.
{
name: "slushy Theme"
# Color palette
colors: {
primary: "#8da3fe"
secondary: "#e5749d"
accent: "#ea6054"
background: "#f8f9fa"
text: "#333333"
error: "#dc3545"
warning: "#ffc107"
success: "#28a745"
}
# Typography
typography: {
font_family: "system-ui, sans-serif"
base_size: 18
line_height: 1.75
headings: {
font_family: "\"Playfair Display\", serif"
weight: 700
}
}
spacing: {
unit: 4
scale: [
0
4
8
16
24
32
48
]
}
border_radius: 12
}