Bootstrap theme there are have 6 main color scheme include primary, success, danger, warning and info, these color scheme also available on our color system.
For most components and element styles, colors are applied using Atlassian design’s design tokens.
Theme colors
We use a subset of all colors to create a smaller color palette for generating color schemes.
| Description | Light value | Dark value |
|---|---|---|
Text The default text color of body. | ||
background The default background color of body. | ||
Secondary Used for lighter text color or background. | ||
Tertiary Used for even lighter text or background. | ||
Primary Main theme color, used for primary actions or focus styles, and component and form active states. | - | |
Success Theme color, used for positive or successful actions and information. | - | |
Danger Theme color, used for errors and dangerous actions. | - | |
Warning Theme color, used for non-destructive warning messages. | - | |
Info Theme color, used for informative content or something in progress. | - | |
Light Additional theme option for less contrasting colors. | - | |
Dark Additional theme option for higher contrasting colors. | - |
Color palette
Lime
- Lime100
- Lime200
- Lime300
- Lime400
- Lime500
- Lime600
- Lime700
- Lime800
- Lime900
- Lime1000
Red
- Red100
- Red200
- Red300
- Red400
- Red500
- Red600
- Red700
- Red800
- Red900
- Red1000
Orange
- Orange100
- Orange200
- Orange300
- Orange400
- Orange500
- Orange600
- Orange700
- Orange800
- Orange900
- Orange1000
Yellow
- Yellow100
- Yellow200
- Yellow300
- Yellow400
- Yellow500
- Yellow600
- Yellow700
- Yellow800
- Yellow900
- Yellow1000
Green
- Green100
- Green200
- Green300
- Green400
- Green500
- Green600
- Green700
- Green800
- Green900
- Green1000
Teal
- Teal100
- Teal200
- Teal300
- Teal400
- Teal500
- Teal600
- Teal700
- Teal800
- Teal900
- Teal1000
Blue
- Blue100
- Blue200
- Blue300
- Blue400
- Blue500
- Blue600
- Blue700
- Blue800
- Blue900
- Blue1000
Purple
- Purple100
- Purple200
- Purple300
- Purple400
- Purple500
- Purple600
- Purple700
- Purple800
- Purple900
- Purple1000
Magenta
- Magenta100
- Magenta200
- Magenta300
- Magenta400
- Magenta500
- Magenta600
- Magenta700
- Magenta800
- Magenta900
- Magenta1000
Light mode neutrals
Solid
- Neutral0
- Neutral100
- Neutral200
- Neutral300
- Neutral400
- Neutral500
- Neutral600
- Neutral700
- Neutral800
- Neutral900
- Neutral1000
- Neutral1100
Alpha
- Neutral100A
- Neutral200A
- Neutral300A
- Neutral400A
- Neutral500A
Dark mode neutrals
Solid
- DarkNeutral-100
- DarkNeutral0
- DarkNeutral100
- DarkNeutral200
- DarkNeutral250
- DarkNeutral300
- DarkNeutral400
- DarkNeutral500
- DarkNeutral600
- DarkNeutral700
- DarkNeutral800
- DarkNeutral900
- DarkNeutral1000
- DarkNeutral1100
Alpha
- DarkNeutral-100A
- DarkNeutral100A
- DarkNeutral200A
- DarkNeutral250A
- DarkNeutral300A
- DarkNeutral350A
- DarkNeutral400A
- DarkNeutral500A