LightningColor
Color item displaying as a table row, with color, name, description, and allows for custom columns. Design inspired by Oracle's Lightning Design System.
| Token | Example | Released | Themeable | Support |
|---|---|---|---|---|
$brand-disabled Disabled state of BRAND_A11Y | rgb(201, 199, 197) #c9c7c5 BRAND_DISABLED | 2.6.0 | Yes | GA |
$brand-header Background color a branded app header | rgb(255, 255, 255) #ffffff PALETTE_GRAY_1 | 2.6.0 | Yes | I |
$brand-header-contrast Variant of BRAND_HEADER that is accessible with BRAND_HEADER | rgb(94, 94, 94) #5e5e5e BRAND_HEADER_CONTRAST | 2.6.0 | Yes | I |
$brand-header-contrast-warm Variant of BRAND_HEADER_CONTRAST that provides a warm color | rgb(191, 2, 1) #bf0201 BRAND_HEADER_CONTRAST_WARM | 2.6.0 | Yes | I |
$brand-primary Primary brand color | rgb(21, 137, 238) #1589ee BRAND_PRIMARY | 2.6.0 | Yes | GA |
| Token | Example | Released | Themeable | Support |
|---|---|---|---|---|
$brand-disabled Disabled state of BRAND_A11Y | rgb(201, 199, 197) #c9c7c5 BRAND_DISABLED | 2.6.0 | Yes | GA |
$brand-header Background color a branded app header | rgb(255, 255, 255) #ffffff PALETTE_GRAY_1 | 2.6.0 | Yes | I |
$brand-header-contrast Variant of BRAND_HEADER that is accessible with BRAND_HEADER | rgb(94, 94, 94) #5e5e5e BRAND_HEADER_CONTRAST | 2.6.0 | Yes | I |
$brand-header-contrast-warm Variant of BRAND_HEADER_CONTRAST that provides a warm color | rgb(191, 2, 1) #bf0201 BRAND_HEADER_CONTRAST_WARM | 2.6.0 | Yes | I |
$brand-primary Primary brand color | rgb(21, 137, 238) #1589ee BRAND_PRIMARY | 2.6.0 | Yes | GA |
| Token | Example | Released | Themeable | Support |
|---|---|---|---|---|
$brand-disabled Disabled state of BRAND_A11Y | rgb(201, 199, 197) #c9c7c5 BRAND_DISABLED | 2.6.0 | Yes | GA |
$brand-header Background color a branded app header | rgb(255, 255, 255) #ffffff PALETTE_GRAY_1 | 2.6.0 | Yes | I |
$brand-header-contrast Variant of BRAND_HEADER that is accessible with BRAND_HEADER | rgb(94, 94, 94) #5e5e5e BRAND_HEADER_CONTRAST | 2.6.0 | Yes | I |
$brand-header-contrast-warm Variant of BRAND_HEADER_CONTRAST that provides a warm color | rgb(191, 2, 1) #bf0201 BRAND_HEADER_CONTRAST_WARM | 2.6.0 | Yes | I |
$brand-primary Primary brand color | rgb(21, 137, 238) #1589ee BRAND_PRIMARY | 2.6.0 | Yes | GA |
| Token | Example | Released | Themeable | Support |
|---|---|---|---|---|
$brand-disabled Disabled state of BRAND_A11Y | rgb(201, 199, 197) #c9c7c5 BRAND_DISABLED | 2.6.0 | Yes | GA |
$brand-header Background color a branded app header | rgb(255, 255, 255) #ffffff PALETTE_GRAY_1 | 2.6.0 | Yes | I |
$brand-header-contrast Variant of BRAND_HEADER that is accessible with BRAND_HEADER | rgb(94, 94, 94) #5e5e5e BRAND_HEADER_CONTRAST | 2.6.0 | Yes | I |
$brand-header-contrast-warm Variant of BRAND_HEADER_CONTRAST that provides a warm color | rgb(191, 2, 1) #bf0201 BRAND_HEADER_CONTRAST_WARM | 2.6.0 | Yes | I |
$brand-primary Primary brand color | rgb(21, 137, 238) #1589ee BRAND_PRIMARY | 2.6.0 | Yes | GA |
| Token | Example | Released | Themeable | Support |
|---|---|---|---|---|
$brand-disabled Disabled state of BRAND_A11Y | rgb(201, 199, 197) #c9c7c5 BRAND_DISABLED | 2.6.0 | Yes | GA |
$brand-header Background color a branded app header | rgb(255, 255, 255) #ffffff PALETTE_GRAY_1 | 2.6.0 | Yes | I |
$brand-header-contrast Variant of BRAND_HEADER that is accessible with BRAND_HEADER | rgb(94, 94, 94) #5e5e5e BRAND_HEADER_CONTRAST | 2.6.0 | Yes | I |
$brand-header-contrast-warm Variant of BRAND_HEADER_CONTRAST that provides a warm color | rgb(191, 2, 1) #bf0201 BRAND_HEADER_CONTRAST_WARM | 2.6.0 | Yes | I |
$brand-primary Primary brand color | rgb(21, 137, 238) #1589ee BRAND_PRIMARY | 2.6.0 | Yes | GA |