@kong/design-tokens 3.1.7 → 3.2.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.
Files changed (22) hide show
  1. package/dist/themes/electric-lime-day-high-contrast.cjs +927 -0
  2. package/dist/themes/electric-lime-day-high-contrast.css +927 -0
  3. package/dist/themes/electric-lime-day-high-contrast.d.cts +5 -0
  4. package/dist/themes/electric-lime-day-high-contrast.d.ts +5 -0
  5. package/dist/themes/electric-lime-day-high-contrast.mjs +925 -0
  6. package/dist/themes/electric-lime-night-high-contrast.cjs +927 -0
  7. package/dist/themes/electric-lime-night-high-contrast.css +927 -0
  8. package/dist/themes/electric-lime-night-high-contrast.d.cts +5 -0
  9. package/dist/themes/electric-lime-night-high-contrast.d.ts +5 -0
  10. package/dist/themes/electric-lime-night-high-contrast.mjs +925 -0
  11. package/dist/themes/index.cjs +2 -0
  12. package/dist/themes/index.d.cts +2 -0
  13. package/dist/themes/index.d.ts +2 -0
  14. package/dist/themes/index.mjs +2 -0
  15. package/dist/tokens/css/custom-properties.css +1 -1
  16. package/dist/tokens/js/cjs/index.d.ts +1 -1
  17. package/dist/tokens/js/cjs/index.js +1 -1
  18. package/dist/tokens/js/index.d.ts +1 -1
  19. package/dist/tokens/js/index.mjs +1 -1
  20. package/dist/tokens/scss/_map.scss +1 -1
  21. package/dist/tokens/scss/_variables.scss +1 -1
  22. package/package.json +2 -2
