Themes

Create a unique look and feel for your Refined site.

Themes

A theme determines the look of your site. Choose a pre-set theme, or apply your corporate branding by building your own custom theme.

You can apply different themes to each of your sites. This way, a knowledge base and an intranet can have different looks. You can also create themes for special occasions, like a holiday theme that you temporarily add to your intranet.

Manage themes

  1. Go to the Refined Administration.

  2. Go to the Themes & Styles tab.

Under the Themes & styles heading you find an overview of your themes. A green label shows which themes are currently Active (applied to a site).

Click on a theme’s Cogwheel to:

  • Edit: change the theme in the Theme Editor.

  • Rename: give the theme a new name.

  • Export: download the theme. You can then import (upload) it to another Refined instance.

  • Copy: duplicate the theme.

  • Delete: discard the theme. This can’t be undone.

Below the list of themes are two buttons:

  • Click the Create theme button to make a new theme in the Theme Editor.

  • Click the Import theme button to upload a theme which you previously exported.

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

Apply a global theme

The global theme applies to all sites, unless specified otherwise in a site’s settings.

  1. Go to the Refined Administration.

  2. Go to the Site Builder tab.

  3. Click the Global JSM site’s cogwheel > Edit.

  4. Scroll down to the Theme heading and click Change theme.

Apply a site-specific theme

The site theme applies to all the items in that site (Categories, Jira projects, and JSM portals), unless specified otherwise in an item’s settings.

  1. Go to the Refined Administration.

  2. Go to the Site Builder tab.

  3. Click a site’s Cogwheel > Edit.

  4. Scroll down to the Theme heading and click Change theme.

Apply an item-specific theme

Apply a theme to a specific item: a category, Jira project, or JSM portal.

  1. Go to the Refined Administration.

  2. Go to the Site Builder tab.

  3. Click the item’s Cogwheel > Edit.

  4. Scroll down to the Theme heading and click Change theme.

You can also choose to use Refined only on specific portals.

Export/import a theme

It’s possible to export a theme and import it into another Refined instance.

  • To export a theme, go to the theme overview and click the theme’s Cogwheel > Export.

  • To import a theme, go to the theme overview and click the Import Theme button.

Logos and icons

Personalise your sites by adding logos and icons.

Advanced settings: CSS and HTML

Use CSS and HTML to further customise your site.

This is only recommended for professional front-end developers. We do not offer support for issues caused by custom HTML and CSS.