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

# Create a custom theme

> Define brand colors, typography, and logo settings in Presenton Cloud, then apply the custom theme to a presentation.

Create a custom theme in Presenton Cloud when you want future presentations to follow your brand colors, typography, and logo instead of the built-in theme styles.

## Before you start

* Decide on your primary brand color and background color before you begin.
* Keep your company name ready if you want it to appear in the theme.
* Prepare your logo file and any custom font files if your brand uses them.

<Note>
  Presenton builds a theme in four stages: **Brand**, **Palette**, **Fonts**, and **Logo**. You can review the live preview while moving through each step.
</Note>

## Create a new theme

### Open the Themes area

<Steps>
  <Step title="Open Themes from the sidebar">
    In the left navigation, click **Themes**.

    <Frame caption="Open the Themes section from the main sidebar">
      <img src="https://mintcdn.com/presenton-521d9e2f/WyZNN3npwarofQJS/images/cloud/create-custom-theme/open-themes-from-sidebar.png?fit=max&auto=format&n=WyZNN3npwarofQJS&q=85&s=acdc3f42cd0b2e917ff9b7a0948f72de" alt="Presenton Slide Presentations page with the Themes option highlighted in the left sidebar" width="1834" height="987" data-path="images/cloud/create-custom-theme/open-themes-from-sidebar.png" />
    </Frame>
  </Step>

  <Step title="Start a new custom theme">
    On the Themes page, click **New Theme**.

    <Frame caption="Start creating a theme from the Themes page">
      <img src="https://mintcdn.com/presenton-521d9e2f/WyZNN3npwarofQJS/images/cloud/create-custom-theme/themes-page-new-theme-button.png?fit=max&auto=format&n=WyZNN3npwarofQJS&q=85&s=deff762eaee765460b69987ca49419f5" alt="Presenton Themes page showing built-in themes and the New Theme button in the top-right corner" width="1834" height="987" data-path="images/cloud/create-custom-theme/themes-page-new-theme-button.png" />
    </Frame>
  </Step>
</Steps>

### Set the brand colors

<Steps>
  <Step title="Enter the base brand colors">
    In the **Brand Colors** step, set your **Primary Color** and **Background Color**, then click **Generate theme palette**.

    <Frame caption="Define the primary and background colors for the new theme">
      <img src="https://mintcdn.com/presenton-521d9e2f/WyZNN3npwarofQJS/images/cloud/create-custom-theme/brand-colors-generate-palette.png?fit=max&auto=format&n=WyZNN3npwarofQJS&q=85&s=d587c52755495adebad387fe5ccdf842" alt="Presenton New Custom Theme flow on the Brand step with Primary Color and Background Color fields and a Generate theme palette button" width="1834" height="987" data-path="images/cloud/create-custom-theme/brand-colors-generate-palette.png" />
    </Frame>
  </Step>
</Steps>

<Tip>
  Start with colors that already work well together in your brand. Presenton uses these inputs to generate the broader palette for cards, text, and chart accents.
</Tip>

### Review and refine the generated palette

<Steps>
  <Step title="Check the generated palette values">
    Review the generated colors for background text, primary text, card color, and chart accents. Update any values that need adjustment.

    <Frame caption="Review the full generated palette before moving on">
      <img src="https://mintcdn.com/presenton-521d9e2f/WyZNN3npwarofQJS/images/cloud/create-custom-theme/palette-step-continue-to-fonts.png?fit=max&auto=format&n=WyZNN3npwarofQJS&q=85&s=76434360ced0598bc4dff4ca0b1754ec" alt="Presenton Palette step showing generated color values for text, cards, and graph or chart colors with a Continue to Fonts button" width="1834" height="987" data-path="images/cloud/create-custom-theme/palette-step-continue-to-fonts.png" />
    </Frame>
  </Step>

  <Step title="Continue to the font step">
    When the palette looks correct in the preview, click **Continue to Fonts**.
  </Step>
</Steps>

<Note>
  Use this step to catch contrast problems early. If the preview text becomes hard to read against the background, adjust the palette before continuing.
</Note>

### Choose the typography

<Steps>
  <Step title="Pick a preset font or upload a custom font">
    In the **Typography** step, either choose one of the preset fonts or upload your own font file.

    <Frame caption="Choose a font preset or upload a custom font">
      <img src="https://mintcdn.com/presenton-521d9e2f/WyZNN3npwarofQJS/images/cloud/create-custom-theme/fonts-step-upload-custom-font.png?fit=max&auto=format&n=WyZNN3npwarofQJS&q=85&s=564dbf2de45d1ea78c99997435b5f086" alt="Presenton Typography step showing preset font options and an Upload Font File area for custom fonts" width="1831" height="982" data-path="images/cloud/create-custom-theme/fonts-step-upload-custom-font.png" />
    </Frame>
  </Step>

  <Step title="Continue after confirming the font choice">
    Review the live preview with your selected font, then click **Continue to Design** to move to the last step.

    <Frame caption="Continue after confirming the theme typography">
      <img src="https://mintcdn.com/presenton-521d9e2f/WyZNN3npwarofQJS/images/cloud/create-custom-theme/fonts-step-continue-to-logo.png?fit=max&auto=format&n=WyZNN3npwarofQJS&q=85&s=59b37c8f235af88a827c80d3fbcc62fd" alt="Presenton Typography step with a selected font and the Continue to Design button visible" width="1831" height="982" data-path="images/cloud/create-custom-theme/fonts-step-continue-to-logo.png" />
    </Frame>
  </Step>
