@carbon/themes 11.77.0 → 11.78.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.js +1360 -1722
- package/js/generated/component-tokens/button.d.ts +98 -0
- package/{src/component-tokens/button/tokens.ts → js/generated/component-tokens/button.js} +65 -97
- package/js/generated/component-tokens/content-switcher.d.ts +25 -0
- package/js/generated/component-tokens/content-switcher.js +25 -0
- package/js/generated/component-tokens/notification.d.ts +65 -0
- package/js/generated/component-tokens/notification.js +65 -0
- package/js/generated/component-tokens/status.d.ts +63 -0
- package/js/generated/component-tokens/status.js +63 -0
- package/js/generated/component-tokens/tag.d.ts +247 -0
- package/js/generated/component-tokens/tag.js +247 -0
- package/js/generated/themes/g10.d.ts +242 -0
- package/js/generated/themes/g10.js +242 -0
- package/js/generated/themes/g100.d.ts +242 -0
- package/js/generated/themes/g100.js +242 -0
- package/js/generated/themes/g90.d.ts +242 -0
- package/js/generated/themes/g90.js +242 -0
- package/js/generated/themes/white.d.ts +242 -0
- package/js/generated/themes/white.js +242 -0
- package/lib/index.d.ts +12 -10
- package/lib/index.js +1360 -1722
- package/package.json +12 -9
- package/scss/generated/_button-tokens.scss +2 -2
- package/src/dtcg/README.md +210 -0
- package/src/dtcg/color-palette.json +3204 -0
- package/src/dtcg/components/button.json +193 -0
- package/src/dtcg/components/content-switcher.json +60 -0
- package/src/dtcg/components/notification.json +130 -0
- package/src/dtcg/components/status.json +122 -0
- package/src/dtcg/components/tag.json +486 -0
- package/src/dtcg/g10.json +1453 -0
- package/src/dtcg/g100.json +1478 -0
- package/src/dtcg/g90.json +1478 -0
- package/src/dtcg/white.json +1345 -0
- package/src/index.ts +96 -10
- package/test-dtcg.scss +28 -0
- package/umd/index.js +1363 -1725
- package/lib/component-tokens/button/index.d.ts +0 -7
- package/lib/component-tokens/button/tokens.d.ts +0 -98
- package/lib/component-tokens/content-switcher/index.d.ts +0 -7
- package/lib/component-tokens/content-switcher/tokens.d.ts +0 -24
- package/lib/component-tokens/notification/index.d.ts +0 -7
- package/lib/component-tokens/notification/tokens.d.ts +0 -64
- package/lib/component-tokens/status/index.d.ts +0 -7
- package/lib/component-tokens/status/tokens.d.ts +0 -62
- package/lib/component-tokens/tag/index.d.ts +0 -7
- package/lib/component-tokens/tag/tokens.d.ts +0 -246
- package/lib/g10.d.ts +0 -242
- package/lib/g100.d.ts +0 -242
- package/lib/g90.d.ts +0 -242
- package/lib/white.d.ts +0 -243
- package/src/component-tokens/button/index.ts +0 -8
- package/src/component-tokens/content-switcher/index.ts +0 -7
- package/src/component-tokens/content-switcher/tokens.ts +0 -29
- package/src/component-tokens/notification/index.ts +0 -8
- package/src/component-tokens/notification/tokens.ts +0 -105
- package/src/component-tokens/status/index.ts +0 -8
- package/src/component-tokens/status/tokens.ts +0 -90
- package/src/component-tokens/tag/index.ts +0 -8
- package/src/component-tokens/tag/tokens.ts +0 -353
- package/src/g10.ts +0 -452
- package/src/g100.ts +0 -453
- package/src/g90.ts +0 -455
- package/src/white.ts +0 -455
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
// Code generated by @carbon/themes. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2025
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
|
|
8
|
+
export declare const colorScheme: string;
|
|
9
|
+
export declare const aiAuraEnd: string;
|
|
10
|
+
export declare const aiAuraHoverBackground: string;
|
|
11
|
+
export declare const aiAuraHoverEnd: string;
|
|
12
|
+
export declare const aiAuraHoverStart: string;
|
|
13
|
+
export declare const aiAuraStart: string;
|
|
14
|
+
export declare const aiAuraStartSm: string;
|
|
15
|
+
export declare const aiBorderEnd: string;
|
|
16
|
+
export declare const aiBorderStart: string;
|
|
17
|
+
export declare const aiBorderStrong: string;
|
|
18
|
+
export declare const aiDropShadow: string;
|
|
19
|
+
export declare const aiInnerShadow: string;
|
|
20
|
+
export declare const aiOverlay: string;
|
|
21
|
+
export declare const aiPopoverBackground: string;
|
|
22
|
+
export declare const aiPopoverCaretBottom: string;
|
|
23
|
+
export declare const aiPopoverCaretBottomBackground: string;
|
|
24
|
+
export declare const aiPopoverCaretBottomBackgroundActions: string;
|
|
25
|
+
export declare const aiPopoverCaretCenter: string;
|
|
26
|
+
export declare const aiPopoverShadowOuter01: string;
|
|
27
|
+
export declare const aiPopoverShadowOuter02: string;
|
|
28
|
+
export declare const aiSkeletonBackground: string;
|
|
29
|
+
export declare const aiSkeletonElementBackground: string;
|
|
30
|
+
export declare const background: string;
|
|
31
|
+
export declare const backgroundActive: string;
|
|
32
|
+
export declare const backgroundBrand: string;
|
|
33
|
+
export declare const backgroundHover: string;
|
|
34
|
+
export declare const backgroundInverse: string;
|
|
35
|
+
export declare const backgroundInverseHover: string;
|
|
36
|
+
export declare const backgroundSelected: string;
|
|
37
|
+
export declare const backgroundSelectedHover: string;
|
|
38
|
+
export declare const borderDisabled: string;
|
|
39
|
+
export declare const borderInteractive: string;
|
|
40
|
+
export declare const borderInverse: string;
|
|
41
|
+
export declare const borderStrong01: string;
|
|
42
|
+
export declare const borderStrong02: string;
|
|
43
|
+
export declare const borderStrong03: string;
|
|
44
|
+
export declare const borderSubtle00: string;
|
|
45
|
+
export declare const borderSubtle01: string;
|
|
46
|
+
export declare const borderSubtle02: string;
|
|
47
|
+
export declare const borderSubtle03: string;
|
|
48
|
+
export declare const borderSubtleSelected01: string;
|
|
49
|
+
export declare const borderSubtleSelected02: string;
|
|
50
|
+
export declare const borderSubtleSelected03: string;
|
|
51
|
+
export declare const borderTile01: string;
|
|
52
|
+
export declare const borderTile02: string;
|
|
53
|
+
export declare const borderTile03: string;
|
|
54
|
+
export declare const chatAvatarAgent: string;
|
|
55
|
+
export declare const chatAvatarBot: string;
|
|
56
|
+
export declare const chatAvatarUser: string;
|
|
57
|
+
export declare const chatBubbleAgent: string;
|
|
58
|
+
export declare const chatBubbleAgentText: string;
|
|
59
|
+
export declare const chatBubbleBorder: string;
|
|
60
|
+
export declare const chatBubbleUser: string;
|
|
61
|
+
export declare const chatBubbleUserText: string;
|
|
62
|
+
export declare const chatButton: string;
|
|
63
|
+
export declare const chatButtonActive: string;
|
|
64
|
+
export declare const chatButtonHover: string;
|
|
65
|
+
export declare const chatButtonSelected: string;
|
|
66
|
+
export declare const chatButtonTextHover: string;
|
|
67
|
+
export declare const chatButtonTextSelected: string;
|
|
68
|
+
export declare const chatHeaderBackground: string;
|
|
69
|
+
export declare const chatHeaderText: string;
|
|
70
|
+
export declare const chatPromptBackground: string;
|
|
71
|
+
export declare const chatPromptBorderEnd: string;
|
|
72
|
+
export declare const chatPromptBorderStart: string;
|
|
73
|
+
export declare const chatPromptText: string;
|
|
74
|
+
export declare const chatShellBackground: string;
|
|
75
|
+
export declare const field01: string;
|
|
76
|
+
export declare const field02: string;
|
|
77
|
+
export declare const field03: string;
|
|
78
|
+
export declare const fieldHover01: string;
|
|
79
|
+
export declare const fieldHover02: string;
|
|
80
|
+
export declare const fieldHover03: string;
|
|
81
|
+
export declare const focus: string;
|
|
82
|
+
export declare const focusInset: string;
|
|
83
|
+
export declare const focusInverse: string;
|
|
84
|
+
export declare const highlight: string;
|
|
85
|
+
export declare const iconDisabled: string;
|
|
86
|
+
export declare const iconInteractive: string;
|
|
87
|
+
export declare const iconInverse: string;
|
|
88
|
+
export declare const iconOnColor: string;
|
|
89
|
+
export declare const iconOnColorDisabled: string;
|
|
90
|
+
export declare const iconPrimary: string;
|
|
91
|
+
export declare const iconSecondary: string;
|
|
92
|
+
export declare const interactive: string;
|
|
93
|
+
export declare const layer01: string;
|
|
94
|
+
export declare const layer02: string;
|
|
95
|
+
export declare const layer03: string;
|
|
96
|
+
export declare const layerAccent01: string;
|
|
97
|
+
export declare const layerAccent02: string;
|
|
98
|
+
export declare const layerAccent03: string;
|
|
99
|
+
export declare const layerAccentActive01: string;
|
|
100
|
+
export declare const layerAccentActive02: string;
|
|
101
|
+
export declare const layerAccentActive03: string;
|
|
102
|
+
export declare const layerAccentHover01: string;
|
|
103
|
+
export declare const layerAccentHover02: string;
|
|
104
|
+
export declare const layerAccentHover03: string;
|
|
105
|
+
export declare const layerActive01: string;
|
|
106
|
+
export declare const layerActive02: string;
|
|
107
|
+
export declare const layerActive03: string;
|
|
108
|
+
export declare const layerBackground01: string;
|
|
109
|
+
export declare const layerBackground02: string;
|
|
110
|
+
export declare const layerBackground03: string;
|
|
111
|
+
export declare const layerHover01: string;
|
|
112
|
+
export declare const layerHover02: string;
|
|
113
|
+
export declare const layerHover03: string;
|
|
114
|
+
export declare const layerSelected01: string;
|
|
115
|
+
export declare const layerSelected02: string;
|
|
116
|
+
export declare const layerSelected03: string;
|
|
117
|
+
export declare const layerSelectedDisabled: string;
|
|
118
|
+
export declare const layerSelectedHover01: string;
|
|
119
|
+
export declare const layerSelectedHover02: string;
|
|
120
|
+
export declare const layerSelectedHover03: string;
|
|
121
|
+
export declare const layerSelectedInverse: string;
|
|
122
|
+
export declare const linkInverse: string;
|
|
123
|
+
export declare const linkInverseActive: string;
|
|
124
|
+
export declare const linkInverseHover: string;
|
|
125
|
+
export declare const linkInverseVisited: string;
|
|
126
|
+
export declare const linkPrimary: string;
|
|
127
|
+
export declare const linkPrimaryHover: string;
|
|
128
|
+
export declare const linkSecondary: string;
|
|
129
|
+
export declare const linkVisited: string;
|
|
130
|
+
export declare const overlay: string;
|
|
131
|
+
export declare const shadow: string;
|
|
132
|
+
export declare const skeletonBackground: string;
|
|
133
|
+
export declare const skeletonElement: string;
|
|
134
|
+
export declare const supportCautionMajor: string;
|
|
135
|
+
export declare const supportCautionMinor: string;
|
|
136
|
+
export declare const supportCautionUndefined: string;
|
|
137
|
+
export declare const supportError: string;
|
|
138
|
+
export declare const supportErrorInverse: string;
|
|
139
|
+
export declare const supportInfo: string;
|
|
140
|
+
export declare const supportInfoInverse: string;
|
|
141
|
+
export declare const supportSuccess: string;
|
|
142
|
+
export declare const supportSuccessInverse: string;
|
|
143
|
+
export declare const supportWarning: string;
|
|
144
|
+
export declare const supportWarningInverse: string;
|
|
145
|
+
export declare const syntaxAngleBracket: string;
|
|
146
|
+
export declare const syntaxAnnotation: string;
|
|
147
|
+
export declare const syntaxArithmeticOperator: string;
|
|
148
|
+
export declare const syntaxAtom: string;
|
|
149
|
+
export declare const syntaxAttribute: string;
|
|
150
|
+
export declare const syntaxAttributeName: string;
|
|
151
|
+
export declare const syntaxAttributeValue: string;
|
|
152
|
+
export declare const syntaxBitwiseOperator: string;
|
|
153
|
+
export declare const syntaxBlockComment: string;
|
|
154
|
+
export declare const syntaxBool: string;
|
|
155
|
+
export declare const syntaxBrace: string;
|
|
156
|
+
export declare const syntaxBracket: string;
|
|
157
|
+
export declare const syntaxCharacter: string;
|
|
158
|
+
export declare const syntaxClassName: string;
|
|
159
|
+
export declare const syntaxColor: string;
|
|
160
|
+
export declare const syntaxComment: string;
|
|
161
|
+
export declare const syntaxCompareOperator: string;
|
|
162
|
+
export declare const syntaxConstant: string;
|
|
163
|
+
export declare const syntaxContent: string;
|
|
164
|
+
export declare const syntaxContentSeparator: string;
|
|
165
|
+
export declare const syntaxControlKeyword: string;
|
|
166
|
+
export declare const syntaxControlOperator: string;
|
|
167
|
+
export declare const syntaxDefinition: string;
|
|
168
|
+
export declare const syntaxDefinitionKeyword: string;
|
|
169
|
+
export declare const syntaxDefinitionOperator: string;
|
|
170
|
+
export declare const syntaxDeleted: string;
|
|
171
|
+
export declare const syntaxDerefOperator: string;
|
|
172
|
+
export declare const syntaxDocComment: string;
|
|
173
|
+
export declare const syntaxDocString: string;
|
|
174
|
+
export declare const syntaxDocumentMeta: string;
|
|
175
|
+
export declare const syntaxEmphasis: string;
|
|
176
|
+
export declare const syntaxEscape: string;
|
|
177
|
+
export declare const syntaxFloat: string;
|
|
178
|
+
export declare const syntaxFunction: string;
|
|
179
|
+
export declare const syntaxHeading: string;
|
|
180
|
+
export declare const syntaxHeading1: string;
|
|
181
|
+
export declare const syntaxHeading2: string;
|
|
182
|
+
export declare const syntaxHeading3: string;
|
|
183
|
+
export declare const syntaxHeading4: string;
|
|
184
|
+
export declare const syntaxHeading5: string;
|
|
185
|
+
export declare const syntaxHeading6: string;
|
|
186
|
+
export declare const syntaxInserted: string;
|
|
187
|
+
export declare const syntaxInteger: string;
|
|
188
|
+
export declare const syntaxInvalid: string;
|
|
189
|
+
export declare const syntaxKeyword: string;
|
|
190
|
+
export declare const syntaxLabelName: string;
|
|
191
|
+
export declare const syntaxLineComment: string;
|
|
192
|
+
export declare const syntaxLink: string;
|
|
193
|
+
export declare const syntaxList: string;
|
|
194
|
+
export declare const syntaxLiteral: string;
|
|
195
|
+
export declare const syntaxLocal: string;
|
|
196
|
+
export declare const syntaxLogicOperator: string;
|
|
197
|
+
export declare const syntaxMacroName: string;
|
|
198
|
+
export declare const syntaxMeta: string;
|
|
199
|
+
export declare const syntaxModifier: string;
|
|
200
|
+
export declare const syntaxModuleKeyword: string;
|
|
201
|
+
export declare const syntaxMonospace: string;
|
|
202
|
+
export declare const syntaxName: string;
|
|
203
|
+
export declare const syntaxNamespace: string;
|
|
204
|
+
export declare const syntaxNull: string;
|
|
205
|
+
export declare const syntaxNumber: string;
|
|
206
|
+
export declare const syntaxOperator: string;
|
|
207
|
+
export declare const syntaxOperatorKeyword: string;
|
|
208
|
+
export declare const syntaxParen: string;
|
|
209
|
+
export declare const syntaxProcessingInstruction: string;
|
|
210
|
+
export declare const syntaxPropertyName: string;
|
|
211
|
+
export declare const syntaxPunctuation: string;
|
|
212
|
+
export declare const syntaxQuote: string;
|
|
213
|
+
export declare const syntaxRegexp: string;
|
|
214
|
+
export declare const syntaxSelf: string;
|
|
215
|
+
export declare const syntaxSeparator: string;
|
|
216
|
+
export declare const syntaxSpecial: string;
|
|
217
|
+
export declare const syntaxSpecialString: string;
|
|
218
|
+
export declare const syntaxSquareBracket: string;
|
|
219
|
+
export declare const syntaxStandard: string;
|
|
220
|
+
export declare const syntaxStrikethrough: string;
|
|
221
|
+
export declare const syntaxString: string;
|
|
222
|
+
export declare const syntaxStrong: string;
|
|
223
|
+
export declare const syntaxTag: string;
|
|
224
|
+
export declare const syntaxTagName: string;
|
|
225
|
+
export declare const syntaxType: string;
|
|
226
|
+
export declare const syntaxTypeName: string;
|
|
227
|
+
export declare const syntaxTypeOperator: string;
|
|
228
|
+
export declare const syntaxUnit: string;
|
|
229
|
+
export declare const syntaxUpdateOperator: string;
|
|
230
|
+
export declare const syntaxUrl: string;
|
|
231
|
+
export declare const syntaxVariable: string;
|
|
232
|
+
export declare const syntaxVariableName: string;
|
|
233
|
+
export declare const textDisabled: string;
|
|
234
|
+
export declare const textError: string;
|
|
235
|
+
export declare const textHelper: string;
|
|
236
|
+
export declare const textInverse: string;
|
|
237
|
+
export declare const textOnColor: string;
|
|
238
|
+
export declare const textOnColorDisabled: string;
|
|
239
|
+
export declare const textPlaceholder: string;
|
|
240
|
+
export declare const textPrimary: string;
|
|
241
|
+
export declare const textSecondary: string;
|
|
242
|
+
export declare const toggleOff: string;
|
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
// Code generated by @carbon/themes. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2025
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
|
|
8
|
+
export const colorScheme = 'light';
|
|
9
|
+
export const aiAuraEnd = 'rgba(255, 255, 255, 0)';
|
|
10
|
+
export const aiAuraHoverBackground = '#edf5ff';
|
|
11
|
+
export const aiAuraHoverEnd = 'rgba(255, 255, 255, 0)';
|
|
12
|
+
export const aiAuraHoverStart = 'rgba(69, 137, 255, 0.32)';
|
|
13
|
+
export const aiAuraStart = 'rgba(69, 137, 255, 0.1)';
|
|
14
|
+
export const aiAuraStartSm = 'rgba(69, 137, 255, 0.16)';
|
|
15
|
+
export const aiBorderEnd = '#78a9ff';
|
|
16
|
+
export const aiBorderStart = 'rgba(166, 200, 255, 0.64)';
|
|
17
|
+
export const aiBorderStrong = '#4589ff';
|
|
18
|
+
export const aiDropShadow = 'rgba(15, 98, 254, 0.1)';
|
|
19
|
+
export const aiInnerShadow = 'rgba(69, 137, 255, 0.1)';
|
|
20
|
+
export const aiOverlay = 'rgba(0, 17, 65, 0.5)';
|
|
21
|
+
export const aiPopoverBackground = '#ffffff';
|
|
22
|
+
export const aiPopoverCaretBottom = '#78a9ff';
|
|
23
|
+
export const aiPopoverCaretBottomBackground = '#eaf1ff';
|
|
24
|
+
export const aiPopoverCaretBottomBackgroundActions = '#e9effa';
|
|
25
|
+
export const aiPopoverCaretCenter = '#a0c3ff';
|
|
26
|
+
export const aiPopoverShadowOuter01 = 'rgba(0, 67, 206, 0.06)';
|
|
27
|
+
export const aiPopoverShadowOuter02 = 'rgba(0, 0, 0, 0.04)';
|
|
28
|
+
export const aiSkeletonBackground = '#d0e2ff';
|
|
29
|
+
export const aiSkeletonElementBackground = '#4589ff';
|
|
30
|
+
export const background = '#f4f4f4';
|
|
31
|
+
export const backgroundActive = 'rgba(141, 141, 141, 0.5)';
|
|
32
|
+
export const backgroundBrand = '#0f62fe';
|
|
33
|
+
export const backgroundHover = 'rgba(141, 141, 141, 0.12)';
|
|
34
|
+
export const backgroundInverse = '#393939';
|
|
35
|
+
export const backgroundInverseHover = '#474747';
|
|
36
|
+
export const backgroundSelected = 'rgba(141, 141, 141, 0.2)';
|
|
37
|
+
export const backgroundSelectedHover = 'rgba(141, 141, 141, 0.32)';
|
|
38
|
+
export const borderDisabled = '#c6c6c6';
|
|
39
|
+
export const borderInteractive = '#0f62fe';
|
|
40
|
+
export const borderInverse = '#161616';
|
|
41
|
+
export const borderStrong01 = '#8d8d8d';
|
|
42
|
+
export const borderStrong02 = '#8d8d8d';
|
|
43
|
+
export const borderStrong03 = '#8d8d8d';
|
|
44
|
+
export const borderSubtle00 = '#c6c6c6';
|
|
45
|
+
export const borderSubtle01 = '#e0e0e0';
|
|
46
|
+
export const borderSubtle02 = '#c6c6c6';
|
|
47
|
+
export const borderSubtle03 = '#e0e0e0';
|
|
48
|
+
export const borderSubtleSelected01 = '#c6c6c6';
|
|
49
|
+
export const borderSubtleSelected02 = '#c6c6c6';
|
|
50
|
+
export const borderSubtleSelected03 = '#c6c6c6';
|
|
51
|
+
export const borderTile01 = '#a8a8a8';
|
|
52
|
+
export const borderTile02 = '#c6c6c6';
|
|
53
|
+
export const borderTile03 = '#a8a8a8';
|
|
54
|
+
export const chatAvatarAgent = '#393939';
|
|
55
|
+
export const chatAvatarBot = '#6f6f6f';
|
|
56
|
+
export const chatAvatarUser = '#0f62fe';
|
|
57
|
+
export const chatBubbleAgent = '#ffffff';
|
|
58
|
+
export const chatBubbleAgentText = '#161616';
|
|
59
|
+
export const chatBubbleBorder = '#e0e0e0';
|
|
60
|
+
export const chatBubbleUser = '#e0e0e0';
|
|
61
|
+
export const chatBubbleUserText = '#161616';
|
|
62
|
+
export const chatButton = '#0f62fe';
|
|
63
|
+
export const chatButtonActive = 'rgba(141, 141, 141, 0.5)';
|
|
64
|
+
export const chatButtonHover = 'rgba(141, 141, 141, 0.12)';
|
|
65
|
+
export const chatButtonSelected = 'rgba(141, 141, 141, 0.2)';
|
|
66
|
+
export const chatButtonTextHover = '#0043ce';
|
|
67
|
+
export const chatButtonTextSelected = '#525252';
|
|
68
|
+
export const chatHeaderBackground = '#ffffff';
|
|
69
|
+
export const chatHeaderText = '#161616';
|
|
70
|
+
export const chatPromptBackground = '#ffffff';
|
|
71
|
+
export const chatPromptBorderEnd = 'rgba(244, 244, 244, 0)';
|
|
72
|
+
export const chatPromptBorderStart = '#f4f4f4';
|
|
73
|
+
export const chatPromptText = '#161616';
|
|
74
|
+
export const chatShellBackground = '#ffffff';
|
|
75
|
+
export const field01 = '#ffffff';
|
|
76
|
+
export const field02 = '#f4f4f4';
|
|
77
|
+
export const field03 = '#ffffff';
|
|
78
|
+
export const fieldHover01 = '#e8e8e8';
|
|
79
|
+
export const fieldHover02 = '#e8e8e8';
|
|
80
|
+
export const fieldHover03 = '#e8e8e8';
|
|
81
|
+
export const focus = '#0f62fe';
|
|
82
|
+
export const focusInset = '#ffffff';
|
|
83
|
+
export const focusInverse = '#ffffff';
|
|
84
|
+
export const highlight = '#d0e2ff';
|
|
85
|
+
export const iconDisabled = 'rgba(22, 22, 22, 0.25)';
|
|
86
|
+
export const iconInteractive = '#0f62fe';
|
|
87
|
+
export const iconInverse = '#ffffff';
|
|
88
|
+
export const iconOnColor = '#ffffff';
|
|
89
|
+
export const iconOnColorDisabled = '#8d8d8d';
|
|
90
|
+
export const iconPrimary = '#161616';
|
|
91
|
+
export const iconSecondary = '#525252';
|
|
92
|
+
export const interactive = '#0f62fe';
|
|
93
|
+
export const layer01 = '#ffffff';
|
|
94
|
+
export const layer02 = '#f4f4f4';
|
|
95
|
+
export const layer03 = '#ffffff';
|
|
96
|
+
export const layerAccent01 = '#e0e0e0';
|
|
97
|
+
export const layerAccent02 = '#e0e0e0';
|
|
98
|
+
export const layerAccent03 = '#e0e0e0';
|
|
99
|
+
export const layerAccentActive01 = '#a8a8a8';
|
|
100
|
+
export const layerAccentActive02 = '#a8a8a8';
|
|
101
|
+
export const layerAccentActive03 = '#a8a8a8';
|
|
102
|
+
export const layerAccentHover01 = '#d1d1d1';
|
|
103
|
+
export const layerAccentHover02 = '#d1d1d1';
|
|
104
|
+
export const layerAccentHover03 = '#d1d1d1';
|
|
105
|
+
export const layerActive01 = '#c6c6c6';
|
|
106
|
+
export const layerActive02 = '#c6c6c6';
|
|
107
|
+
export const layerActive03 = '#c6c6c6';
|
|
108
|
+
export const layerBackground01 = '#f4f4f4';
|
|
109
|
+
export const layerBackground02 = '#ffffff';
|
|
110
|
+
export const layerBackground03 = '#f4f4f4';
|
|
111
|
+
export const layerHover01 = '#e8e8e8';
|
|
112
|
+
export const layerHover02 = '#e8e8e8';
|
|
113
|
+
export const layerHover03 = '#e8e8e8';
|
|
114
|
+
export const layerSelected01 = '#e0e0e0';
|
|
115
|
+
export const layerSelected02 = '#e0e0e0';
|
|
116
|
+
export const layerSelected03 = '#e0e0e0';
|
|
117
|
+
export const layerSelectedDisabled = '#8d8d8d';
|
|
118
|
+
export const layerSelectedHover01 = '#d1d1d1';
|
|
119
|
+
export const layerSelectedHover02 = '#d1d1d1';
|
|
120
|
+
export const layerSelectedHover03 = '#d1d1d1';
|
|
121
|
+
export const layerSelectedInverse = '#161616';
|
|
122
|
+
export const linkInverse = '#78a9ff';
|
|
123
|
+
export const linkInverseActive = '#f4f4f4';
|
|
124
|
+
export const linkInverseHover = '#a6c8ff';
|
|
125
|
+
export const linkInverseVisited = '#be95ff';
|
|
126
|
+
export const linkPrimary = '#0f62fe';
|
|
127
|
+
export const linkPrimaryHover = '#0043ce';
|
|
128
|
+
export const linkSecondary = '#0043ce';
|
|
129
|
+
export const linkVisited = '#8a3ffc';
|
|
130
|
+
export const overlay = 'rgba(0, 0, 0, 0.6)';
|
|
131
|
+
export const shadow = 'rgba(0, 0, 0, 0.3)';
|
|
132
|
+
export const skeletonBackground = '#e8e8e8';
|
|
133
|
+
export const skeletonElement = '#c6c6c6';
|
|
134
|
+
export const supportCautionMajor = '#ff832b';
|
|
135
|
+
export const supportCautionMinor = '#f1c21b';
|
|
136
|
+
export const supportCautionUndefined = '#8a3ffc';
|
|
137
|
+
export const supportError = '#da1e28';
|
|
138
|
+
export const supportErrorInverse = '#fa4d56';
|
|
139
|
+
export const supportInfo = '#0043ce';
|
|
140
|
+
export const supportInfoInverse = '#4589ff';
|
|
141
|
+
export const supportSuccess = '#24a148';
|
|
142
|
+
export const supportSuccessInverse = '#42be65';
|
|
143
|
+
export const supportWarning = '#f1c21b';
|
|
144
|
+
export const supportWarningInverse = '#f1c21b';
|
|
145
|
+
export const syntaxAngleBracket = '#697077';
|
|
146
|
+
export const syntaxAnnotation = '#007d79';
|
|
147
|
+
export const syntaxArithmeticOperator = '#343a3f';
|
|
148
|
+
export const syntaxAtom = '#161616';
|
|
149
|
+
export const syntaxAttribute = '#00539a';
|
|
150
|
+
export const syntaxAttributeName = '#00539a';
|
|
151
|
+
export const syntaxAttributeValue = '#161616';
|
|
152
|
+
export const syntaxBitwiseOperator = '#343a3f';
|
|
153
|
+
export const syntaxBlockComment = '#198038';
|
|
154
|
+
export const syntaxBool = '#161616';
|
|
155
|
+
export const syntaxBrace = '#343a3f';
|
|
156
|
+
export const syntaxBracket = '#343a3f';
|
|
157
|
+
export const syntaxCharacter = '#161616';
|
|
158
|
+
export const syntaxClassName = '#007d79';
|
|
159
|
+
export const syntaxColor = '#161616';
|
|
160
|
+
export const syntaxComment = '#198038';
|
|
161
|
+
export const syntaxCompareOperator = '#343a3f';
|
|
162
|
+
export const syntaxConstant = '#0f62fe';
|
|
163
|
+
export const syntaxContent = '#161616';
|
|
164
|
+
export const syntaxContentSeparator = '#343a3f';
|
|
165
|
+
export const syntaxControlKeyword = '#6929c4';
|
|
166
|
+
export const syntaxControlOperator = '#6929c4';
|
|
167
|
+
export const syntaxDefinition = '#00539a';
|
|
168
|
+
export const syntaxDefinitionKeyword = '#00539a';
|
|
169
|
+
export const syntaxDefinitionOperator = '#00539a';
|
|
170
|
+
export const syntaxDeleted = '#ffd7d9';
|
|
171
|
+
export const syntaxDerefOperator = '#343a3f';
|
|
172
|
+
export const syntaxDocComment = '#198038';
|
|
173
|
+
export const syntaxDocString = '#161616';
|
|
174
|
+
export const syntaxDocumentMeta = '#198038';
|
|
175
|
+
export const syntaxEmphasis = '#161616';
|
|
176
|
+
export const syntaxEscape = '#343a3f';
|
|
177
|
+
export const syntaxFloat = '#198038';
|
|
178
|
+
export const syntaxFunction = '#8e6a00';
|
|
179
|
+
export const syntaxHeading = '#00539a';
|
|
180
|
+
export const syntaxHeading1 = '#00539a';
|
|
181
|
+
export const syntaxHeading2 = '#00539a';
|
|
182
|
+
export const syntaxHeading3 = '#00539a';
|
|
183
|
+
export const syntaxHeading4 = '#00539a';
|
|
184
|
+
export const syntaxHeading5 = '#00539a';
|
|
185
|
+
export const syntaxHeading6 = '#00539a';
|
|
186
|
+
export const syntaxInserted = '#a7f0ba';
|
|
187
|
+
export const syntaxInteger = '#198038';
|
|
188
|
+
export const syntaxInvalid = '#da1e28';
|
|
189
|
+
export const syntaxKeyword = '#0f62fe';
|
|
190
|
+
export const syntaxLabelName = '#0f62fe';
|
|
191
|
+
export const syntaxLineComment = '#198038';
|
|
192
|
+
export const syntaxLink = '#0f62fe';
|
|
193
|
+
export const syntaxList = '#161616';
|
|
194
|
+
export const syntaxLiteral = '#161616';
|
|
195
|
+
export const syntaxLocal = '#0f62fe';
|
|
196
|
+
export const syntaxLogicOperator = '#343a3f';
|
|
197
|
+
export const syntaxMacroName = '#161616';
|
|
198
|
+
export const syntaxMeta = '#198038';
|
|
199
|
+
export const syntaxModifier = '#0f62fe';
|
|
200
|
+
export const syntaxModuleKeyword = '#6929c4';
|
|
201
|
+
export const syntaxMonospace = '#161616';
|
|
202
|
+
export const syntaxName = '#0f62fe';
|
|
203
|
+
export const syntaxNamespace = '#007d79';
|
|
204
|
+
export const syntaxNull = '#161616';
|
|
205
|
+
export const syntaxNumber = '#198038';
|
|
206
|
+
export const syntaxOperator = '#343a3f';
|
|
207
|
+
export const syntaxOperatorKeyword = '#0f62fe';
|
|
208
|
+
export const syntaxParen = '#343a3f';
|
|
209
|
+
export const syntaxProcessingInstruction = '#161616';
|
|
210
|
+
export const syntaxPropertyName = '#00539a';
|
|
211
|
+
export const syntaxPunctuation = '#343a3f';
|
|
212
|
+
export const syntaxQuote = '#198038';
|
|
213
|
+
export const syntaxRegexp = '#6929c4';
|
|
214
|
+
export const syntaxSelf = '#007d79';
|
|
215
|
+
export const syntaxSeparator = '#343a3f';
|
|
216
|
+
export const syntaxSpecial = '#0f62fe';
|
|
217
|
+
export const syntaxSpecialString = '#8a3ffc';
|
|
218
|
+
export const syntaxSquareBracket = '#343a3f';
|
|
219
|
+
export const syntaxStandard = '#0f62fe';
|
|
220
|
+
export const syntaxStrikethrough = '#161616';
|
|
221
|
+
export const syntaxString = '#161616';
|
|
222
|
+
export const syntaxStrong = '#161616';
|
|
223
|
+
export const syntaxTag = '#007d79';
|
|
224
|
+
export const syntaxTagName = '#007d79';
|
|
225
|
+
export const syntaxType = '#007d79';
|
|
226
|
+
export const syntaxTypeName = '#007d79';
|
|
227
|
+
export const syntaxTypeOperator = '#007d79';
|
|
228
|
+
export const syntaxUnit = '#198038';
|
|
229
|
+
export const syntaxUpdateOperator = '#343a3f';
|
|
230
|
+
export const syntaxUrl = '#343a3f';
|
|
231
|
+
export const syntaxVariable = '#0f62fe';
|
|
232
|
+
export const syntaxVariableName = '#0f62fe';
|
|
233
|
+
export const textDisabled = 'rgba(22, 22, 22, 0.25)';
|
|
234
|
+
export const textError = '#da1e28';
|
|
235
|
+
export const textHelper = '#6f6f6f';
|
|
236
|
+
export const textInverse = '#ffffff';
|
|
237
|
+
export const textOnColor = '#ffffff';
|
|
238
|
+
export const textOnColorDisabled = '#8d8d8d';
|
|
239
|
+
export const textPlaceholder = 'rgba(22, 22, 22, 0.4)';
|
|
240
|
+
export const textPrimary = '#161616';
|
|
241
|
+
export const textSecondary = '#525252';
|
|
242
|
+
export const toggleOff = '#8d8d8d';
|