This documentation has moved. For the most recent documentation, check out Please update your bookmarks and links.

Skip to end of metadata
Go to start of metadata

Firstly, an explanation of some terms you will see in this ThemeBuilder documentation

What is a Confluence Theme?

ThemeBuilder is a Theme in the sense that it can be selected as an alternative to the default Confluence theme in Confluence Administration > Look and Feel


What is a ThemeBuilder Skin?

A skin is the collection of editable panels that make up one whole page framework that can be applied to Confluence through ThemeBuilder. You can have multiple skins in the Skin Editor, and each can be applied automatically to individual spaces, pages, actions and similar options, to finely tune the user experience. 

In previous versions of Theme Builder a skin was called the layout.

Skin Editor Overview

Left Panel - Skin actions and tree menu


Icon menu for actions you can apply to skins

(from left to right)

  •  Save changes to selected skin
  •  New skin based on selected skin – new skin becomes child of selected skin
  •  Duplicate selected skin – new skin becomes sibling to selected skin
  •  Reload current skin – refresh to remove unsaved changes
  •  Revert skin to defaults – return to state matching skin it was created from
  •  Delete selected skin


Tree navigation showing all the skins available
Note: ROOT is always at the base of this tree and cannot be edited or deleted



Right Panel - Seven tabs for the editor tools

Click the headings on the left for more information on that item.


Add and edit the skin name and description.


Editor view for theme code, with context colour coding.


Editor for custom CSS, with options for IE only and CSS includes.


Editor for custom JavaScript and JQuery.


Advanced skin, site and SEO options.


Customise the site DOCTYPE, add HTML to the Header, Body and Footer elements.


Set permissions by Confluence group for skin selection and editing, and panel editing.


Add a text or image resource to be used by ThemeBuilder in your skin.




  • No labels