--- title: Content Hub Settings - Color Themes description: Manage slides in the Content Hub by configuring players, templates, color themes, fonts, and groups for effective visual content display. --- [Skip to content](https://service.netpresenter.com/support/content-hub-settings-color-themes#main-content) [Create support ticket](https://service.netpresenter.com/support/kb-tickets/new?hsLang=en) [Service Center](https://service.netpresenter.com/portal?hsLang=en) [![Netpresenter\_Logo\_2023](https://service.netpresenter.com/hs-fs/hubfs/Netpresenter_Logo_2023.png?width=300&height=72&name=Netpresenter_Logo_2023.png)](https://www.netpresenter.com/) Open main navigation Close main navigation - [Create support ticket](https://service.netpresenter.com/support/kb-tickets/new) - [Service Center](https://service.netpresenter.com/portal) Search the Support Center - There are no suggestions because the search field is empty. 1. [Support Center](https://service.netpresenter.com/support?hsLang=en) 2. [Settings](https://service.netpresenter.com/support/settings?hsLang=en) # Content Hub Settings - Color Themes ## Color Themes define the palette that Publishers apply to Slides, Article Slides, Lock Screens, and Wallpapers at content-creation time. Each theme stores eight color values — Primary, Secondary, Surface, Background, and a readable text color for each — from which Content Hub automatically derives Light and Dark variants. > Admins manage the available themes from **Settings → Appearance → Color Themes**; Publishers choose a theme from the Design panel when building a Slide. > > By default, ten themes are available (Black, Blue, DHL, Green, Netpresenter, Orange, Pink, Purple, Red, Yellow). You can edit existing themes, add new ones, import themes from a file, and export themes for reuse across tenants.   ### Prerequisites - **Account Type:** System Administrator. - No external system access is required. ### Procedure #### Step 1 — Open Color Themes In the Settings left navigation, expand **Appearance** and select **Color Themes**. ![](https://service.netpresenter.com/hs-fs/hubfs/image-png-Jul-10-2026-07-58-27-5381-AM.png?width=243&height=326&name=image-png-Jul-10-2026-07-58-27-5381-AM.png) The **Color Themes** list opens. Each row shows a two-color swatch (Primary and Secondary colors) and the theme name. By default, 10 themes are listed. ![](https://service.netpresenter.com/hs-fs/hubfs/image-png-Jun-26-2026-07-52-22-4835-AM.png?width=670&height=457&name=image-png-Jun-26-2026-07-52-22-4835-AM.png) Use the **Find a Color Theme** search box or the **Sort by** dropdown (default: Name) to locate a specific theme. #### Step 2 — Create a new Color Theme 1. Select **Add new** in the top-right. 2. The **Edit Color Theme** form opens. Enter a **Name** (required). 3. Fill in the eight color fields under **Colors** (see the Reference table below for what each field controls). 4. Use the **Preview** panel on the right to verify the result — switch between the **SCHEMATIC** tab (color palette view with auto-derived Light and Dark variants) and the **TEMPLATE** tab (live template preview with a **Select a template** dropdown). 5. Select **Save changes**. ![](https://service.netpresenter.com/hs-fs/hubfs/image-png-Jun-26-2026-07-52-38-3622-AM.png?width=670&height=638&name=image-png-Jun-26-2026-07-52-38-3622-AM.png) > **Pro tip:** Use the **TEMPLATE** tab to spot contrast issues before saving. Choose the template your team uses most from the dropdown and verify that text is readable against each background color. #### Step 3 — Edit an existing Color Theme 1. Hover over a theme row to reveal the inline actions on the right. 2. Select the **Edit** icon (pencil). 3. Update the **Name** or any color values. 4. Check the **Preview** panel — changes reflect immediately. 5. Select **Save changes**. ![](https://service.netpresenter.com/hs-fs/hubfs/image-png-Jun-26-2026-07-52-55-5501-AM.png?width=670&height=638&name=image-png-Jun-26-2026-07-52-55-5501-AM.png) > **Heads up:** Changes to a Color Theme take effect immediately for all new content. Existing published Slides that use this theme will also reflect the updated colors the next time they are rendered on a Slide Player. #### Step 4 — Export a Color Theme Hover over a theme row and select the **Export** icon (download). The theme is saved as a file to your local machine. Use this to back up a theme before editing or to copy it to another tenant. #### Step 5 — Import a Color Theme 1. Select **Import** in the top-right of the Color Themes page. 2. Choose the theme file from your local machine (exported from Content Hub). 3. The imported theme appears in the list immediately. > **Important:** Importing a theme with the same name as an existing theme may overwrite or duplicate it — verify the name after import. #### Step 6 — Delete a Color Theme 1. Hover over a theme row and select the **Delete** icon (trash). 2. Confirm the deletion. > **Important:** Deleting a Color Theme is irreversible. Slides that were built using the deleted theme will fall back to the default colors defined by the template. Export the theme first if you may need to restore it. ### Verification After saving a new or updated theme, open the Slide editor as a Publisher (or in a test account) and check the **Color Theme** dropdown in the Design panel. The new or updated theme should appear there by name. - [Content Creation](https://service.netpresenter.com/support/content-creation?hsLang=en) - [Settings](https://service.netpresenter.com/support/settings?hsLang=en) - [Configurations](https://service.netpresenter.com/support/configurations?hsLang=en) - [Requirements](https://service.netpresenter.com/support/requirements?hsLang=en) - [Deployment](https://service.netpresenter.com/support/deployment?hsLang=en) - [Security](https://service.netpresenter.com/support/security?hsLang=en) - [Cloud Services](https://service.netpresenter.com/support/cloud-services?hsLang=en) - [Guides](https://service.netpresenter.com/support/guides?hsLang=en) - [Product Sheets](https://service.netpresenter.com/support/product-sheets?hsLang=en) [![Netpresenter\_Logo\_2023\_500x75px](https://service.netpresenter.com/hs-fs/hubfs/Netpresenter_Logo_2023_500x75px.png?width=250&height=38&name=Netpresenter_Logo_2023_500x75px.png "Netpresenter_Logo_2023_500x75px")](https://www.netpresenter.com/) The visual employee and emergency communications platform © 2026 Netpresenter