Builder

Using Styles to create theme variations

Styles let you create multiple variations of your theme within a single project — like a dark version and a light version. IMPORTANT: Styles are NOT pages. Pages are swipeable screens on the car (all ship together). Styles are design variations (only the active one ships). See 'Pages vs Styles' in the help center for the full explanation. How Styles Work: - Your project starts with Style 1 — this is your main design - Click the + button in the toolbar to add a new style - The new style is a complete copy of your current design (all pages included) - Rename it to something descriptive like 'Night Mode' or 'Sport' - Make your changes — swap colors, adjust layouts, try new ideas - You can have up to 8 styles in one project Key Concept — Only the Active Style Gets Exported: When you push to the car or export a .saint file, only the style you're currently on gets exported. The other styles stay safely in your .saintstudios project file. Example Workflow: 1. Design your main theme in Style 1, name it 'Carbon Dark' 2. Click + to create Style 2 (duplicates everything), name it 'Carbon Light' 3. Change the background colors, panel colors, and text to light variants 4. Select Style 1 → Push → car gets Carbon Dark (all 4 pages) 5. Select Style 2 → Push → car gets Carbon Light (all 4 pages) 6. Both appear in the car's theme switcher as separate themes Styles are also great for experimenting. Duplicate your finished design, try wild changes, and if you don't like them, just delete the style. Your original is untouched. All styles are saved together when you save your project. Nothing is lost.
Last updated: Mar 28, 2026