Applying a Theme to a Space

Content Layer

name	Page Info
id	278129461
class	watermark-layer

Content Column

name	Page Body
width	100.00001%
id	278129463

Content Block

background-color	transparent
name	Prompt
id	494677873
class	tight manual-prompt-flex

As a designer you have the ability to apply or change the default site theme, and you can override the default site theme on a space-level basis. Give your space a look and feel unique from the default site theme.

Confluence Theme vs. Theme Press Theme

The word THEME is used by Atlassian to define applying a theming add-on, like Theme Press. Additionally, Brikit uses the word THEME to define the overall branded design applied within the Theme Press environment. Under Site Theme in Confluence Administration, Brikit Theme Press should be your Current Theme.There may be situation where you'd like a specific space to a have a different theme than the rest of the site. Instead of changing the default site theme, the steps below describe how to apply a theme to just one space.

Content Block

name	Outcome
rich-link-hovers	true
id	1042866408
class	tight manual-outcome-flex

HTML Wrap

class	callout

To apply a Theme Press theme to a space or site you must already have the Brikit Theme Press Add-on installed in your instance of Confluence. If you haven't done this yet, or aren't sure, you'll need to confirm with your Platform Administrator, Systems Administrator or Network Manager. Learn more about installing Theme Press here.

Vanilla, a built-in theme, is automatically set as the default site theme when Theme Press is installed. Any new space created in the site will use the default site theme when the space is created (as will each page in the space.) Additionally, this default site theme is used for all Confluence admin pages, such as the user profile page, and is automatically applied to the Theme Press Default space, which houses the architect pages used by Theme Press to populate banners, headers, menus, footers, and page designs (layouts).

The sections below will help you learn how to set your default site theme, and how to override it on a specific space.

HTML Wrap

class	callout

Content Block

name	Steps
rich-link-hovers	true
id	494842117
class	steps-block numbered manual-steps-flex tight-bottom

Open the Theme Press Designer by pressing the "." (period, full stop) key.
Click on the Space Tab. (note: in previous versions, it was called the Architect Tab).
Expand the Space Theme accordion.
Click the Use Space Theme button

Changing the defualt site theme

As a designer, you change the theme to which all Theme Press spaces default. Use the following procedures to set the site default.

Open the Theme Press Designer and choose the Theme tab.
Under the Themes section, expand the Site Theme accordion.
Click the magnifying glass to the right of the Site the Space Theme setting setting.
Select a theme from the the Available Themes section section.
The The Change Site Default Space Theme window window opens.
Confirm Click the OK button to confirm the change by checking the box.Click the OK button and wait for the theme to update.

If you don't want numbers in the section headings, simply remove the "numbered" class from this block.

Note/Tip/Warning/Info blocks below are collapsed by default. If you want to use any of these, try to keep to just one per page. You may use two if necessary, but in general, try to limit these.

HTML Wrap

class	docs-screenshot

Image Added

Content Block

name	Note
rich-link-hovers	true
id	495965127
class	manual-note-flex	collapsible	collapse

Note

If using:

Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and

Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks

you don't see the Space tab when you open the Designer, it likely means you do not have permissions set up to do so. Contact your Administrator, who can grant access to this tab.

Content Block

name	Tip
rich-link-hovers	true
id	894522670
class	manual-tip-flex
collapsible	collapse

Tip

If using:

Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

Content Block

name	Warning
rich-link-hovers	true
id	894530759
class	manual-warning-flex
collapsible	collapse

Warning

If using:

Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

Content Block

name	Info
rich-link-hovers	true
id	894537203
class	manual-info-flex
collapsible	collapse

Info

If using:

Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

Content Layer

background-color	$lightGrayColor
name	Related
id	888168050

Content Column

name	Related
width	100%
id	888168051

Content Block

rich-links-hide-description	true
rich-link-hovers	true
rich-links-columns	4
rich-links-vertical	true
rich-links-image-height	100px
rich-links-hide-site-icon	true
rich-links-details-padding	10px
name	Related
rich-links-enable	true
border-width	0
rich-links-details-alignment	left
rich-links-margin	20px 30px 0 0
id	496234544
class	related-block clean manual-related-flex

Changing the Default Site Theme
Theme Design
Replace me with a link
Replace me with a link
Aim for 4 or fewer related links. If we need more, that's okay. Be judicious. Delete me when you're done.

Page tree

Transform Your Digital Workplace

Industry Expertise

Inform Your Strategic Direction

Redefining Work

Documentation and Support

Versions Compared

Old Version 11

New Version Current

Key

Changing the defualt site theme

Platform

Company

Support

Brikit Services