Page
Set the default properties for all pages
Last updated
Was this helpful?
Set the default properties for all pages
Page sets the default background colour for every page in the project. The selected theme supplies separate light and dark colours, and you can override either appearance for the current project.

Custom Background Color — Light — Overrides the theme background in light appearance.
Custom Background Color — Dark — Overrides the theme background in dark appearance.
Theme Background Color — Light — Shows the light page colour inherited from the selected theme.
Theme Background Color — Dark — Shows the dark page colour inherited from the selected theme.
Choose No color for a custom value when you want the page to follow the selected theme again.
Open Theme Studio → Page.
Leave the custom Light and Dark values unset to use the theme defaults.
To override the theme, choose a palette and shade for Light, Dark, or both.
Preview the project in both appearances.
Check text, links, borders, and form controls for sufficient contrast.
Use a Surface colour for most page backgrounds. This keeps backgrounds coordinated with cards, panels, and text colours across the project.
Individual sections and components can still apply their own backgrounds. The Page value is the default visible wherever no component background covers it.
Last updated
Was this helpful?
Was this helpful?

