UNPKG

@salesforce-ux/design-system

Version:

Salesforce Lightning Design System

github.com/salesforce-ux/design-system

salesforce-ux/design-system

58 lines (56 loc) • 2.87 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
// Used as the background color for the active state on rows or items on list-like components. $color-background-row-active = rgb(236, 235, 234) // Light variant of COLOR_BACKGROUND. $color-background-light = rgb(255, 255, 255) // Used as the background color for the hover state on rows or items on list-like components. $color-background-row-hover = rgb(243, 242, 242) // Background color for UI elements related to providing neutral information (not error, success, or warning). $color-background-info = rgb(112, 110, 107) // Used as background for loading stencils on white background. $color-background-stencil = rgb(243, 242, 242) // Default background color for the whole app. $color-background = rgb(243, 242, 242) // Light variant of COLOR_BACKGROUND. $color-background-dark = rgb(236, 235, 234) // Used as an alternate background for loading stencils on gray backgrounds. $color-background-stencil-alt = rgb(236, 235, 234) // Used as the background color for selected rows or items on list-like components. $color-background-row-selected = rgb(236, 235, 234) // Default border color for UI elements. $color-border = rgb(221, 219, 218) // Lightest separator color - used as default separator on white backgrounds. $color-border-separator = rgb(243, 242, 242) // Medium separator color - used as default separator on light gray backgrounds. $color-border-separator-alt = rgb(221, 219, 218) // Darkest separator color - used as an alternate separator color when more differentiation is desired. $color-border-separator-alt-2 = rgb(201, 199, 197) // Border color for UI elements related to providing neutral information (not error, success, or warning). $color-border-info = rgb(112, 110, 107) // Border color for UI elements related to the offline state. $color-border-offline = rgb(62, 62, 60) // Used to delineate the boundary of a component that is being clicked. Specific to builders. $color-border-selection-active = rgb(243, 242, 242) // Action label text color $color-text-action-label = rgb(62, 62, 60) // Action label active text color $color-text-action-label-active = rgb(8, 7, 7) // Body text color $color-text-default = rgb(8, 7, 7) // Primary body text color $color-text-primary = rgb(8, 7, 7) // Color for text that is purposefully de-emphasized to create visual hierarchy. $color-text-weak = rgb(62, 62, 60) // Input placeholder text on dark backgrounds. $color-text-placeholder-inverse = rgb(236, 235, 234) // Link text (508) $color-text-link = rgb(0, 109, 204) // Default icon color. $color-text-icon-default = rgb(112, 110, 107) // Inverse text color for dark backgrounds $color-text-inverse = rgb(255, 255, 255) // Input placeholder text. $color-text-placeholder = rgb(62, 62, 60) // Weak inverse text color for dark backgrounds $color-text-inverse-weak = rgb(176, 173, 171) // Text color for field labels. $color-text-label = rgb(62, 62, 60)