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