--- title: "Customizing home page themes" slug: "themes" description: "Customize your Document360 home page with unique themes for each workspace or language. Learn how to activate and preview themes easily!" tags: ["Customize KB site", "Themes"] updated: 2026-03-10T08:10:35Z published: 2026-03-10T08:10:35Z --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Customizing home page themes Customize your Home Page with the Document360 themes. You can configure a unique theme for each workspace or language. The following theme options are available in document360: 1. **Engage** 2. **Innovate** 3. **Learn** 4. **Default** --- ## Watch: How to customize Home page themes in Document360 [Embedded content](https://www.floik.com/embed/6c8153d2-2726-4c62-b723-2bd209ff8c39/5e9832ed-d748-4f32-a7e7-7f0442cddb09-flo.html) --- ## Accessing Home page themes To access Home page themes: 1. Navigate to **Settings** (**) > **Knowledge base site** in the left navigation bar****in the Knowledge base portal. 2. In the left navigation pane, navigate to **Site customization**. The **Site customization******page will appear, holding all the basic site design configurations. 3. Click the **Customize site** button on the **Site customization** page. ![Site customization options for branding, including theme selection and logo upload.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Customize-site.png) 4. From the left dropdown, select **Home**. A default design is available for you to customize. The different sections of the Home page are listed on the left, and a **Preview******option is available on the top right. > [!NOTE] > ** NOTE > > Click the **Preview** button to view a static preview of the theme. It is a sample preview of the layout and design of the theme. 1. Click on the **Themes** (**) icon near the **Settings**(**) icon. ![User interface showing project customization options and support resources for Document360.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Home-page-themes.png) The **Themes** panel will appear. 2. Hover over the desired theme and click on the **Activate**button. 3. Click on the**eye** (**) icon to preview the theme you wish to select. 4. To discard a selected theme, click on the **Discard**button. 5. Click **Yes** in the **Discard confirmation** prompt panel. 6. Click **Save******to save your changes without applying them immediately. 7. Click **Preview** to see how your changes will appear on the knowledge base site. 8. Click **Publish******to make your recent changes visible to readers. 9. Click the **More** (**) icon and select **Reset to published version** to discard all saved and unsaved customizations and revert to the last published version. > [!NOTE] > ** NOTE > > The **Reset to published version** feature is available only for new Knowledge base site 2.0 projects created after March 29, 2025. ![Document360 interface showcasing theme options with activation and publishing buttons highlighted.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Home-page-themes-customize.png) ### Theme status You can view the theme status under the selected theme in the theme panel panel. There are three statuses available: 1. **Published** - The theme of the published home page that appears for the end-users. 2. **Draft** - When you change the theme, the **Draft** status appears in the respective theme. 3. **Active** - When you perform **Publish**, the theme with the **Active** status is configured for the home page. The **Active** status appears in the **Published** theme section when you have not changed the theme. The **Active** status appears in the **Draft** theme section when you have changed the theme for current use. ![Theme selection interface showing active, draft, and published statuses for customization.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Home-page-themes-status.png) > [!NOTE] > ** NOTE > > If you have configured custom CSS, the home page may break. To avoid this issue, we recommend removing the existing CSS. ### Theme of a new Workspace When you create a new workspace with the **Create a new workspace** option. The **Default** theme is configured for the home page across all the languages in the new version. For instance, you create a new workspace, "**workspace 6**," with the **Create a new workspace** option. There are 49 languages available, and **English**will be configured as the **Default** language for the theme. When you create a new workspace using the **Select an existing workspace**option, the new workspace will use the same language theme as the existing workspace. For instance, if you create a new workspace and choose an existing **Spanish**workspace, the new workspace will also use the **Spanish** theme. > [!NOTE] > ** NOTE > > When you add a new language to an existing workspace, its home page will use the theme from the default language. ![Adding a new workspace with options for languages and workspace type settings.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/new-workspace.png) ## Related - [Site header and footer](/site-header-and-footer.md)