Global CSS API

Supported from Jira Software 11.0, Jira Service Management 11.0, Confluence 10.0, Bitbucket 11.0, Bamboo 11.0

All the provided default values are not part of public contract and are subject to change.

Jira

Look and feel

Variable nameDefault value
--jira-color-heroButtonBaseBGColourvar(--ds-background-brand-bold)
--jira-color-heroButtonTextColourvar(--ds-text-inverse)
--jira-color-menuBackgroundColourvar(--ds-surface-overlay-hovered)
--jira-color-menuSeparatorColourvar(--ds-border)
--jira-color-menuTxtColourvar(--ds-text-subtlest)
--jira-color-textActiveLinkColourvar(--ds-link-pressed)
--jira-color-textHeadingColourvar(--ds-text)
--jira-color-textLinkColourvar(--ds-link)
--jira-color-topBackgroundColourvar(--ds-surface)
--jira-color-topHighlightColorvar(--ds-surface-hovered)
--jira-color-topSeparatorBackgroundColorvar(--ds-border)
--jira-color-topTextHighlightColorvar(--ds-text-subtle)
--jira-color-topTextColourvar(--ds-text-subtle)
Gadgets colors
--jira-color-gadgetcolor1var(--ds-background-brand-bold)
--jira-color-gadgetcolor2var(--ds-background-danger-bold)
--jira-color-gadgetcolor3var(--ds-background-accent-orange-subtler-pressed)
--jira-color-gadgetcolor4var(--ds-background-accent-green-bolder-hovered)
--jira-color-gadgetcolor5var(--ds-background-accent-teal-bolder)
--jira-color-gadgetcolor6var(--ds-background-accent-purple-bolder-hovered)
--jira-color-gadgetcolor7var(--ds-background-accent-gray-bolder)

Confluence

Color scheme

Variable nameDefault light valueDefault dark value
--confluence-color-scheme-breadcrumbsTextColor#44546F#9FADBC
--confluence-color-scheme-headerButtonBaseBackgroundColor#0C66E4#579DFF
--confluence-color-scheme-headerButtonTextColor#FFFFFF#1D2125
--confluence-color-scheme-headingTextColor#172B4D#B6C2CF
--confluence-color-scheme-linkColor#0052CC#579DFF
--confluence-color-scheme-menuItemSelectedBackgroundColorrgba(9, 30, 66, 0.06)rgba(161, 189, 217, 0.08)
--confluence-color-scheme-menuItemSelectedTextColor#172B4D#B6C2CF
--confluence-color-scheme-menuItemTextColor#172B4D#B6C2CF
--confluence-color-scheme-searchFieldBackgroundColor#FFFFFF#22272B
--confluence-color-scheme-searchFieldTextColor#626f86#8C9BAB
--confluence-color-scheme-topBarColor#FFFFFF#1D2125
--confluence-color-scheme-topBarMenuSelectedBackgroundColor#E9F2FF#09326C
--confluence-color-scheme-topBarMenuSelectedTextColor#0C66E4#579DFF
Variable nameDefault value
--confluence-custom-logo-content

Bitbucket

To be provided

Bamboo

To be provided

Rate this page: