Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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, including the header and footer.

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:

Table of Contents
stylenone

...

Access the theme overview

...

There are two ways to go to the theme overview:

...

Action

Description

Create a new theme

Click the Create a Themetheme button at the bottom of the page. This gives you a blank canvas in the Theme Editor

Info

To create a new theme based on an existing theme, copy it and and edit the copy.

Copy a theme

Click a theme’s theme's (blue star) Cogwheel > (blue star) Copy.

Edit a theme

Click a theme’s theme's (blue star) Cogwheel > (blue star) Edit to update the theme in open the Theme Editor.

Rename a theme

Click a theme’s theme's (blue star) Cogwheel > Rename.

Export/import a theme

Exporting and importing themes comes in handy when you work with multiple Refined instances.

  1. Click a theme’s theme's (blue star) Cogwheel > (blue star) Export.

  2. Click the Import Themetheme button at the bottom of the page.

Delete a theme

Click a theme’s theme's (blue star) Cogwheel > (blue star) Delete.

Info

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.

...

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

  1. Go to the Site Builderstructure.

  2. Click on the name of your current theme, located in the block with your site’s name in itIn 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).

  3. Select a theme.

...

Apply a theme to a specific Refined

...

Page, space, or project

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

  1. In the Site Builder site structure, click on the item’s Cogwheel >item's (blue star)three dots >(blue star) Settings.

  2. Click on the theme name.

  3. Click the Change Themetheme button.

  4. Select a theme.

...