How the preview decides
After each change, the theme reports whether the open page can be restyled or has to be rendered again. Settings that only change the page's styles apply instantly; settings that change its content reload the preview at the same scroll position.
Changing the Style preset applies instantly unless the new preset also changes a reload setting (for example, its dark mode), in which case the preview reloads.
Which settings apply instantly is up to each theme; the lists below are for Vitrine and Confetti.
Vitrine
| Section | Instant | Reload |
|---|---|---|
| Style preset | Style preset | — |
| Colors | Primary color, Secondary color, Accent color, Page background, Text color, Link color, Heading color, Guarantee readable contrast, Keyboard focus color | — |
| Dark mode | Dark mode background | Dark mode, Logo for dark mode |
| Typography | Heading font, Body font, Base text size, Heading size contrast, Heading weight, Heading capitalization, Link underlines | — |
| Layout & shape | Maximum page width, Reading width, Corners, Button shape, Button style, Spacing, Shadows | — |
| Header | Logo size, Header layout, Header color | Logo, Site title, Tagline, Keep the header visible while scrolling, Search, Header button label, Header button link, Menu levels |
| Announcement bar | Announcement bar color | Announcement |
| Footer | Footer color | Footer columns 1–3, Repeat the main menu's top level in the footer, Social media links, Contact page, Accessibility statement page, Privacy policy page, Copyright line, Show a "Back to top" link |
| Funders & partners | — | Heading, Logos 1–4 and their links |
| Browse pages | Card style, Card image shape, Card image fit, Card size | Default layout, Let visitors switch between grid and list, Description on cards |
| Item & media pages | — | Page layout, Shorten long value lists |
| Site icon & sharing | — | Site icon, Default sharing image, Add search engine and sharing tags |
| Advanced | Custom CSS | — |
Confetti
| Section | Instant | Reload |
|---|---|---|
| Colors & fonts | Color palette, Heading font, Text font, Decorations | — |
| Dark mode | — | Dark mode, Logo for dark mode |
| Header | Logo size, Header layout, Header color | Logo, Site title, Tagline, Keep the header visible while scrolling, Search, Header button label, Header button link, Menu levels |
| Announcement bar | — | Announcement |
| Footer | — | Footer columns 1–3, Social media links, Contact page, Accessibility statement page, Privacy policy page |
| Site icon & sharing | — | Site icon, Default sharing image |
| Advanced | Custom CSS | — |