Every pixel in Construct is governed by our design system with CSS custom properties.
Design Tokens
:root {
--app-background: #1e1e1e;
--app-foreground: #d4d4d4;
--app-accent: #34C759;
--app-border: #3c3c3c;
--app-surface: #282828;
}14 Built-in Themes
From Dark and Light to Dracula, Nord, Tokyo Night, Monokai, and Synthwave '84. Surface, card, border, and input colors are derived automatically.
Typography
Rubik — clean geometric sans-serif. Type scale from 10px labels to 30px headings.