</Steps>

<Tip>
  If your brand depends on a specific typeface, upload the actual font file instead of choosing a visually similar preset.
</Tip>

### Add branding details and save the theme

<Steps>
  <Step title="Enter the company name and upload the logo">
    In the final step, enter the **Company Name** and upload the **Brand Logo** if you want those elements to appear in the theme.

    <Frame caption="Add the brand name and logo before saving the theme">
      <img src="https://mintcdn.com/presenton-521d9e2f/WyZNN3npwarofQJS/images/cloud/create-custom-theme/logo-step-save-custom-theme.png?fit=max&auto=format&n=WyZNN3npwarofQJS&q=85&s=04792e10ec7e11ec778b7d1e849fe8ed" alt="Presenton final theme step showing fields for Company Name and Brand Logo and the Save as Custom Theme button" width="1831" height="982" data-path="images/cloud/create-custom-theme/logo-step-save-custom-theme.png" />
    </Frame>
  </Step>

  <Step title="Save the custom theme">
    Click **Save as Custom Theme** to create the new theme.
  </Step>

  <Step title="Confirm that the theme appears in your custom themes">
    After saving, return to the Themes page and verify that the new theme is listed under the **Custom** tab.

    <Frame caption="The saved custom theme listed on the Themes page">
      <img src="https://mintcdn.com/presenton-521d9e2f/WyZNN3npwarofQJS/images/cloud/create-custom-theme/custom-theme-saved.png?fit=max&auto=format&n=WyZNN3npwarofQJS&q=85&s=bbbb3ebc32dbd791b1100a32742d12c4" alt="Presenton Themes page with the Custom tab selected and a newly created custom theme card visible" width="1831" height="982" data-path="images/cloud/create-custom-theme/custom-theme-saved.png" />
    </Frame>
  </Step>
</Steps>

## Apply the new theme to a presentation

<Steps>
  <Step title="Open the presentation editor and open the theme picker">
    In the editor, click **Theme** in the top toolbar.

    <Frame caption="Open the theme picker from the presentation editor">
      <img src="https://mintcdn.com/presenton-521d9e2f/WyZNN3npwarofQJS/images/cloud/create-custom-theme/editor-open-theme-picker.png?fit=max&auto=format&n=WyZNN3npwarofQJS&q=85&s=c91c30c5de3a476938020047bf6d0c42" alt="Presenton presentation editor with the Theme button highlighted in the top toolbar" width="1831" height="982" data-path="images/cloud/create-custom-theme/editor-open-theme-picker.png" />
    </Frame>
  </Step>

  <Step title="Select the custom theme">
    In the theme picker, choose the custom theme you created.

    <Frame caption="Select the saved custom theme from the theme picker">
      <img src="https://mintcdn.com/presenton-521d9e2f/WyZNN3npwarofQJS/images/cloud/create-custom-theme/theme-picker-select-custom-theme.png?fit=max&auto=format&n=WyZNN3npwarofQJS&q=85&s=ea72068a34a415bad0080e96dd48697c" alt="Presenton theme picker open in the presentation editor with the new custom theme visible among the available themes" width="965" height="671" data-path="images/cloud/create-custom-theme/theme-picker-select-custom-theme.png" />
    </Frame>
  </Step>

  <Step title="Review the applied theme on the slides">
    Confirm that the presentation updates to the new colors, text styling, and branding.

    <Frame caption="A presentation after the custom theme has been applied">
      <img src="https://mintcdn.com/presenton-521d9e2f/WyZNN3npwarofQJS/images/cloud/create-custom-theme/custom-theme-applied-to-presentation.png?fit=max&auto=format&n=WyZNN3npwarofQJS&q=85&s=ef035729e8f6c4453b161abd59355c59" alt="Presenton presentation editor showing a presentation updated with the newly applied custom theme" width="1826" height="962" data-path="images/cloud/create-custom-theme/custom-theme-applied-to-presentation.png" />
    </Frame>
  </Step>
</Steps>

## Verify the result

<Check>
  The custom theme appears in your Themes list and can be applied from the editor’s theme picker to update the presentation styling.
</Check>

## Next steps

* Apply the theme to a new presentation and check how it looks across multiple slide types.
* Refine the colors or fonts if the presentation needs stronger contrast or different typography.
* Create additional themes for different brands, clients, or presentation styles.