package/dist/themes/electric-lime-night-high-contrast.css ADDED
@@ -0,0 +1,927 @@
1
+ /**
2
+ * @kong/design-tokens — electric-lime-night-high-contrast theme
3
+ * GENERATED FILE — do not edit by hand. Run `pnpm build:themes` to regenerate.
4
+ */
5
+ @layer kui.theme {
6
+ [data-kui-theme="electric-lime-night-high-contrast"] {
7
+ --kui-alert-border-radius: 6px;
8
+ --kui-alert-color-background-danger: #361118;
9
+ --kui-alert-color-background-decorative: #25193D;
10
+ --kui-alert-color-background-info: #192A3D;
11
+ --kui-alert-color-background-success: #143029;
12
+ --kui-alert-color-background-warning: #2B2809;
13
+ --kui-alert-color-text-danger: #EFCDD3;
14
+ --kui-alert-color-text-danger-hover: #EFCDD3;
15
+ --kui-alert-color-text-decorative: #DFD7EF;
16
+ --kui-alert-color-text-decorative-hover: #DFD7EF;
17
+ --kui-alert-color-text-info: #D7E3EF;
18
+ --kui-alert-color-text-info-hover: #D7E3EF;
19
+ --kui-alert-color-text-success: #CCE3DE;
20
+ --kui-alert-color-text-success-hover: #CCE3DE;
21
+ --kui-alert-color-text-warning: #F8F6E1;
22
+ --kui-alert-color-text-warning-hover: #F8F6E1;
23
+ --kui-alert-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
24
+ --kui-alert-font-size: 14px;
25
+ --kui-alert-font-weight: 400;
26
+ --kui-alert-line-height: 20px;
27
+ --kui-alert-padding: 12px;
28
+ --kui-animation-duration-20: 0.2s;
29
+ --kui-badge-border-radius: 100px;
30
+ --kui-badge-color-background-danger: #361118;
31
+ --kui-badge-color-background-decorative: #25193D;
32
+ --kui-badge-color-background-info: #192A3D;
33
+ --kui-badge-color-background-neutral: #D2D7D2;
34
+ --kui-badge-color-background-success: #143029;
35
+ --kui-badge-color-background-warning: #2B2809;
36
+ --kui-badge-color-text-danger: #EFCDD3;
37
+ --kui-badge-color-text-danger-hover: #EFCDD3;
38
+ --kui-badge-color-text-decorative: #DFD7EF;
39
+ --kui-badge-color-text-decorative-hover: #DFD7EF;
40
+ --kui-badge-color-text-disabled: #9DA99D;
41
+ --kui-badge-color-text-info: #D7E3EF;
42
+ --kui-badge-color-text-info-hover: #D7E3EF;
43
+ --kui-badge-color-text-neutral: #0D0F0D;
44
+ --kui-badge-color-text-neutral-hover: #0D0F0D;
45
+ --kui-badge-color-text-success: #CCE3DE;
46
+ --kui-badge-color-text-success-hover: #CCE3DE;
47
+ --kui-badge-color-text-warning: #F8F6E1;
48
+ --kui-badge-color-text-warning-hover: #F8F6E1;
49
+ --kui-badge-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
50
+ --kui-badge-font-size: 12px;
51
+ --kui-badge-font-weight: 600;
52
+ --kui-badge-icon-gap: 8px;
53
+ --kui-badge-line-height: 16px;
54
+ --kui-badge-padding-small: 2px;
55
+ --kui-badge-padding-x: 12px;
56
+ --kui-badge-padding-y: 4px;
57
+ --kui-badge-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
58
+ --kui-border-radius-0: 0px;
59
+ --kui-border-radius-10: 2px;
60
+ --kui-border-radius-20: 4px;
61
+ --kui-border-radius-30: 6px;
62
+ --kui-border-radius-40: 8px;
63
+ --kui-border-radius-50: 10px;
64
+ --kui-border-radius-circle: 50%;
65
+ --kui-border-radius-round: 100px;
66
+ --kui-border-width-0: 0px;
67
+ --kui-border-width-10: 1px;
68
+ --kui-border-width-20: 2px;
69
+ --kui-border-width-30: 4px;
70
+ --kui-breadcrumbs-color-text: #D2D7D2;
71
+ --kui-breadcrumbs-color-text-hover: #D2D7D2;
72
+ --kui-breadcrumbs-divider-color-text: #4E594E;
73
+ --kui-breadcrumbs-divider-font-weight: 400;
74
+ --kui-breadcrumbs-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
75
+ --kui-breadcrumbs-font-size: 14px;
76
+ --kui-breadcrumbs-font-weight: 500;
77
+ --kui-breadcrumbs-line-height: 20px;
78
+ --kui-breadcrumbs-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
79
+ --kui-button-border-radius-large: 100px;
80
+ --kui-button-border-radius-medium: 100px;
81
+ --kui-button-border-radius-small: 100px;
82
+ --kui-button-border-width-large: 1px;
83
+ --kui-button-border-width-medium: 1px;
84
+ --kui-button-border-width-small: 1px;
85
+ --kui-button-color-background-danger: #6F2432;
86
+ --kui-button-color-background-danger-active: #4A1821;
87
+ --kui-button-color-background-danger-disabled: #242824;
88
+ --kui-button-color-background-danger-hover: #953042;
89
+ --kui-button-color-background-primary: #CCFF00;
90
+ --kui-button-color-background-primary-active: #7A9900;
91
+ --kui-button-color-background-primary-disabled: #242824;
92
+ --kui-button-color-background-primary-hover: #A3CC00;
93
+ --kui-button-color-background-secondary: transparent;
94
+ --kui-button-color-background-secondary-active: transparent;
95
+ --kui-button-color-background-secondary-disabled: transparent;
96
+ --kui-button-color-background-secondary-hover: transparent;
97
+ --kui-button-color-background-tertiary: transparent;
98
+ --kui-button-color-background-tertiary-active: #242824;
99
+ --kui-button-color-background-tertiary-disabled: transparent;
100
+ --kui-button-color-background-tertiary-hover: #070807;
101
+ --kui-button-color-border-danger: transparent;
102
+ --kui-button-color-border-danger-active: transparent;
103
+ --kui-button-color-border-danger-disabled: transparent;
104
+ --kui-button-color-border-danger-hover: transparent;
105
+ --kui-button-color-border-primary: transparent;
106
+ --kui-button-color-border-primary-active: transparent;
107
+ --kui-button-color-border-primary-disabled: transparent;
108
+ --kui-button-color-border-primary-hover: transparent;
109
+ --kui-button-color-border-secondary: #F1F3F1;
110
+ --kui-button-color-border-secondary-active: #F1F3F1;
111
+ --kui-button-color-border-secondary-disabled: #3D443D;
112
+ --kui-button-color-border-secondary-hover: #F1F3F1;
113
+ --kui-button-color-border-tertiary: transparent;
114
+ --kui-button-color-border-tertiary-active: transparent;
115
+ --kui-button-color-border-tertiary-disabled: transparent;
116
+ --kui-button-color-border-tertiary-hover: transparent;
117
+ --kui-button-color-text-danger: #FFFFFF;
118
+ --kui-button-color-text-danger-active: #FFFFFF;
119
+ --kui-button-color-text-danger-disabled: #9DA99D;
120
+ --kui-button-color-text-danger-hover: #FFFFFF;
121
+ --kui-button-color-text-primary: #070807;
122
+ --kui-button-color-text-primary-active: #070807;
123
+ --kui-button-color-text-primary-disabled: #9DA99D;
124
+ --kui-button-color-text-primary-hover: #070807;
125
+ --kui-button-color-text-secondary: #D2D7D2;
126
+ --kui-button-color-text-secondary-active: #E3E8E3;
127
+ --kui-button-color-text-secondary-disabled: #9DA99D;
128
+ --kui-button-color-text-secondary-hover: #E3E8E3;
129
+ --kui-button-color-text-tertiary: #D2D7D2;
130
+ --kui-button-color-text-tertiary-active: #E3E8E3;
131
+ --kui-button-color-text-tertiary-disabled: #9DA99D;
132
+ --kui-button-color-text-tertiary-hover: #E3E8E3;
133
+ --kui-button-font-size-large: 16px;
134
+ --kui-button-font-size-medium: 14px;
135
+ --kui-button-font-size-small: 12px;
136
+ --kui-button-font-weight: 600;
137
+ --kui-button-icon-size-large: 24px;
138
+ --kui-button-icon-size-medium: 20px;
139
+ --kui-button-icon-size-small: 16px;
140
+ --kui-button-line-height-large: 24px;
141
+ --kui-button-line-height-medium: 20px;
142
+ --kui-button-line-height-small: 16px;
143
+ --kui-button-padding-x-large: 12px;
144
+ --kui-button-padding-x-medium: 12px;
145
+ --kui-button-padding-x-small: 12px;
146
+ --kui-button-padding-y-large: 6px;
147
+ --kui-button-padding-y-medium: 4px;
148
+ --kui-button-padding-y-small: 2px;
149
+ --kui-button-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
150
+ --kui-card-actions-gap: 6px;
151
+ --kui-card-body-color-text: #D2D7D2;
152
+ --kui-card-body-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
153
+ --kui-card-body-font-size: 14px;
154
+ --kui-card-body-font-weight: 400;
155
+ --kui-card-body-line-height: 20px;
156
+ --kui-card-border-radius: 6px;
157
+ --kui-card-border-width: 1px;
158
+ --kui-card-color-background: #0D0F0D;
159
+ --kui-card-color-border: #4E594E;
160
+ --kui-card-footer-gap: 6px;
161
+ --kui-card-gap: 20px;
162
+ --kui-card-header-gap: 12px;
163
+ --kui-card-padding: 20px;
164
+ --kui-card-title-color-text: #D2D7D2;
165
+ --kui-card-title-font-size: 16px;
166
+ --kui-card-title-font-weight: 700;
167
+ --kui-card-title-line-height: 20px;
168
+ --kui-checkbox-border-radius: 4px;
169
+ --kui-checkbox-color-background: #0D0F0D;
170
+ --kui-checkbox-color-background-checked: #E3E8E3;
171
+ --kui-checkbox-color-icon: #0D0F0D;
172
+ --kui-checkbox-shadow-border: 0px 0px 0px 1px #D2D7D2 inset;
173
+ --kui-checkbox-shadow-border-checked: 0px 0px 0px 1px #E3E8E3 inset;
174
+ --kui-checkbox-shadow-border-hover: 0px 0px 0px 1px #F1F3F1 inset;
175
+ --kui-checkbox-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
176
+ --kui-code-block-actions-border-width: 1px;
177
+ --kui-code-block-actions-color-border: #4E594E;
178
+ --kui-code-block-actions-padding: 4px 8px;
179
+ --kui-code-block-border-radius: 8px;
180
+ --kui-code-block-color-background: #070807;
181
+ --kui-code-block-color-text: #F9FBF9;
182
+ --kui-code-block-line-number-color-text: #D2D7D2;
183
+ --kui-collapse-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
184
+ --kui-collapse-title-color-text: #D2D7D2;
185
+ --kui-collapse-title-font-size: 16px;
186
+ --kui-collapse-title-font-weight: 700;
187
+ --kui-collapse-title-line-height: 20px;
188
+ --kui-collapse-trigger-border-radius: 4px;
189
+ --kui-collapse-trigger-color-text: #9DA99D;
190
+ --kui-collapse-trigger-color-text-active: #E3E8E3;
191
+ --kui-collapse-trigger-color-text-hover: #D2D7D2;
192
+ --kui-collapse-trigger-font-size: 14px;
193
+ --kui-collapse-trigger-font-weight: 600;
194
+ --kui-collapse-trigger-line-height: 20px;
195
+ --kui-collapse-trigger-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
196
+ --kui-color-background: #0D0F0D;
197
+ --kui-color-background-accent: #CCFF00;
198
+ --kui-color-background-danger: #D78392;
199
+ --kui-color-background-danger-strong: #EFCDD3;
200
+ --kui-color-background-danger-stronger: #EFCDD3;
201
+ --kui-color-background-danger-strongest: #FBF3F4;
202
+ --kui-color-background-danger-weak: #953042;
203
+ --kui-color-background-danger-weaker: #4A1821;
204
+ --kui-color-background-danger-weakest: #361118;
205
+ --kui-color-background-decorative-aqua-weakest: #003946;
206
+ --kui-color-background-decorative-purple: #CBBCE8;
207
+ --kui-color-background-decorative-purple-weakest: #39265E;
208
+ --kui-color-background-disabled: #242824;
209
+ --kui-color-background-info: #759DC7;
210
+ --kui-color-background-info-strong: #95B3D4;
211
+ --kui-color-background-info-stronger: #CDDDEF;
212
+ --kui-color-background-info-strongest: #D7E3EF;
213
+ --kui-color-background-info-weak: #406E9F;
214
+ --kui-color-background-info-weaker: #26415E;
215
+ --kui-color-background-info-weakest: #192A3D;
216
+ --kui-color-background-inverse: #F9FBF9;
217
+ --kui-color-background-neutral: #9DA99D;
218
+ --kui-color-background-neutral-strong: #D2D7D2;
219
+ --kui-color-background-neutral-stronger: #E3E8E3;
220
+ --kui-color-background-neutral-strongest: #F1F3F1;
221
+ --kui-color-background-neutral-weak: #4E594E;
222
+ --kui-color-background-neutral-weaker: #242824;
223
+ --kui-color-background-neutral-weakest: #0D0F0D;
224
+ --kui-color-background-overlay: rgba(7, 8, 7, 0.6);
225
+ --kui-color-background-primary: #9DA99D;
226
+ --kui-color-background-primary-strong: #E3E8E3;
227
+ --kui-color-background-primary-stronger: #E3E8E3;
228
+ --kui-color-background-primary-strongest: #F1F3F1;
229
+ --kui-color-background-primary-weak: #4E594E;
230
+ --kui-color-background-primary-weaker: #242824;
231
+ --kui-color-background-primary-weakest: #0D0F0D;
232
+ --kui-color-background-success: #5A998A;
233
+ --kui-color-background-success-strong: #CCE3DE;
234
+ --kui-color-background-success-stronger: #CCE3DE;
235
+ --kui-color-background-success-strongest: #F7FCFB;
236
+ --kui-color-background-success-weak: #24594D;
237
+ --kui-color-background-success-weaker: #004635;
238
+ --kui-color-background-success-weakest: #143029;
239
+ --kui-color-background-transparent: transparent;
240
+ --kui-color-background-warning: #DBD06A;
241
+ --kui-color-background-warning-strong: #E6DE8F;
242
+ --kui-color-background-warning-stronger: #F8F6E1;
243
+ --kui-color-background-warning-strongest: #F8F6E1;
244
+ --kui-color-background-warning-weak: #998A00;
245
+ --kui-color-background-warning-weaker: #403B0F;
246
+ --kui-color-background-warning-weakest: #332E00;
247
+ --kui-color-border: #4E594E;
248
+ --kui-color-border-accent: #CCFF00;
249
+ --kui-color-border-danger: #FFE5EA;
250
+ --kui-color-border-danger-strong: #FFE5EA;
251
+ --kui-color-border-danger-stronger: #FFE5EA;
252
+ --kui-color-border-danger-strongest: #FFE5EA;
253
+ --kui-color-border-danger-weak: #FFE5EA;
254
+ --kui-color-border-danger-weaker: #FFE5EA;
255
+ --kui-color-border-danger-weakest: #FFE5EA;
256
+ --kui-color-border-decorative-purple: #F5F0FF;
257
+ --kui-color-border-disabled: #242824;
258
+ --kui-color-border-inverse: rgba(0, 0, 0, 0.5);
259
+ --kui-color-border-neutral: #4E594E;
260
+ --kui-color-border-neutral-strong: #4E594E;
261
+ --kui-color-border-neutral-stronger: #4E594E;
262
+ --kui-color-border-neutral-strongest: #4E594E;
263
+ --kui-color-border-neutral-weak: #4E594E;
264
+ --kui-color-border-neutral-weaker: #4E594E;
265
+ --kui-color-border-neutral-weakest: #4E594E;
266
+ --kui-color-border-primary: #F1F3F1;
267
+ --kui-color-border-primary-strong: #F1F3F1;
268
+ --kui-color-border-primary-stronger: #F1F3F1;
269
+ --kui-color-border-primary-strongest: #F1F3F1;
270
+ --kui-color-border-primary-weak: #F1F3F1;
271
+ --kui-color-border-primary-weaker: #F1F3F1;
272
+ --kui-color-border-primary-weakest: #F1F3F1;
273
+ --kui-color-border-transparent: transparent;
274
+ --kui-color-brand: #CCFF00;
275
+ --kui-color-text: #D2D7D2;
276
+ --kui-color-text-accent: #CCFF00;
277
+ --kui-color-text-danger: #EFCDD3;
278
+ --kui-color-text-danger-strong: #D78392;
279
+ --kui-color-text-danger-stronger: #EFCDD3;
280
+ --kui-color-text-danger-strongest: #EFCDD3;
281
+ --kui-color-text-danger-weak: #EFCDD3;
282
+ --kui-color-text-danger-weaker: #EFCDD3;
283
+ --kui-color-text-danger-weakest: #EFCDD3;
284
+ --kui-color-text-decorative-aqua: #C5E1E7;
285
+ --kui-color-text-decorative-pink: #E2B6CB;
286
+ --kui-color-text-decorative-purple: #CBBCE8;
287
+ --kui-color-text-decorative-purple-strong: #CBBCE8;
288
+ --kui-color-text-disabled: #9DA99D;
289
+ --kui-color-text-info: #CDDDEF;
290
+ --kui-color-text-info-strong: #95B3D4;
291
+ --kui-color-text-info-stronger: #CDDDEF;
292
+ --kui-color-text-info-strongest: #CDDDEF;
293
+ --kui-color-text-info-weak: #CDDDEF;
294
+ --kui-color-text-info-weaker: #CDDDEF;
295
+ --kui-color-text-info-weakest: #CDDDEF;
296
+ --kui-color-text-inverse: #070807;
297
+ --kui-color-text-neutral: #D2D7D2;
298
+ --kui-color-text-neutral-strong: #E3E8E3;
299
+ --kui-color-text-neutral-stronger: #F1F3F1;
300
+ --kui-color-text-neutral-strongest: #F1F3F1;
301
+ --kui-color-text-neutral-weak: #9DA99D;
302
+ --kui-color-text-neutral-weaker: #697769;
303
+ --kui-color-text-neutral-weakest: #4E594E;
304
+ --kui-color-text-primary: #D2D7D2;
305
+ --kui-color-text-primary-strong: #D2D7D2;
306
+ --kui-color-text-primary-stronger: #E3E8E3;
307
+ --kui-color-text-primary-strongest: #F1F3F1;
308
+ --kui-color-text-primary-weak: #FFFFFF;
309
+ --kui-color-text-primary-weaker: #FFFFFF;
310
+ --kui-color-text-primary-weakest: #FFFFFF;
311
+ --kui-color-text-success: #CCE3DE;
312
+ --kui-color-text-success-strong: #5A998A;
313
+ --kui-color-text-success-stronger: #CCE3DE;
314
+ --kui-color-text-success-strongest: #CCE3DE;
315
+ --kui-color-text-success-weak: #CCE3DE;
316
+ --kui-color-text-success-weaker: #CCE3DE;
317
+ --kui-color-text-success-weakest: #CCE3DE;
318
+ --kui-color-text-warning: #E6DE8F;
319
+ --kui-color-text-warning-strong: #DBD06A;
320
+ --kui-color-text-warning-stronger: #E6DE8F;
321
+ --kui-color-text-warning-strongest: #F8F6E1;
322
+ --kui-color-text-warning-weak: #E6DE8F;
323
+ --kui-color-text-warning-weaker: #E6DE8F;
324
+ --kui-color-text-warning-weakest: #E6DE8F;
325
+ --kui-copy-color-text: #9DA99D;
326
+ --kui-copy-font-family-code: 'JetBrains Mono', Consolas, monospace;
327
+ --kui-copy-font-size: 12px;
328
+ --kui-copy-font-weight-code: 400;
329
+ --kui-copy-icon-color-text-hover: #D2D7D2;
330
+ --kui-copy-line-height: 16px;
331
+ --kui-date-time-picker-day-color-background-hover: #070807;
332
+ --kui-date-time-picker-day-color-background-in-range: #242824;
333
+ --kui-date-time-picker-day-color-background-selected: #9DA99D;
334
+ --kui-date-time-picker-day-color-background-selected-hover: #D2D7D2;
335
+ --kui-date-time-picker-day-color-background-today: #242824;
336
+ --kui-date-time-picker-day-color-text: #D2D7D2;
337
+ --kui-date-time-picker-day-color-text-disabled: #9DA99D;
338
+ --kui-date-time-picker-day-color-text-selected: #070807;
339
+ --kui-date-time-picker-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
340
+ --kui-dropdown-border-radius: 6px;
341
+ --kui-dropdown-color-border: #4E594E;
342
+ --kui-dropdown-item-color-background: #0D0F0D;
343
+ --kui-dropdown-item-color-background-active: #4E594E;
344
+ --kui-dropdown-item-color-background-danger-active: #6F2432;
345
+ --kui-dropdown-item-color-background-danger-hover: #361118;
346
+ --kui-dropdown-item-color-background-hover: #242824;
347
+ --kui-dropdown-item-color-background-selected: #242824;
348
+ --kui-dropdown-item-color-background-selected-disabled: #242824;
349
+ --kui-dropdown-item-color-border-divider: #4E594E;
350
+ --kui-dropdown-item-color-text: #D2D7D2;
351
+ --kui-dropdown-item-color-text-danger: #EFCDD3;
352
+ --kui-dropdown-item-color-text-disabled: #9DA99D;
353
+ --kui-dropdown-item-color-text-selected: #F1F3F1;
354
+ --kui-dropdown-item-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
355
+ --kui-dropdown-item-font-size: 14px;
356
+ --kui-dropdown-item-font-weight: 500;
357
+ --kui-dropdown-item-line-height: 24px;
358
+ --kui-dropdown-item-padding-x: 16px;
359
+ --kui-dropdown-item-padding-y: 12px;
360
+ --kui-dropdown-item-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
361
+ --kui-empty-state-color-background: #0D0F0D;
362
+ --kui-empty-state-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
363
+ --kui-empty-state-footer-border-width: 1px;
364
+ --kui-empty-state-footer-color-border: #4E594E;
365
+ --kui-empty-state-footer-color-text: #D2D7D2;
366
+ --kui-empty-state-footer-font-size: 14px;
367
+ --kui-empty-state-footer-font-weight: 400;
368
+ --kui-empty-state-footer-line-height: 20px;
369
+ --kui-empty-state-footer-padding-top: 32px;
370
+ --kui-empty-state-icon-border-radius: 4px;
371
+ --kui-empty-state-icon-color: #9DA99D;
372
+ --kui-empty-state-icon-color-background: #244D56;
373
+ --kui-empty-state-icon-color-text-background: #C5E1E7;
374
+ --kui-empty-state-icon-padding: 8px;
375
+ --kui-empty-state-icon-size: 32px;
376
+ --kui-empty-state-icon-size-background: 24px;
377
+ --kui-empty-state-message-color-text: #D2D7D2;
378
+ --kui-empty-state-message-font-size: 14px;
379
+ --kui-empty-state-message-font-weight: 400;
380
+ --kui-empty-state-message-line-height: 20px;
381
+ --kui-empty-state-title-color-text: #D2D7D2;
382
+ --kui-empty-state-title-font-size: 18px;
383
+ --kui-empty-state-title-font-weight: 700;
384
+ --kui-empty-state-title-line-height: 24px;
385
+ --kui-file-upload-color-text-disabled: #9DA99D;
386
+ --kui-file-upload-color-text-placeholder: #9DA99D;
387
+ --kui-file-upload-dropzone-border-radius: 6px;
388
+ --kui-file-upload-dropzone-border-width: 1px;
389
+ --kui-file-upload-dropzone-color-background: #070807;
390
+ --kui-file-upload-dropzone-color-background-disabled: #242824;
391
+ --kui-file-upload-dropzone-color-border: #F1F3F1;
392
+ --kui-file-upload-dropzone-color-border-disabled: #242824;
393
+ --kui-file-upload-dropzone-color-border-error: #FFE5EA;
394
+ --kui-file-upload-dropzone-color-border-hover: #F1F3F1;
395
+ --kui-file-upload-dropzone-color-text: #9DA99D;
396
+ --kui-file-upload-dropzone-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
397
+ --kui-filter-group-clear-border-radius: 4px;
398
+ --kui-filter-group-pill-border-radius: 4px;
399
+ --kui-filter-group-pill-border-width: 1px;
400
+ --kui-filter-group-pill-color-background: #070807;
401
+ --kui-filter-group-pill-color-background-hover: #070807;
402
+ --kui-filter-group-pill-color-background-selected: #070807;
403
+ --kui-filter-group-pill-color-background-selected-hover: #242824;
404
+ --kui-filter-group-pill-color-border: #F1F3F1;
405
+ --kui-filter-group-pill-color-border-hover: #F1F3F1;
406
+ --kui-filter-group-pill-color-border-selected: #F1F3F1;
407
+ --kui-filter-group-pill-color-text: #E3E8E3;
408
+ --kui-filter-group-pill-color-text-selected: #9DA99D;
409
+ --kui-filter-group-pill-color-text-selected-hover: #E3E8E3;
410
+ --kui-filter-group-pill-line-height: 16px;
411
+ --kui-filter-group-pill-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
412
+ --kui-filter-group-selector-color-text: #9DA99D;
413
+ --kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
414
+ --kui-font-family-heading: 'Funnel Sans', Roboto, Helvetica, sans-serif;
415
+ --kui-font-family-text: 'Funnel Sans', Roboto, Helvetica, sans-serif;
416
+ --kui-font-size-10: 10px;
417
+ --kui-font-size-20: 12px;
418
+ --kui-font-size-30: 14px;
419
+ --kui-font-size-40: 16px;
420
+ --kui-font-size-50: 18px;
421
+ --kui-font-size-60: 20px;
422
+ --kui-font-size-70: 24px;
423
+ --kui-font-size-80: 32px;
424
+ --kui-font-size-90: 40px;
425
+ --kui-font-size-100: 48px;
426
+ --kui-font-weight-bold: 700;
427
+ --kui-font-weight-medium: 500;
428
+ --kui-font-weight-regular: 400;
429
+ --kui-font-weight-semibold: 600;
430
+ --kui-icon-color-danger: #953042;
431
+ --kui-icon-color-neutral: #697769;
432
+ --kui-icon-color-primary: #5485BA;
433
+ --kui-icon-color-success: #3D8776;
434
+ --kui-icon-color-warning: #665E19;
435
+ --kui-icon-size-10: 10px;
436
+ --kui-icon-size-20: 12px;
437
+ --kui-icon-size-30: 16px;
438
+ --kui-icon-size-40: 20px;
439
+ --kui-icon-size-50: 24px;
440
+ --kui-icon-size-60: 32px;
441
+ --kui-icon-size-70: 40px;
442
+ --kui-icon-size-80: 48px;
443
+ --kui-input-border-radius: 6px;
444
+ --kui-input-color-background: #0D0F0D;
445
+ --kui-input-color-background-disabled: #242824;
446
+ --kui-input-color-background-readonly: #070807;
447
+ --kui-input-color-text: #D2D7D2;
448
+ --kui-input-color-text-disabled: #9DA99D;
449
+ --kui-input-color-text-placeholder: #D2D7D2;
450
+ --kui-input-color-text-readonly: #D2D7D2;
451
+ --kui-input-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
452
+ --kui-input-font-size: 14px;
453
+ --kui-input-font-weight: 400;
454
+ --kui-input-line-height: 24px;
455
+ --kui-input-padding-x: 12px;
456
+ --kui-input-padding-y: 8px;
457
+ --kui-input-shadow-border: 0px 0px 0px 1px #D2D7D2 inset;
458
+ --kui-input-shadow-border-disabled: none;
459
+ --kui-input-shadow-border-error: 0px 0px 0px 1px #D78392 inset;
460
+ --kui-input-shadow-border-error-hover: 0px 0px 0px 1px #EFCDD3 inset;
461
+ --kui-input-shadow-border-hover: 0px 0px 0px 1px #F1F3F1 inset;
462
+ --kui-input-shadow-focus: 0px 0px 0px 2px rgba(157, 169, 157, 0.2);
463
+ --kui-input-switch-border-radius-large: 100px;
464
+ --kui-input-switch-border-radius-small: 100px;
465
+ --kui-input-switch-color-background: #9DA99D;
466
+ --kui-input-switch-color-background-disabled: #242824;
467
+ --kui-input-switch-color-background-hover: #D2D7D2;
468
+ --kui-input-switch-color-background-selected: #F1F3F1;
469
+ --kui-input-switch-color-background-selected-hover: #D2D7D2;
470
+ --kui-input-switch-icon-color-background: #0D0F0D;
471
+ --kui-input-switch-icon-color-background-disabled: #4E594E;
472
+ --kui-input-switch-icon-color-border: #0D0F0D;
473
+ --kui-input-switch-icon-color-border-disabled: #4E594E;
474
+ --kui-input-switch-icon-color-border-hover: #0D0F0D;
475
+ --kui-input-switch-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
476
+ --kui-input-switch-thumb-border-radius: 100px;
477
+ --kui-input-switch-thumb-border-width: 2px;
478
+ --kui-input-switch-thumb-color-background: #0D0F0D;
479
+ --kui-input-switch-thumb-color-background-disabled: #0D0F0D;
480
+ --kui-input-switch-thumb-shadow-border: 0px 0px 0px 1px #E3E8E3 inset;
481
+ --kui-input-switch-thumb-shadow-border-disabled: 0px 0px 0px 1px #4E594E inset;
482
+ --kui-input-switch-thumb-shadow-border-selected: 0px 0px 0px 1px #D2D7D2 inset;
483
+ --kui-label-color-text: #D2D7D2;
484
+ --kui-label-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
485
+ --kui-label-font-size: 14px;
486
+ --kui-label-font-weight: 600;
487
+ --kui-label-line-height: 20px;
488
+ --kui-letter-spacing-0: normal;
489
+ --kui-letter-spacing-minus-10: -0.12px;
490
+ --kui-letter-spacing-minus-20: -0.24px;
491
+ --kui-letter-spacing-minus-30: -0.32px;
492
+ --kui-letter-spacing-minus-40: -0.4px;
493
+ --kui-letter-spacing-minus-50: -0.48px;
494
+ --kui-letter-spacing-normal: normal;
495
+ --kui-line-height-10: 12px;
496
+ --kui-line-height-20: 16px;
497
+ --kui-line-height-30: 20px;
498
+ --kui-line-height-40: 24px;
499
+ --kui-line-height-50: 28px;
500
+ --kui-line-height-60: 32px;
501
+ --kui-line-height-70: 36px;
502
+ --kui-line-height-80: 40px;
503
+ --kui-line-height-90: 48px;
504
+ --kui-line-height-100: 56px;
505
+ --kui-link-color-text: #9DA99D;
506
+ --kui-link-color-text-active: #F1F3F1;
507
+ --kui-link-color-text-disabled: #9DA99D;
508
+ --kui-link-color-text-hover: #D2D7D2;
509
+ --kui-link-font-weight: 400;
510
+ --kui-link-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
511
+ --kui-link-text-decoration: underline;
512
+ --kui-link-text-decoration-hover: underline;
513
+ --kui-method-color-background-connect: #39265E;
514
+ --kui-method-color-background-delete: #4A1821;
515
+ --kui-method-color-background-get: #1D473D;
516
+ --kui-method-color-background-head: #D2D7D2;
517
+ --kui-method-color-background-options: #242824;
518
+ --kui-method-color-background-patch: #152D32;
519
+ --kui-method-color-background-post: #26415E;
520
+ --kui-method-color-background-put: #403B0F;
521
+ --kui-method-color-background-trace: #5F2642;
522
+ --kui-method-color-text-connect: #DFD7EF;
523
+ --kui-method-color-text-connect-strong: #CBBCE8;
524
+ --kui-method-color-text-delete: #EFCDD3;
525
+ --kui-method-color-text-delete-strong: #D78392;
526
+ --kui-method-color-text-get: #CCE3DE;
527
+ --kui-method-color-text-get-strong: #5A998A;
528
+ --kui-method-color-text-head: #242824;
529
+ --kui-method-color-text-head-strong: #D2D7D2;
530
+ --kui-method-color-text-options: #FFFFFF;
531
+ --kui-method-color-text-options-strong: #D2D7D2;
532
+ --kui-method-color-text-patch: #C5E1E7;
533
+ --kui-method-color-text-patch-strong: #7DBBC9;
534
+ --kui-method-color-text-post: #CDDDEF;
535
+ --kui-method-color-text-post-strong: #95B3D4;
536
+ --kui-method-color-text-put: #E6DE8F;
537
+ --kui-method-color-text-put-strong: #DBD06A;
538
+ --kui-method-color-text-trace: #E2B6CB;
539
+ --kui-method-color-text-trace-strong: #D596B4;
540
+ --kui-modal-border-radius: 8px;
541
+ --kui-modal-border-width: 1px;
542
+ --kui-modal-close-border-radius: 4px;
543
+ --kui-modal-close-color-text-hover: #D2D7D2;
544
+ --kui-modal-close-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
545
+ --kui-modal-color-background: #0D0F0D;
546
+ --kui-modal-color-border: #4E594E;
547
+ --kui-modal-color-text: #D2D7D2;
548
+ --kui-modal-content-color-background: #070807;
549
+ --kui-modal-content-color-text: #E3E8E3;
550
+ --kui-modal-content-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
551
+ --kui-modal-content-font-size: 14px;
552
+ --kui-modal-content-font-weight: 400;
553
+ --kui-modal-content-line-height: 20px;
554
+ --kui-modal-content-padding: 24px;
555
+ --kui-modal-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
556
+ --kui-modal-font-size: 14px;
557
+ --kui-modal-font-weight: 400;
558
+ --kui-modal-footer-padding: 16px 24px;
559
+ --kui-modal-header-padding: 20px 24px;
560
+ --kui-modal-line-height: 20px;
561
+ --kui-modal-shadow: 0 4px 16px rgba(241, 243, 241, 0.10);
562
+ --kui-modal-title-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
563
+ --kui-modal-title-font-size: 20px;
564
+ --kui-modal-title-font-weight: 700;
565
+ --kui-modal-title-line-height: 28px;
566
+ --kui-multiselect-footer-border-width: 1px;
567
+ --kui-multiselect-footer-color-background: #0D0F0D;
568
+ --kui-multiselect-footer-color-border: #4E594E;
569
+ --kui-multiselect-footer-color-text: #9DA99D;
570
+ --kui-multiselect-group-color-text: #9DA99D;
571
+ --kui-multiselect-group-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
572
+ --kui-multiselect-group-font-weight: 500;
573
+ --kui-multiselect-search-border-width: 1px;
574
+ --kui-multiselect-search-color-background: #0D0F0D;
575
+ --kui-multiselect-search-color-border: #4E594E;
576
+ --kui-navigation-color-background: #001933;
577
+ --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
578
+ --kui-navigation-color-border: rgba(255, 255, 255, 0.4);
579
+ --kui-navigation-color-border-child: #ECFFFB;
580
+ --kui-navigation-color-border-divider: rgba(255, 255, 255, 0.5);
581
+ --kui-navigation-color-text: #CDDDEF;
582
+ --kui-navigation-color-text-focus: #CDDDEF;
583
+ --kui-navigation-color-text-hover: #CDDDEF;
584
+ --kui-navigation-color-text-selected: #5A998A;
585
+ --kui-navigation-shadow-border: 0 0 0 1px rgba(255, 255, 255, 0.12) inset;
586
+ --kui-navigation-shadow-border-child: 4px 0 0 0 #5A998A inset;
587
+ --kui-navigation-shadow-focus: 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
588
+ --kui-pagination-border-radius: 4px;
589
+ --kui-pagination-border-width: 1px;
590
+ --kui-pagination-color-background: transparent;
591
+ --kui-pagination-color-background-selected: #070807;
592
+ --kui-pagination-color-border: #F1F3F1;
593
+ --kui-pagination-color-border-hover: #F1F3F1;
594
+ --kui-pagination-color-border-selected: #F1F3F1;
595
+ --kui-pagination-color-text: #9DA99D;
596
+ --kui-pagination-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
597
+ --kui-pagination-font-weight: 400;
598
+ --kui-pagination-padding: 6px;
599
+ --kui-pagination-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
600
+ --kui-pop-border-radius: 6px;
601
+ --kui-pop-border-width: 1px;
602
+ --kui-pop-close-border-radius: 4px;
603
+ --kui-pop-close-color-text: #9DA99D;
604
+ --kui-pop-close-color-text-hover: #D2D7D2;
605
+ --kui-pop-close-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
606
+ --kui-pop-color-background: #0D0F0D;
607
+ --kui-pop-color-border: #4E594E;
608
+ --kui-pop-color-text: #E3E8E3;
609
+ --kui-pop-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
610
+ --kui-pop-font-size: 12px;
611
+ --kui-pop-font-weight: 400;
612
+ --kui-pop-line-height: 16px;
613
+ --kui-pop-padding: 16px;
614
+ --kui-pop-shadow: 0 4px 16px rgba(241, 243, 241, 0.10);
615
+ --kui-pop-title-color-text: #D2D7D2;
616
+ --kui-pop-title-font-size: 16px;
617
+ --kui-pop-title-font-weight: 700;
618
+ --kui-pop-title-line-height: 20px;
619
+ --kui-radio-color-background: #0D0F0D;
620
+ --kui-radio-color-background-checked: #E3E8E3;
621
+ --kui-radio-shadow-border: 0px 0px 0px 1px #D2D7D2 inset;
622
+ --kui-radio-shadow-border-checked: 0px 0px 0px 1px #E3E8E3 inset;
623
+ --kui-radio-shadow-border-hover: 0px 0px 0px 1px #F1F3F1 inset;
624
+ --kui-radio-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
625
+ --kui-segmented-control-border-radius: 6px;
626
+ --kui-segmented-control-border-width: 1px;
627
+ --kui-segmented-control-color-background: #0D0F0D;
628
+ --kui-segmented-control-color-background-disabled-selected: #242824;
629
+ --kui-segmented-control-color-background-selected: #070807;
630
+ --kui-segmented-control-color-border: #F1F3F1;
631
+ --kui-segmented-control-color-border-active: #F1F3F1;
632
+ --kui-segmented-control-color-border-disabled: #3D443D;
633
+ --kui-segmented-control-color-border-hover: #F1F3F1;
634
+ --kui-segmented-control-color-border-selected: #F1F3F1;
635
+ --kui-segmented-control-color-text: #9DA99D;
636
+ --kui-segmented-control-color-text-active: #F1F3F1;
637
+ --kui-segmented-control-color-text-disabled: #9DA99D;
638
+ --kui-segmented-control-color-text-hover: #D2D7D2;
639
+ --kui-segmented-control-color-text-selected: #E3E8E3;
640
+ --kui-segmented-control-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
641
+ --kui-segmented-control-font-size: 12px;
642
+ --kui-segmented-control-font-weight: 600;
643
+ --kui-segmented-control-line-height: 16px;
644
+ --kui-segmented-control-padding-x: 12px;
645
+ --kui-segmented-control-padding-x-large: 16px;
646
+ --kui-segmented-control-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
647
+ --kui-select-item-color-background: #0D0F0D;
648
+ --kui-select-item-color-background-hover: #242824;
649
+ --kui-select-item-color-background-selected: #242824;
650
+ --kui-select-item-color-background-selected-disabled: #242824;
651
+ --kui-select-item-color-text: #D2D7D2;
652
+ --kui-select-item-color-text-disabled: #9DA99D;
653
+ --kui-select-item-color-text-selected: #F1F3F1;
654
+ --kui-select-item-font-size: 14px;
655
+ --kui-select-item-line-height: 24px;
656
+ --kui-select-item-padding-x: 16px;
657
+ --kui-select-item-padding-y: 12px;
658
+ --kui-shadow: 0px 4px 20px 0px color-mix(in srgb, #f1f3f1 5%, transparent);
659
+ --kui-shadow-border: 0px 0px 0px 1px #D2D7D2 inset;
660
+ --kui-shadow-border-danger: 0px 0px 0px 1px #D78392 inset;
661
+ --kui-shadow-border-danger-strong: 0px 0px 0px 1px #EFCDD3 inset;
662
+ --kui-shadow-border-disabled: 0px 0px 0px 1px #242824 inset;
663
+ --kui-shadow-border-primary: 0px 0px 0px 1px #D2D7D2 inset;
664
+ --kui-shadow-border-primary-strongest: 0px 0px 0px 1px #F1F3F1 inset;
665
+ --kui-shadow-border-primary-weak: 0px 0px 0px 1px #E3E8E3 inset;
666
+ --kui-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
667
+ --kui-skeleton-border-radius: 4px;
668
+ --kui-skeleton-card-border-radius: 6px;
669
+ --kui-skeleton-card-border-width: 1px;
670
+ --kui-skeleton-card-color-border: #F1F3F1;
671
+ --kui-skeleton-color-background: #242824;
672
+ --kui-skeleton-color-background-shimmer: #070807;
673
+ --kui-skeleton-fullscreen-color-background: #0D0F0D;
674
+ --kui-skeleton-progress-border-radius: 8px;
675
+ --kui-skeleton-progress-color-background: #070807;
676
+ --kui-skeleton-progress-color-background-active: #9DA99D;
677
+ --kui-skeleton-spinner-border-radius: 50%;
678
+ --kui-skeleton-spinner-color-border: #F1F3F1;
679
+ --kui-skeleton-spinner-color-border-active: #F1F3F1;
680
+ --kui-skeleton-table-border-width: 1px;
681
+ --kui-skeleton-table-color-border: #F1F3F1;
682
+ --kui-slideout-border-width: 1px;
683
+ --kui-slideout-close-border-radius: 4px;
684
+ --kui-slideout-close-color-text-hover: #D2D7D2;
685
+ --kui-slideout-close-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
686
+ --kui-slideout-color-background: #0D0F0D;
687
+ --kui-slideout-color-border: #4E594E;
688
+ --kui-slideout-color-text: #D2D7D2;
689
+ --kui-slideout-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
690
+ --kui-slideout-font-size: 14px;
691
+ --kui-slideout-font-weight: 400;
692
+ --kui-slideout-line-height: 20px;
693
+ --kui-slideout-padding: 20px 0px 0px 20px;
694
+ --kui-slideout-shadow: 0 4px 16px rgba(241, 243, 241, 0.10);
695
+ --kui-slideout-title-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
696
+ --kui-slideout-title-font-size: 20px;
697
+ --kui-slideout-title-font-weight: 700;
698
+ --kui-slideout-title-line-height: 28px;
699
+ --kui-slider-fill-color-background: #4E594E;
700
+ --kui-slider-fill-color-background-disabled: #4E594E;
701
+ --kui-slider-mark-color-text: #9DA99D;
702
+ --kui-slider-mark-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
703
+ --kui-slider-mark-font-size: 14px;
704
+ --kui-slider-mark-font-weight: 400;
705
+ --kui-slider-mark-line-height: 16px;
706
+ --kui-slider-thumb-border-radius: 50%;
707
+ --kui-slider-thumb-color-background: #9DA99D;
708
+ --kui-slider-thumb-color-background-disabled: #4E594E;
709
+ --kui-slider-thumb-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
710
+ --kui-slider-thumb-size: 16px;
711
+ --kui-slider-track-border-radius: 4px;
712
+ --kui-slider-track-color-background: #242824;
713
+ --kui-space-0: 0px;
714
+ --kui-space-10: 2px;
715
+ --kui-space-20: 4px;
716
+ --kui-space-30: 6px;
717
+ --kui-space-40: 8px;
718
+ --kui-space-50: 12px;
719
+ --kui-space-60: 16px;
720
+ --kui-space-70: 20px;
721
+ --kui-space-80: 24px;
722
+ --kui-space-90: 32px;
723
+ --kui-space-100: 40px;
724
+ --kui-space-110: 48px;
725
+ --kui-space-120: 56px;
726
+ --kui-space-130: 64px;
727
+ --kui-space-140: 80px;
728
+ --kui-space-150: 96px;
729
+ --kui-space-auto: auto;
730
+ --kui-status-color-1na: #26415E;
731
+ --kui-status-color-2na: #1D473D;
732
+ --kui-status-color-3na: #403B0F;
733
+ --kui-status-color-4na: #5E1800;
734
+ --kui-status-color-5na: #4A1821;
735
+ --kui-status-color-100: #33587F;
736
+ --kui-status-color-100s: #5485BA;
737
+ --kui-status-color-101: #406E9F;
738
+ --kui-status-color-102: #5485BA;
739
+ --kui-status-color-103: #759DC7;
740
+ --kui-status-color-200: #24594D;
741
+ --kui-status-color-200s: #3D8776;
742
+ --kui-status-color-201: #2B6B5C;
743
+ --kui-status-color-202: #3D8776;
744
+ --kui-status-color-203: #5A998A;
745
+ --kui-status-color-204: #5A998A;
746
+ --kui-status-color-205: #CCE3DE;
747
+ --kui-status-color-206: #24594D;
748
+ --kui-status-color-207: #2B6B5C;
749
+ --kui-status-color-208: #3D8776;
750
+ --kui-status-color-226: #5A998A;
751
+ --kui-status-color-300: #665E19;
752
+ --kui-status-color-300s: #B5A72C;
753
+ --kui-status-color-301: #8E8322;
754
+ --kui-status-color-302: #B5A72C;
755
+ --kui-status-color-303: #DBD06A;
756
+ --kui-status-color-304: #DBD06A;
757
+ --kui-status-color-305: #E6DE8F;
758
+ --kui-status-color-307: #665E19;
759
+ --kui-status-color-308: #8E8322;
760
+ --kui-status-color-400: #8E2400;
761
+ --kui-status-color-400s: #BF5430;
762
+ --kui-status-color-401: #BF3000;
763
+ --kui-status-color-402: #BF5430;
764
+ --kui-status-color-403: #FF5821;
765
+ --kui-status-color-404: #FF7D51;
766
+ --kui-status-color-405: #FFC5B2;
767
+ --kui-status-color-406: #8E2400;
768
+ --kui-status-color-407: #BF3000;
769
+ --kui-status-color-408: #BF5430;
770
+ --kui-status-color-409: #FF5821;
771
+ --kui-status-color-410: #FF7D51;
772
+ --kui-status-color-411: #FFC5B2;
773
+ --kui-status-color-412: #8E2400;
774
+ --kui-status-color-413: #BF3000;
775
+ --kui-status-color-414: #BF5430;
776
+ --kui-status-color-415: #FF5821;
777
+ --kui-status-color-416: #FF7D51;
778
+ --kui-status-color-417: #FFC5B2;
779
+ --kui-status-color-418: #8E2400;
780
+ --kui-status-color-421: #BF3000;
781
+ --kui-status-color-422: #BF5430;
782
+ --kui-status-color-423: #FF5821;
783
+ --kui-status-color-424: #FF7D51;
784
+ --kui-status-color-425: #FFC5B2;
785
+ --kui-status-color-426: #8E2400;
786
+ --kui-status-color-428: #BF3000;
787
+ --kui-status-color-429: #BF5430;
788
+ --kui-status-color-431: #FF5821;
789
+ --kui-status-color-451: #FF7D51;
790
+ --kui-status-color-500: #6F2432;
791
+ --kui-status-color-500s: #953042;
792
+ --kui-status-color-501: #953042;
793
+ --kui-status-color-502: #953042;
794
+ --kui-status-color-503: #FF9BA8;
795
+ --kui-status-color-504: #D78392;
796
+ --kui-status-color-505: #EFCDD3;
797
+ --kui-status-color-506: #6F2432;
798
+ --kui-status-color-507: #953042;
799
+ --kui-status-color-508: #953042;
800
+ --kui-status-color-510: #FF9BA8;
801
+ --kui-status-color-511: #D78392;
802
+ --kui-status-color-background-100: #26415E;
803
+ --kui-status-color-background-200: #1D473D;
804
+ --kui-status-color-background-300: #403B0F;
805
+ --kui-status-color-background-400: #5E1800;
806
+ --kui-status-color-background-500: #4A1821;
807
+ --kui-status-color-text-100: #CDDDEF;
808
+ --kui-status-color-text-200: #CCE3DE;
809
+ --kui-status-color-text-300: #E6DE8F;
810
+ --kui-status-color-text-400: #FFC5B2;
811
+ --kui-status-color-text-500: #EFCDD3;
812
+ --kui-stepper-border-radius: 50%;
813
+ --kui-stepper-border-width: 1px;
814
+ --kui-stepper-color-background: #0D0F0D;
815
+ --kui-stepper-color-background-completed: #4E594E;
816
+ --kui-stepper-color-background-error: #330009;
817
+ --kui-stepper-color-background-selected: #9DA99D;
818
+ --kui-stepper-color-border: #4E594E;
819
+ --kui-stepper-color-text: #9DA99D;
820
+ --kui-stepper-color-text-label: #9DA99D;
821
+ --kui-stepper-color-text-label-selected: #E3E8E3;
822
+ --kui-stepper-color-text-selected: #070807;
823
+ --kui-stepper-connector-color-background: #242824;
824
+ --kui-stepper-connector-color-background-completed: #9DA99D;
825
+ --kui-stepper-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
826
+ --kui-stepper-font-weight: 600;
827
+ --kui-table-cell-color-text: #D2D7D2;
828
+ --kui-table-cell-font-size: 14px;
829
+ --kui-table-cell-font-weight: 400;
830
+ --kui-table-cell-line-height: 20px;
831
+ --kui-table-cell-shadow-resize-hover: calc(-1 * 2px) 0 0 0 #242824 inset;
832
+ --kui-table-color-background: #0D0F0D;
833
+ --kui-table-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
834
+ --kui-table-header-color-border: #4E594E;
835
+ --kui-table-header-color-text: #9DA99D;
836
+ --kui-table-header-color-text-active-sort: #D2D7D2;
837
+ --kui-table-header-font-size: 14px;
838
+ --kui-table-header-font-weight: 600;
839
+ --kui-table-header-line-height: 20px;
840
+ --kui-table-header-padding: 12px 16px;
841
+ --kui-table-header-shadow-resize-hover: calc(-1 * 2px) 0 0 0 #C9B3FF inset;
842
+ --kui-table-header-shadow-scrolled: 0px 4px 20px 0px color-mix(in srgb, #f1f3f1 5%, transparent);
843
+ --kui-table-padding: 12px 16px;
844
+ --kui-table-row-color-background-expanded: #070807;
845
+ --kui-table-row-color-background-hover: #242824;
846
+ --kui-table-row-color-border: #4E594E;
847
+ --kui-table-sticky-color-background: #0D0F0D;
848
+ --kui-tabs-border-radius: 6px;
849
+ --kui-tabs-border-radius-minimal: 4px;
850
+ --kui-tabs-border-width: 1px;
851
+ --kui-tabs-border-width-selected: 2px;
852
+ --kui-tabs-color-background-hover: #242824;
853
+ --kui-tabs-color-border: #4E594E;
854
+ --kui-tabs-color-border-selected: #E3E8E3;
855
+ --kui-tabs-color-text: #9DA99D;
856
+ --kui-tabs-color-text-disabled: #9DA99D;
857
+ --kui-tabs-color-text-hover: #D2D7D2;
858
+ --kui-tabs-color-text-minimal-hover: #E3E8E3;
859
+ --kui-tabs-color-text-selected: #F1F3F1;
860
+ --kui-tabs-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
861
+ --kui-tabs-font-size: 14px;
862
+ --kui-tabs-font-size-minimal: 12px;
863
+ --kui-tabs-font-weight: 600;
864
+ --kui-tabs-font-weight-minimal: 500;
865
+ --kui-tabs-line-height: 24px;
866
+ --kui-tabs-line-height-minimal: 20px;
867
+ --kui-tabs-padding: 6px 12px;
868
+ --kui-tabs-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
869
+ --kui-toaster-border-radius: 6px;
870
+ --kui-toaster-close-border-radius: 4px;
871
+ --kui-toaster-close-color-text-hover: #242824;
872
+ --kui-toaster-close-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
873
+ --kui-toaster-color-background: #F9FBF9;
874
+ --kui-toaster-color-text: #070807;
875
+ --kui-toaster-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
876
+ --kui-toaster-font-size: 14px;
877
+ --kui-toaster-font-weight: 400;
878
+ --kui-toaster-icon-color: #F9FBF9;
879
+ --kui-toaster-icon-color-background: #759DC7;
880
+ --kui-toaster-icon-color-background-danger: #FF9BA8;
881
+ --kui-toaster-icon-color-background-info: #759DC7;
882
+ --kui-toaster-icon-color-background-success: #3D8776;
883
+ --kui-toaster-icon-color-background-system: #9DA99D;
884
+ --kui-toaster-icon-color-background-warning: #B5A72C;
885
+ --kui-toaster-line-height: 20px;
886
+ --kui-toaster-padding: 12px;
887
+ --kui-toaster-shadow: 0 4px 16px rgba(241, 243, 241, 0.10);
888
+ --kui-toaster-title-font-size: 18px;
889
+ --kui-toaster-title-font-weight: 600;
890
+ --kui-toaster-title-line-height: 24px;
891
+ --kui-tooltip-border-radius: 4px;
892
+ --kui-tooltip-color-background: #F9FBF9;
893
+ --kui-tooltip-color-text: #070807;
894
+ --kui-tooltip-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
895
+ --kui-tooltip-font-size: 12px;
896
+ --kui-tooltip-font-weight: 500;
897
+ --kui-tooltip-line-height: 16px;
898
+ --kui-tooltip-padding: 6px;
899
+ --kui-tree-list-border-radius: 4px;
900
+ --kui-tree-list-border-width: 1px;
901
+ --kui-tree-list-color-background: #0D0F0D;
902
+ --kui-tree-list-color-background-drag-indicator: #3D443D;
903
+ --kui-tree-list-color-background-hover: #242824;
904
+ --kui-tree-list-color-background-selected: #242824;
905
+ --kui-tree-list-color-border: #4E594E;
906
+ --kui-tree-list-color-border-connector: #4E594E;
907
+ --kui-tree-list-color-border-selected: #E3E8E3;
908
+ --kui-tree-list-color-text: #D2D7D2;
909
+ --kui-tree-list-color-text-icon: #9DA99D;
910
+ --kui-tree-list-color-text-icon-selected: #D2D7D2;
911
+ --kui-tree-list-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
912
+ --kui-tree-list-font-weight: 400;
913
+ --kui-tree-list-padding: 6px;
914
+ --kui-tree-list-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
915
+ --kui-truncate-collapse-trigger-color-background: #070807;
916
+ --kui-truncate-collapse-trigger-color-background-hover: #242824;
917
+ --kui-truncate-collapse-trigger-color-text: #9DA99D;
918
+ --kui-truncate-expand-trigger-color-text: #9DA99D;
919
+ --kui-truncate-expand-trigger-color-text-hover: #D2D7D2;
920
+ --kui-truncate-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
921
+ --kui-breakpoint-mobile: 640px;
922
+ --kui-breakpoint-phablet: 768px;
923
+ --kui-breakpoint-tablet: 1024px;
924
+ --kui-breakpoint-laptop: 1280px;
925
+ --kui-breakpoint-desktop: 1536px;
926
+ }
927
+ }