Documentation

Add or edit themes

Add a new theme

When you add a theme, you can name your theme and select or upload a few key items in the New theme pop-up window to create and easily populate the new theme. All of the options can be edited again later.

To add a new theme, go to the Admin panelUser interface section > Theme page, and click Add theme on the right.



Edit the following items in the New theme pop-up window:

Name: Type a name for your theme in the Name your theme field to differentiate it from other themes on the Theme admin page. This name can be edited later.

Logo: The image you add here is used to populate the site logo, email logo, and the sign-in page. It is not required to add a logo image at this point. Drag and drop or Browse to upload your logo file.

Icon: This icon is used to populate the browser icon, desktop notification icon, and mobile icon fields. By default, the grey ThoughtFarmer leaf icon populates this field. Click Replace to drag and drop or Browse for your own icon file. 

Primary color: The primary color is used for buttons, the background of the main navigation and links. Click on the default color to select a new color from the color picker, or enter a Hex or RGB color code. Various theme color settings will be populated from this selection.

Secondary color: The secondary color is the accent color. It is used to indicate that a tab is selected, and for some icons and other elements. Various theme color settings will be populated from this selection.

Click Save when you are done editing the items in the New theme pop-up window. Your new theme will now appear as an inactive theme on the Theme admin page.

Theme overview and guide

When you click on an existing theme from the Theme Admin page, you will be taken to an overview page for that theme. At a glance you can see the logos, icons, colors and typography that have been selected for the theme. Hover over individual colors to see what the color is used for. You can also see if any Custom HTML, CSS or JavaScript has been added. Click on any of the sections or items to view or edit that tab of the theme.



On the theme overview page, just above the theme sections, click View guide. Navigate the three example images to see where the numbered theme options are applied on the intranet interface.

Edit a theme

To edit a theme, go to the Admin panel: User interface section > Theme page. Click on the theme name or image to go to the Theme overview page. Click on any of the section titles or theme elements to go to the theme editing tabs.

Rename a theme

The theme name serves to differentiate it from other themes on the admin Theme page. It can be edited from the theme overview page, or when editing the theme tabs. Click in the box where the theme name shows at the top. Type the new name. Click Save on the right.

Activate an existing theme

The theme admin page shows a mini-preview and the basic elements of each theme stored on your intranet. Only one theme can be active on the intranet at a time, and the current theme will be labelled Active theme. Any theme stored on the intranet can be made active.


 
  1. Go to the Admin panelUser interface section > Theme page.
  2. Find the theme you want to activate, and click on the three dots on the right of the theme name.
  3. In the dropdown menu that opens, click Set as active. Wait a few moments for the theme to activate. A success message will appear briefly at the top of the page.
  4. Refresh the page for the settings to take effect on the current page. You will see that the new theme has been applied as you navigate around the intranet.

Learn more:

To learn about the different theme sections, see these pages: