A next-generation tool to create blazing-fast documentation sites
API
created:12/30/2020
updated:12/30/2020
loc
127
comments
8%

LightningColor

avatar of atanasster

Color item displaying as a table row, with color, name, description, and allows for custom columns. Design inspired by Oracle's Lightning Design System.

A11y tests

TokenExampleReleasedThemeableSupport
$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

Viewport

TokenExampleReleasedThemeableSupport
$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
320px
TokenExampleReleasedThemeableSupport
$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
375px
TokenExampleReleasedThemeableSupport
$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
768px
TokenExampleReleasedThemeableSupport
$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
1024px