> ## Documentation Index
> Fetch the complete documentation index at: https://help.hoopai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Dashboard theme

> Apply a color theme to your dashboard to match your brand and improve visual clarity for your team.

Your dashboard is the face of your account. Adding custom colors and themes makes it feel more personal, easier to read, and aligned with your brand identity. Dashboard themes let you quickly switch between preset color schemes or build a fully custom palette.

<Note>
  Theme settings are per-dashboard. Changes you make to a theme apply only to the dashboard you currently have selected. Custom theme colors are preserved when you clone a dashboard.
</Note>

## Setting a dashboard theme

<Steps>
  <Step title="Enter edit mode">
    Click the **pencil icon** in the top-right corner of the Dashboard section to enter edit mode.
  </Step>

  <Step title="Open the Themes tab">
    Click **+Add Widget** to open the right-side panel, then switch to the **Themes** tab.

    <Frame caption="The Themes tab for selecting a dashboard color scheme">
      <img src="https://mintcdn.com/hoopai-84ec0cdc/E5RqsVYHqu08Wwk2/images/dashboard-theme-themes-tab.png?fit=max&auto=format&n=E5RqsVYHqu08Wwk2&q=85&s=6dc1f2fa956c4b8e6ad8d4caa5ce46aa" alt="Themes tab in the widget panel" width="1604" height="784" data-path="images/dashboard-theme-themes-tab.png" />
    </Frame>

    Selecting one of the predetermined options immediately switches your dashboard's color scheme.
  </Step>

  <Step title="Create a custom theme">
    Click the **paint palette icon** to open the custom color settings.

    <Frame caption="Custom color settings for personalizing dashboard widget colors">
      <img src="https://mintcdn.com/hoopai-84ec0cdc/E5RqsVYHqu08Wwk2/images/dashboard-theme-custom-colors.png?fit=max&auto=format&n=E5RqsVYHqu08Wwk2&q=85&s=8e6c9ae00fb27d90be8c659eda3c0692" alt="Custom dashboard theme colors" width="595" height="353" data-path="images/dashboard-theme-custom-colors.png" />
    </Frame>

    Set your desired colors for each element — including widget backgrounds, chart colors, text, and borders. You have full control over each part of your widgets and charts.
  </Step>

  <Step title="Save changes">
    Once you are satisfied with your colors, click **Save Changes** to apply the theme to your dashboard.
  </Step>
</Steps>

<Frame caption="Dashboard theme scope — themes apply per dashboard and carry over when cloning">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/E5RqsVYHqu08Wwk2/images/dashboard-overview-customize.png?fit=max&auto=format&n=E5RqsVYHqu08Wwk2&q=85&s=7d929dd149b950c060051f89c4233659" alt="Dashboard theme overview" width="1588" height="228" data-path="images/dashboard-overview-customize.png" />
</Frame>

## Theme scope

* Themes are applied per dashboard — if you manage multiple dashboards, you need to configure the theme separately for each one
* When you **clone a dashboard**, the custom theme colors are carried over to the cloned copy
* Theme changes do not affect other users' dashboards or the platform's global appearance