Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Content Layer
namePage Info
id1430636829
classwatermark-layer
Content Column
background-colortransparent
namePage Body
width85%
id1430636831
Content Block
background-colortransparent
namePrompt
rich-link-hoverstrue
id803166595
classtight glossary-prompt-flex

A pre-defined set of colors in your theme

Content Block
nameDefinition
rich-link-hoverstrue
id1097762051
classdefinition-block glossary-definition-flex

Designers can create palettes In any theme, a palette of pre-defined colors is determined for users to access (in addition to the color picker) so that color use can easy user access, allowing color use to stay true-to-brand. Building color palettes requires permission to access the Theme DesignerAdditionally, these palettes determine how color selection cascades out into an overall theme design.

There are three different palettes you can work with.palette areas:

The Core PaletteThe Tints and Shades PaletteThe Grays Palette

These are three distinct colors that can be used to identify a space for a company, a department, a product, or a specific activity.

This palette defines light, medium and dark tints/shades that coordinate with the Core Palette.

This palette of white, light gray, medium gray, and dark gray is used to provide emphasis and variety.

 Creating these color palettes doesn't prevent users from choosing other colors.

  • The palette options are displayed directly below the color picker in any color selection context, within the Theme Press Designer.
  • Additionally, the palette options are the first options in the Confluence editor color picker.
  • Creating these color palettes does not prevent users from choosing other colors.

Content Block
nameInfo
rich-link-hoverstrue
id894573203
classglossary-info-flex
collapsiblecollapse
Info

If using:

  1. Replace me with something to note about this concept that falls outside the scope of the Definition section; and
  2. Add the tight-bottom class to the Definition block above to narrow the gap between the two blocks.
Content Layer
background-color$lightGrayColor
nameRelated
id888168050
Content Column
nameRelated
width100%
id888168051
Content Block
rich-links-hide-descriptiontrue
rich-links-hide-site-namefalse
rich-link-hoverstrue
rich-links-columns4
rich-links-verticaltrue
background-colortransparent
rich-links-image-height100px
rich-links-hide-site-icontrue
rich-links-details-padding10px
nameRelated
rich-links-enabletrue
rich-links-details-alignmentleft
rich-links-margin20px 30px 0 0
id496234544
classrelated-block clean glossary-related-flex