---
title: "System themes"
description: "The OnceHub Theme designer provides two system themes for your Booking pages and Master pages. You can use these themes as they are, or adjust them according..."
url: "https://help.staticso2.com/scheduleonce/customization-branding/theme-designer/system-themes"
---

The OnceHub [Theme designer](https://help.staticso2.com/scheduleonce/customization-branding/theme-designer/introduction-to-theme-designer "Introduction to the ScheduleOnce Theme designer") provides two system themes for your [Booking pages](https://help.staticso2.com/scheduleonce/event-types-booking-pages/booking-pages/introduction-to-booking-pages "Introduction to Booking pages") and [Master pages](https://help.staticso2.com/scheduleonce/master-pages-resource-pools/master-pages/introduction-to-master-pages "Introduction to Master pages"). You can use these themes as they are, or adjust them according to your needs.

In this article, you’ll learn about System themes.

## Editing a system theme

[Section titled “Editing a system theme”](#editing-a-system-theme)

1. Go to **Setup → OnceHub setup** and open the lefthand sidebar.

2. In the **Tools** section, select **Theme designer**.

3. Select a System theme from the list on the left hand side of the page (Figure 1). ![](https://help.staticso2.com/_astro/screen-shot-2021-10-10-at-25449-pm.BKFTzwbH_ZzfxLs.png)

   Figure 1: Select a System theme

4. If required, you can add a **header logo**, edit the **button color**, and edit the **button font color**.

5. When you’re done making changes, click **Save**.

## Theme properties of a System theme

[Section titled “Theme properties of a System theme”](#theme-properties-of-a-system-theme)

You can customize the following [Theme properties](https://help.staticso2.com/scheduleonce/customization-branding/theme-designer/theme-properties "Theme properties") of a System theme:

* **Header logo:** This image is visible to your Customers.
* **Button color:** This is the color of the buttons and other properties on your page. It is intended to attract your Customer’s attention to specific elements.
* **Button font color:** This can be used to maximize contrast against the button background color. We recommend keeping it on **Automatic**.

Note

If you want to customize additional Theme properties, you’ll need to [create a Custom theme](https://help.staticso2.com/scheduleonce/customization-branding/theme-designer/custom-themes "Custom themes").

You may need to upgrade your plan to apply a custom theme to your page(s).

## Previewing and applying a System theme

[Section titled “Previewing and applying a System theme”](#previewing-and-applying-a-system-theme)

To preview a theme on a Booking page or Master page, select it from the drop-down menu in the top right of the Theme designer and click the **Preview** button (Figure 2). Previewing a theme does not apply the theme to the page.

![](https://help.staticso2.com/_astro/preview-theme.BgcgJAAh_2vE844.gif)Figure 2: Preview a System theme

[Learn more about applying a theme](https://help.staticso2.com/scheduleonce/customization-branding/theme-designer/applying-theme "Applying a theme ")

### Default theme

[Section titled “Default theme”](#default-theme)

You can set any theme as your default theme, including a system theme. The default theme is automatically applied to all newly created pages, but not to existing pages.

![](https://help.staticso2.com/_astro/default-theme.CyFu3tJk_2wBNGa.gif)Figure 3: Set as default theme

## Available System themes

[Section titled “Available System themes”](#available-system-themes)

* **Light** (This is the default theme) ![](https://help.staticso2.com/_astro/light.BxCM4RZG_1eSDJd.png)

  Figure 4: Light system theme

* **Dark![](https://help.staticso2.com/_astro/dark.DlNNCp0T_15jd0q.png)Figure 5: Dark system theme**