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.
Prior to the major releases, the variables and names are subject to change.
| Variable name | Default value |
|---|---|
| --jira-color-heroButtonBaseBGColour | var(--ds-background-brand-bold) |
| --jira-color-heroButtonTextColour | var(--ds-text-inverse) |
| --jira-color-menuBackgroundColour | var(--ds-surface-overlay-hovered) |
| --jira-color-menuSeparatorColour | var(--ds-border) |
| --jira-color-menuTxtColour | var(--ds-text-subtlest) |
| --jira-color-textActiveLinkColour | var(--ds-link-pressed) |
| --jira-color-textHeadingColour | var(--ds-text) |
| --jira-color-textLinkColour | var(--ds-link) |
| --jira-color-topBackgroundColour | var(--ds-surface) |
| --jira-color-topHighlightColor | var(--ds-surface-hovered) |
| --jira-color-topSeparatorBackgroundColor | var(--ds-border) |
| --jira-color-topTextHighlightColor | var(--ds-text-subtle) |
| --jira-color-topTextColour | var(--ds-text-subtle) |
| Gadgets colors | |
| --jira-color-gadgetcolor1 | var(--ds-background-brand-bold) |
| --jira-color-gadgetcolor2 | var(--ds-background-danger-bold) |
| --jira-color-gadgetcolor3 | var(--ds-background-accent-orange-subtler-pressed) |
| --jira-color-gadgetcolor4 | var(--ds-background-accent-green-bolder-hovered) |
| --jira-color-gadgetcolor5 | var(--ds-background-accent-teal-bolder) |
| --jira-color-gadgetcolor6 | var(--ds-background-accent-purple-bolder-hovered) |
| --jira-color-gadgetcolor7 | var(--ds-background-accent-gray-bolder) |
| Variable name | Default light value | Default 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-menuItemSelectedBackgroundColor | rgba(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 name | Default value |
|---|---|
| --confluence-custom-logo-content |
Variables are loaded before the AUI theme styles by com.atlassian.lookandfeel.lookandfeel-plugin:styles web resource. The values can be set in the product Look and Feel customization settings.
AUI Documentation: https://aui.atlassian.com/aui/9.13/docs/look-and-feel.html
| Variable name | Description |
|---|---|
| --atl-theme-header-bg-color | Sets app header background. Sets item text color to contrast with the background unless the text color is customized. |
| --atl-theme-header-item-text-color | Sets text color for regular items in the header. If not set, the appropriate value --ds-text will be used to contrast with the background. |
| --atl-theme-header-primary-button-bg-color | Sets background for the primary button in the header. Sets its text color to contrast with the background unless the text color is customized. |
| --atl-theme-header-primary-button-text-color | Sets text color for the primary button in the header. If not set, the of --ds-text-inverse will be used to contrast with the background. |
| --atl-theme-header-logo-image | For the CSS mode of logo rendering, applies the background-image property on the .aui-header-logo-device element. Use in conjunction with the --atl-theme-header-logo-width (see below), otherwise the logo won't be visible. |
| --atl-theme-header-logo-width | For the CSS mode of logo rendering, applies width on the .aui-header-logo-device element. |
Variables are loaded before the AUI theme styles by com.atlassian.lookandfeel.lookandfeel-plugin:styles web resource. The values can be set in the product Look and Feel customization settings.
AUI Documentation: https://aui.atlassian.com/aui/9.13/docs/look-and-feel.html
| Variable name | Description |
|---|---|
| --atl-theme-header-bg-color | Sets app header background. Sets item text color to contrast with the background unless the text color is customized. |
| --atl-theme-header-item-text-color | Sets text color for regular items in the header. If not set, the appropriate value --ds-text will be used to contrast with the background. |
| --atl-theme-header-primary-button-bg-color | Sets background for the primary button in the header. Sets its text color to contrast with the background unless the text color is customized. |
| --atl-theme-header-primary-button-text-color | Sets text color for the primary button in the header. If not set, the of --ds-text-inverse will be used to contrast with the background. |
| --atl-theme-header-logo-image | For the CSS mode of logo rendering, applies the background-image property on the .aui-header-logo-device element. Use in conjunction with the --atl-theme-header-logo-width (see below), otherwise the logo won't be visible. |
| --atl-theme-header-logo-width | For the CSS mode of logo rendering, applies width on the .aui-header-logo-device element. |
Rate this page: