Themes

Themes play an important role in the look of your sites, together with the page designs you create with the Page Builder. Themes determine the general look of multiple pages on your site.

You can create different themes for different sites – all in your organization’s branding. This way, your intranet and documentation site can have different looks but still clearly belong to your brand’s style. You can also create themes for special occasions, like a holiday theme that you temporarily add to your intranet.

On this page:

1 Access the theme overview
2 Manage themes
3 Apply a main theme to a site
4 Apply a theme to a specific Refined Page, space, or project

Access the theme overview

There are two ways to go to the theme overview:

Go to the Refined Administration and click Themes in the left-hand menu.
Go to any of your Refined sites and use the keyboard shortcut T.

Manage themes

In the theme overview, you can manage your themes:

Action	Description

Action	Description
Create a new theme	Click the Create theme button at the bottom of the page. This gives you a blank canvas in the Theme Editor. To create a new theme based on an existing theme, copy it and and edit the copy.
Copy a theme	Click a theme's Cogwheel > Copy.
Edit a theme	Click a theme's Cogwheel > Edit to open the Theme Editor.
Rename a theme	Click a theme's Cogwheel > Rename.
Export/import a theme	Exporting and importing themes comes in handy when you work with multiple Refined instances. Click a theme's Cogwheel > Export. Click the Import theme button at the bottom of the page.
Delete a theme	Click a theme's Cogwheel > Delete.

You can also go to the Theme Editor directly from a Refined site. In the navigation menu click the Cogwheel > Edit current theme. Alternatively, use the keyboard shortcut Shift + E.

Apply a main theme to a site

This main site theme applies to your entire site, except for the Refined Pages, spaces and projects that have their own specific theme set (see the paragraph below).

Go to the Site structure.
In the home page item (located at the top of the structure, and has the same name as your site), click “Site theme: (current theme name)”.
Select a theme.

This site has a theme called Octo ITSM applied to it.

Apply a theme to a specific Refined Page, space, or project

Customize the look of specific Refined pages, spaces and projects.

In the site structure, click on the item's three dots > Settings.
Click on the theme name.
Click the Change theme button.
Select a theme.