> For the complete documentation index, see [llms.txt](https://docs.realmacsoftware.com/elements-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/page.md).

# Page

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.

<figure><img src="/files/MgAzxKliFusWHVDbEYo1" alt="Theme Studio Page panel with custom and theme background colours for light and dark appearance"><figcaption><p>Leave a Custom Background Color unset to use the corresponding Theme Background Color.</p></figcaption></figure>

### Background Colour Settings

* **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.

### How to Set the Page Background

1. Open **Theme Studio → Page**.
2. Leave the custom Light and Dark values unset to use the theme defaults.
3. To override the theme, choose a palette and shade for Light, Dark, or both.
4. Preview the project in both appearances.
5. Check text, links, borders, and form controls for sufficient contrast.

{% hint style="info" %}
Use a [Surface colour](/elements-docs/using-elements/design-and-theming/theme-studio/colors.md) for most page backgrounds. This keeps backgrounds coordinated with cards, panels, and text colours across the project.
{% endhint %}

Individual sections and components can still apply their own backgrounds. The Page value is the default visible wherever no component background covers it.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/page.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.