ThemeBuilder for Confluence Server and DC

New Skin Based on ROOT

ROOT is the Default Skin.
ThemeBuilder comes with a ROOT skin that closely resembles the default theme in Confluence 5.

Use ROOT as a Template

root skin 01
  1. Click on the ROOT skin and the ‘New skin based on selected skin’ button will be highlighted in the row of icons above. This acts like a ‘clone’ button.

  2. Click the button and in the popup window enter a skin name. This must be all one word. ThemeBuilder will capitalise this name to avoid inconsistencies with upper or lower case letters.

  3. When your new skin appears in the left hand navigation, click on it to make it active in the skin editor.

  4. The skin name and description can be changed in the Overview panel to make them more identifiable.

    root skin 02
  5. Click on the Save button in the Skin Editor menu.

Customising Page Framework or Content

The Skin Editor shows a list of panels available for customisation. You can also create new panels. You can edit, move or remove any of the existing content to change the output of any Confluence page.

To work with panels, click the Panels tab in the Skin Editor.

If you used Theme Builder you will notice that this area is substantially different in ThemeBuilder.

Customising Styling

The Atlassian Confluence styling has been included n the ROOT theme to provide a base that includes all the default look and feel, plus any Atlassian User Interface styles. You may add your own styling using the ThemeBuilder Skin Editor - CSS screen.

Using Additional Resources

ThemeBuilder has a Resources screen for uploading files such as image, CSS and JavaScript, that you want to use with a skin.