Design System

Design tokens for light and dark mode

One theme system, two moods and fewer hardcoded surprises.

Light and dark design token system with connected color nodes

Article library

Article

Templates should speak in roles, not raw colors

Light and dark mode become fragile when every template invents its own color logic. That works until the next redesign, at which point archaeology becomes part of frontend development. Delightful.

StataRocket uses theme tokens for surfaces, text, navigation, buttons, glows and content sections. Templates describe intent, while CSS decides how that intent looks in each theme.

The payoff is simple: new visual directions can happen mostly in CSS instead of becoming a scavenger hunt through Antlers files.

Article series

StataRocket Basics

Related entries