@useinsider/design-tokens 0.2.2 → 0.3.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 (5) hide show
  1. package/README.md +23 -8
  2. package/dist/_compat.scss +37 -37
  3. package/dist/_tokens.scss +299 -299
  4. package/dist/tokens.css +574 -574
  5. package/package.json +1 -1
package/dist/tokens.css CHANGED
@@ -4,583 +4,583 @@
4
4
  */
5
5
 
6
6
  [data-ins-editor][data-ins-rebrand="on"] {
7
- --background-accent: #f4482b;
8
- --background-calendarpopover-primary-selected: #716174;
9
- --background-chips-secondary: #5a5546;
10
- --background-codesnippet-sidebar: #e5e5e5;
11
- --background-codesnippet-sidebar-disabled: #d9d9d9;
12
- --background-elevated: white;
13
- --background-elevated-hover: #f8f8f8;
14
- --background-elevated-inverted: #333;
15
- --background-elevated-selected: #ece5ed;
16
- --background-elevated-selected-hover: #ded5df;
17
- --background-magenta: #c42671;
18
- --background-magenta-subtle: #ffd9e4;
19
- --background-orange: #e48818;
20
- --background-orange-subtle: #ffefde;
21
- --background-page: #faf8f7;
22
- --background-primary: #261a28;
23
- --background-primary-hover: #3f3042;
24
- --background-primary-subtle: #ece5ed;
25
- --background-primary-subtle-hover: #ded5df;
26
- --background-secondary: #e7e3da;
27
- --background-secondary-hover: #d4cfc4;
28
- --background-segment-disabled-selected: #d9d9d9;
29
- --background-skeleton-shimmer: #eee;
30
- --background-smart: #5d23a4;
31
- --background-smart-subtle: #e9deff;
32
- --background-state-disabled: #eee;
33
- --background-state-disabled-onbg: #e5e5e5;
34
- --background-state-error: #ed4042;
35
- --background-state-error-subtle: #ffe4e1;
36
- --background-state-error-subtle-hover: #ffd1ce;
37
- --background-state-info: #4078ef;
38
- --background-state-info-subtle: #e2ebff;
39
- --background-state-success: #188b49;
40
- --background-state-success-subtle: #e4f3e9;
41
- --background-state-warning: #fcc535;
42
- --background-state-warning-subtle: #fff5d5;
43
- --background-surface: white;
44
- --background-surface-hover: #f8f8f8;
45
- --background-surface-inverted: #333;
46
- --background-surface-subtle: #fafafa;
47
- --background-surface-subtle-hover: #e5e5e5;
48
- --background-track: #d9d9d9;
49
- --background-calendarpopover-compare-selected: #c42671;
50
- --background-calendarpopover-compare-selected-hover: #d35789;
51
- --background-calendarpopover-compare-subtle: #ffc5d7;
52
- --background-calendarpopover-compare-subtle-hover: #f4a2bd;
53
- --background-calendarpopover-primary-selected-hover: #8b7d8e;
54
- --background-calendarpopover-primary-subtle: #ded5df;
55
- --background-calendarpopover-primary-subtle-hover: #c1b7c3;
56
- --background-chips-secondary-hover: #736d5d;
57
- --background-chips-surface-error-hover: #fc8f8c;
58
- --background-chips-surface-info-hover: #94b7fb;
59
- --background-chips-surface-magenta-hover: #e481a4;
60
- --background-chips-surface-orange-hover: #f1b06f;
61
- --background-chips-surface-primary-hover: #a699a8;
62
- --background-chips-surface-secondary-subtle-hover: #a7a191;
63
- --background-chips-surface-smart-hover: #a184dd;
64
- --background-chips-surface-success-hover: #8cc3a1;
65
- --background-chips-surface-warning-hover: #fdd677;
66
- --background-datatable-pagination-selected: #ece5ed;
67
- --background-datatable-pagination-selected-hover: #ded5df;
68
- --background-datatable-row-selected: #f2eef2;
69
- --background-datatable-row-selected-hover: #ece5ed;
70
- --background-magenta-hover: #d35789;
71
- --background-magenta-subtle-hover: #ffc5d7;
72
- --background-orange-hover: #eb9840;
73
- --background-orange-subtle-hover: #ffe6ce;
74
- --background-overlay: #00000066;
75
- --background-primary-bold: #170d19;
76
- --background-primary-bold-hover: #3f3042;
77
- --background-ribbon-error: #ffd1ce;
78
- --background-ribbon-info: #d8e5ff;
79
- --background-ribbon-success: #d8efe0;
80
- --background-ribbon-warning: #ffeebc;
81
- --background-sidebar-item: #170d19;
82
- --background-sidebar-item-hover: #261a28;
83
- --background-sidebar-item-selected: #261a28;
84
- --background-sidebar-oncolor-hover: #8b7d8e;
85
- --background-sidebar-seconditem: #3f3042;
86
- --background-sidebar-seconditem-hover: #58485b;
87
- --background-sidebar-subitem: #261a28;
88
- --background-sidebar-subitem-hover: #3f3042;
89
- --background-sidebar-thirditem: #58485b;
90
- --background-sidebar-thirditem-hover: #716174;
91
- --background-smart-hover: #794ec2;
92
- --background-smart-subtle-hover: #ddceff;
93
- --background-state-disabled-onbg-filled: #999999;
94
- --background-state-error-hover: #ec585c;
95
- --background-state-info-hover: #6795f3;
96
- --background-state-info-subtle-hover: #d8e5ff;
97
- --background-state-success-hover: #449a67;
98
- --background-state-success-subtle-hover: #d8efe0;
99
- --background-state-warning-hover: #fbc846;
100
- --background-state-warning-subtle-hover: #ffeebc;
101
- --background-transparent: #ffffff00;
102
- --border-bold: #999999;
103
- --border-bolder: #333;
104
- --border-chips-error-subtle: #fc8f8c;
105
- --border-chips-info-subtle: #94b7fb;
106
- --border-chips-magenta-subtle: #e481a4;
107
- --border-chips-orange-subtle: #f1b06f;
108
- --border-chips-smart-subtle: #a184dd;
109
- --border-chips-warning-subtle: #fdd677;
110
- --border-default: #ccc;
111
- --border-inverted: white;
112
- --border-primary: #261a28;
113
- --border-primary-hover: #8b7d8e;
114
- --border-primary-subtle: #58485b;
115
- --border-primary-subtler: #a699a8;
116
- --border-secondary: #a7a191;
117
- --border-smart: #5d23a4;
118
- --border-state-disabled: #ccc;
119
- --border-state-error: #ed4042;
120
- --border-state-error-hover: #fc8f8c;
121
- --border-state-formdisabled: #eee;
122
- --border-state-info: #4078ef;
123
- --border-state-success: #188b49;
124
- --border-state-warning: #fcc535;
125
- --border-state-warning-hover: #fdd677;
126
- --border-subtle: #e5e5e5;
127
- --border-chips-success-subtle: #8cc3a1;
128
- --border-magenta: #c42671;
129
- --border-magenta-hover: #e481a4;
130
- --border-magenta-subtle: #ffd9e4;
131
- --border-orange: #e48818;
132
- --border-primary-subtlest: #ece5ed;
133
- --border-smart-hover: #a184dd;
134
- --border-state-info-hover: #94b7fb;
135
- --icon-button-secondary: #5a5546;
136
- --icon-default: #666;
137
- --icon-inverted: white;
138
- --icon-neutral: white;
139
- --icon-neutral-inverted: #333;
140
- --icon-primary: #261a28;
141
- --icon-state-disabled: #999999;
142
- --icon-bold: #333333;
143
- --icon-button-error-pressed: #ed4042;
144
- --icon-button-error-selected: #a32226;
145
- --icon-button-inverted-pressed: #fafafa;
146
- --icon-button-inverted-selected: #eeeeee;
147
- --icon-button-primary-pressed: #716174;
148
- --icon-button-primary-selected: #3f3042;
149
- --icon-button-secondary-pressed: #736d5d;
150
- --icon-button-secondary-selected: #423d30;
151
- --icon-button-smart-pressed: #5d23a4;
152
- --icon-button-smart-selected: #411874;
153
- --icon-button-warning-pressed: #bc9127;
154
- --icon-button-warning-selected: #5c4713;
155
- --icon-inverted-subtle: #cccccc;
156
- --icon-magenta: #c42671;
157
- --icon-magenta-oncolor: #68143a;
158
- --icon-orange: #e48818;
159
- --icon-orange-oncolor: #583306;
160
- --icon-primary-subtle: #58485b;
161
- --icon-smart: #5d23a4;
162
- --icon-smart-oncolor: #511c90;
163
- --icon-state-error: #ed4042;
164
- --icon-state-error-oncolor: #c92f33;
165
- --icon-state-info: #4078ef;
166
- --icon-state-info-oncolor: #223b85;
167
- --icon-state-success: #188b49;
168
- --icon-state-success-oncolor: #0a4324;
169
- --icon-state-warning: #fcc535;
170
- --icon-state-warning-oncolor: #8d6c1e;
171
- --icon-subtle: #cccccc;
172
- --icon-subtle-hover: #666666;
173
- --icon-tab-hover: #58485b;
174
- --text-button-secondary: #5a5546;
175
- --text-default: #333;
176
- --text-inverted: white;
177
- --text-magenta: #68143a;
178
- --text-magenta-subtle: #c42671;
179
- --text-neutral: white;
180
- --text-neutral-inverted: #333;
181
- --text-onlight: #333;
182
- --text-orange: #583306;
183
- --text-primary: #261a28;
184
- --text-primary-subtle: #58485b;
185
- --text-smart: #511c90;
186
- --text-state-disabled: #999;
187
- --text-state-error: #c92f33;
188
- --text-state-error-subtle: #ed4042;
189
- --text-state-info: #223b85;
190
- --text-state-success: #0a4324;
191
- --text-state-warning: #8d6c1e;
192
- --text-subtle: #666;
193
- --text-tab-hover: #58485b;
194
- --text-button-error-pressed: #ed4042;
195
- --text-button-error-selected: #a32226;
196
- --text-button-inverted-pressed: #fafafa;
197
- --text-button-inverted-selected: #eeeeee;
198
- --text-button-primary-pressed: #716174;
199
- --text-button-primary-selected: #3f3042;
200
- --text-button-secondary-pressed: #736d5d;
201
- --text-button-secondary-selected: #423d30;
202
- --text-button-smart-pressed: #5d23a4;
203
- --text-button-smart-selected: #411874;
204
- --text-button-warning-pressed: #bc9127;
205
- --text-button-warning-selected: #5c4713;
206
- --text-calendarpopover-days-label: #808080;
207
- --text-inverted-subtle: #cccccc;
208
- --text-inverted-subtler: #d9d9d9;
209
- --text-link: #c93200;
210
- --text-link-hover: #ff7a5a;
211
- --text-link-oncolor: #333333;
212
- --text-link-visited: #c42671;
213
- --text-smart-subtle: #5d23a4;
214
- --text-state-disabled-onbg: #333333;
215
- --text-state-info-subtle: #4078ef;
216
- --text-state-success-subtle: #188b49;
217
- --text-state-warning-subtle: #fcc535;
218
- --visual-dataviz-blue-subtle: #94b7fb;
219
- --visual-dataviz-datapaint-blue: #4078ef;
220
- --visual-dataviz-datapaint-blue-bold: #2a4da8;
221
- --visual-dataviz-datapaint-green-subtle: #8cc3a1;
222
- --visual-dataviz-datapaint-purple: #794ec2;
223
- --visual-dataviz-datapaint-red: #c92f33;
224
- --visual-dataviz-datapaint-solar-subtle: #ff7a5a;
225
- --visual-dataviz-green-subtle: #8cc3a1;
226
- --visual-dataviz-orange-subtle: #ffcd9b;
227
- --visual-illustration-blue-01: #e2ebff;
228
- --visual-illustration-blue-02: #4078ef;
229
- --visual-illustration-gray-01: white;
230
- --visual-illustration-gray-02: #fafafa;
231
- --visual-illustration-gray-04: #eee;
232
- --visual-illustration-gray-05: #e5e5e5;
233
- --visual-illustration-gray-08: #595959;
234
- --visual-illustration-purple-01: #ddceff;
235
- --visual-illustration-purple-02: #5d23a4;
236
- --visual-illustration-red-01: #ffe4e1;
237
- --visual-illustration-red-02: #fc8f8c;
238
- --visual-illustration-red-03: #ed4042;
239
- --visual-illustration-yellow-01: #ffeebc;
240
- --visual-illustration-yellow-02: #fdd677;
241
- --visual-illustration-yellow-03: #fbc846;
242
- --visual-illustration-yellow-04: #fcc535;
243
- --visual-illustration-yellow-05: #e2af2e;
244
- --visual-scrollbar-thumb: #ccc;
245
- --visual-indicator-primary: #261a28;
246
- --visual-dataviz-datapaint-blue-subtle: #94b7fb;
247
- --visual-dataviz-datapaint-eclipse: #3f3042;
248
- --visual-dataviz-datapaint-eclipse-bold: #261a28;
249
- --visual-dataviz-datapaint-eclipse-subtle: #716174;
250
- --visual-dataviz-datapaint-gray: #808080;
251
- --visual-dataviz-datapaint-gray-bold: #595959;
252
- --visual-dataviz-datapaint-gray-subtle: #e5e5e5;
253
- --visual-dataviz-datapaint-green: #188b49;
254
- --visual-dataviz-datapaint-green-bold: #0a4324;
255
- --visual-dataviz-datapaint-lunar: #8a453d;
256
- --visual-dataviz-datapaint-lunar-bold: #54241f;
257
- --visual-dataviz-datapaint-lunar-subtle: #d0c2c7;
258
- --visual-dataviz-datapaint-magenta: #d35789;
259
- --visual-dataviz-datapaint-magenta-bold: #ac2263;
260
- --visual-dataviz-datapaint-magenta-subtle: #f4a2bd;
261
- --visual-dataviz-datapaint-nova: #a7a191;
262
- --visual-dataviz-datapaint-nova-bold: #8c8675;
263
- --visual-dataviz-datapaint-nova-subtle: #e7e3da;
264
- --visual-dataviz-datapaint-orange: #e48818;
265
- --visual-dataviz-datapaint-orange-bold: #a35e01;
266
- --visual-dataviz-datapaint-orange-subtle: #ffcd9b;
267
- --visual-dataviz-datapaint-purple-bold: #5d23a4;
268
- --visual-dataviz-datapaint-purple-subtle: #a184dd;
269
- --visual-dataviz-datapaint-red-bold: #a32226;
270
- --visual-dataviz-datapaint-red-subtle: #ec585c;
271
- --visual-dataviz-datapaint-solar: #f4482b;
272
- --visual-dataviz-datapaint-solar-bold: #a02200;
273
- --visual-dataviz-datapaint-solar-subtler: #ffe5d9;
274
- --visual-dataviz-datapaint-yellow: #fbc846;
275
- --visual-dataviz-datapaint-yellow-bold: #e2af2e;
276
- --visual-dataviz-datapaint-yellow-subtle: #ffe297;
277
- --visual-dataviz-grid-bar: #999999cc;
278
- --visual-dataviz-grid-line: #cccccc;
279
- --visual-illustration-eclipse-01: #3f3042;
280
- --visual-illustration-gray-03: #f8f8f8;
281
- --visual-illustration-gray-06: #d9d9d9;
282
- --visual-illustration-gray-07: #808080;
283
- --visual-illustration-gray-09: #18181b;
284
- --visual-illustration-red-04: #c92f33;
285
- --visual-pagination-dot-active: #261a28;
286
- --visual-pagination-dot-inactive: #cccccc;
287
- --visual-pagination-dot-oncolor-active: #ffffff;
288
- --visual-pagination-dot-oncolor-inactive: #ffffff;
289
- --visual-scrollbar-charts-zoomarea: #99999966;
290
- --visual-scrollbar-charts-zoomhandle: #595959;
291
- --visual-scrollbar-datatable-pinspacer: #d9d9d9;
292
- --visual-scrollbar-thumb-hover: #666666;
293
- --visual-scrollbar-track: #ffffff;
294
- --shadow-elevation: 0px 4px 12px 0px oklch(0.51 0 0 / 16%);
295
- --shadow-primary: 0 0 0 3px oklch(0.43 0.037 321 / 32%);
296
- --shadow-inverted: 0 0 0 3px oklch(0.70 0.026 322 / 40%);
297
- --shadow-create: 0 0 0 3px oklch(0.65 0.213 32 / 32%);
298
- --shadow-error: 0 0 0 3px oklch(0.63 0.211 25 / 32%);
299
- --shadow-info: 0 0 0 3px oklch(0.62 0.189 261 / 20%);
300
- --shadow-magenta: 0 0 0 3px oklch(0.56 0.200 4 / 20%);
301
- --shadow-orange: 0 0 0 3px oklch(0.70 0.156 60 / 32%);
302
- --shadow-secondary: 0 0 0 3px oklch(0.54 0.025 90 / 32%);
303
- --shadow-smart: 0 0 0 3px oklch(0.45 0.191 298 / 32%);
304
- --shadow-success: 0 0 0 3px oklch(0.55 0.139 152 / 20%);
305
- --shadow-warning: 0 0 0 3px oklch(0.84 0.160 82 / 40%);
7
+ --ins-background-accent: #f4482b;
8
+ --ins-background-calendarpopover-primary-selected: #716174;
9
+ --ins-background-chips-secondary: #5a5546;
10
+ --ins-background-codesnippet-sidebar: #e5e5e5;
11
+ --ins-background-codesnippet-sidebar-disabled: #d9d9d9;
12
+ --ins-background-elevated: white;
13
+ --ins-background-elevated-hover: #f8f8f8;
14
+ --ins-background-elevated-inverted: #333;
15
+ --ins-background-elevated-selected: #ece5ed;
16
+ --ins-background-elevated-selected-hover: #ded5df;
17
+ --ins-background-magenta: #c42671;
18
+ --ins-background-magenta-subtle: #ffd9e4;
19
+ --ins-background-orange: #e48818;
20
+ --ins-background-orange-subtle: #ffefde;
21
+ --ins-background-page: #faf8f7;
22
+ --ins-background-primary: #261a28;
23
+ --ins-background-primary-hover: #3f3042;
24
+ --ins-background-primary-subtle: #ece5ed;
25
+ --ins-background-primary-subtle-hover: #ded5df;
26
+ --ins-background-secondary: #e7e3da;
27
+ --ins-background-secondary-hover: #d4cfc4;
28
+ --ins-background-segment-disabled-selected: #d9d9d9;
29
+ --ins-background-skeleton-shimmer: #eee;
30
+ --ins-background-smart: #5d23a4;
31
+ --ins-background-smart-subtle: #e9deff;
32
+ --ins-background-state-disabled: #eee;
33
+ --ins-background-state-disabled-onbg: #e5e5e5;
34
+ --ins-background-state-error: #ed4042;
35
+ --ins-background-state-error-subtle: #ffe4e1;
36
+ --ins-background-state-error-subtle-hover: #ffd1ce;
37
+ --ins-background-state-info: #4078ef;
38
+ --ins-background-state-info-subtle: #e2ebff;
39
+ --ins-background-state-success: #188b49;
40
+ --ins-background-state-success-subtle: #e4f3e9;
41
+ --ins-background-state-warning: #fcc535;
42
+ --ins-background-state-warning-subtle: #fff5d5;
43
+ --ins-background-surface: white;
44
+ --ins-background-surface-hover: #f8f8f8;
45
+ --ins-background-surface-inverted: #333;
46
+ --ins-background-surface-subtle: #fafafa;
47
+ --ins-background-surface-subtle-hover: #e5e5e5;
48
+ --ins-background-track: #d9d9d9;
49
+ --ins-background-calendarpopover-compare-selected: #c42671;
50
+ --ins-background-calendarpopover-compare-selected-hover: #d35789;
51
+ --ins-background-calendarpopover-compare-subtle: #ffc5d7;
52
+ --ins-background-calendarpopover-compare-subtle-hover: #f4a2bd;
53
+ --ins-background-calendarpopover-primary-selected-hover: #8b7d8e;
54
+ --ins-background-calendarpopover-primary-subtle: #ded5df;
55
+ --ins-background-calendarpopover-primary-subtle-hover: #c1b7c3;
56
+ --ins-background-chips-secondary-hover: #736d5d;
57
+ --ins-background-chips-surface-error-hover: #fc8f8c;
58
+ --ins-background-chips-surface-info-hover: #94b7fb;
59
+ --ins-background-chips-surface-magenta-hover: #e481a4;
60
+ --ins-background-chips-surface-orange-hover: #f1b06f;
61
+ --ins-background-chips-surface-primary-hover: #a699a8;
62
+ --ins-background-chips-surface-secondary-subtle-hover: #a7a191;
63
+ --ins-background-chips-surface-smart-hover: #a184dd;
64
+ --ins-background-chips-surface-success-hover: #8cc3a1;
65
+ --ins-background-chips-surface-warning-hover: #fdd677;
66
+ --ins-background-datatable-pagination-selected: #ece5ed;
67
+ --ins-background-datatable-pagination-selected-hover: #ded5df;
68
+ --ins-background-datatable-row-selected: #f2eef2;
69
+ --ins-background-datatable-row-selected-hover: #ece5ed;
70
+ --ins-background-magenta-hover: #d35789;
71
+ --ins-background-magenta-subtle-hover: #ffc5d7;
72
+ --ins-background-orange-hover: #eb9840;
73
+ --ins-background-orange-subtle-hover: #ffe6ce;
74
+ --ins-background-overlay: #00000066;
75
+ --ins-background-primary-bold: #170d19;
76
+ --ins-background-primary-bold-hover: #3f3042;
77
+ --ins-background-ribbon-error: #ffd1ce;
78
+ --ins-background-ribbon-info: #d8e5ff;
79
+ --ins-background-ribbon-success: #d8efe0;
80
+ --ins-background-ribbon-warning: #ffeebc;
81
+ --ins-background-sidebar-item: #170d19;
82
+ --ins-background-sidebar-item-hover: #261a28;
83
+ --ins-background-sidebar-item-selected: #261a28;
84
+ --ins-background-sidebar-oncolor-hover: #8b7d8e;
85
+ --ins-background-sidebar-seconditem: #3f3042;
86
+ --ins-background-sidebar-seconditem-hover: #58485b;
87
+ --ins-background-sidebar-subitem: #261a28;
88
+ --ins-background-sidebar-subitem-hover: #3f3042;
89
+ --ins-background-sidebar-thirditem: #58485b;
90
+ --ins-background-sidebar-thirditem-hover: #716174;
91
+ --ins-background-smart-hover: #794ec2;
92
+ --ins-background-smart-subtle-hover: #ddceff;
93
+ --ins-background-state-disabled-onbg-filled: #999999;
94
+ --ins-background-state-error-hover: #ec585c;
95
+ --ins-background-state-info-hover: #6795f3;
96
+ --ins-background-state-info-subtle-hover: #d8e5ff;
97
+ --ins-background-state-success-hover: #449a67;
98
+ --ins-background-state-success-subtle-hover: #d8efe0;
99
+ --ins-background-state-warning-hover: #fbc846;
100
+ --ins-background-state-warning-subtle-hover: #ffeebc;
101
+ --ins-background-transparent: #ffffff00;
102
+ --ins-border-bold: #999999;
103
+ --ins-border-bolder: #333;
104
+ --ins-border-chips-error-subtle: #fc8f8c;
105
+ --ins-border-chips-info-subtle: #94b7fb;
106
+ --ins-border-chips-magenta-subtle: #e481a4;
107
+ --ins-border-chips-orange-subtle: #f1b06f;
108
+ --ins-border-chips-smart-subtle: #a184dd;
109
+ --ins-border-chips-warning-subtle: #fdd677;
110
+ --ins-border-default: #ccc;
111
+ --ins-border-inverted: white;
112
+ --ins-border-primary: #261a28;
113
+ --ins-border-primary-hover: #8b7d8e;
114
+ --ins-border-primary-subtle: #58485b;
115
+ --ins-border-primary-subtler: #a699a8;
116
+ --ins-border-secondary: #a7a191;
117
+ --ins-border-smart: #5d23a4;
118
+ --ins-border-state-disabled: #ccc;
119
+ --ins-border-state-error: #ed4042;
120
+ --ins-border-state-error-hover: #fc8f8c;
121
+ --ins-border-state-formdisabled: #eee;
122
+ --ins-border-state-info: #4078ef;
123
+ --ins-border-state-success: #188b49;
124
+ --ins-border-state-warning: #fcc535;
125
+ --ins-border-state-warning-hover: #fdd677;
126
+ --ins-border-subtle: #e5e5e5;
127
+ --ins-border-chips-success-subtle: #8cc3a1;
128
+ --ins-border-magenta: #c42671;
129
+ --ins-border-magenta-hover: #e481a4;
130
+ --ins-border-magenta-subtle: #ffd9e4;
131
+ --ins-border-orange: #e48818;
132
+ --ins-border-primary-subtlest: #ece5ed;
133
+ --ins-border-smart-hover: #a184dd;
134
+ --ins-border-state-info-hover: #94b7fb;
135
+ --ins-icon-button-secondary: #5a5546;
136
+ --ins-icon-default: #666;
137
+ --ins-icon-inverted: white;
138
+ --ins-icon-neutral: white;
139
+ --ins-icon-neutral-inverted: #333;
140
+ --ins-icon-primary: #261a28;
141
+ --ins-icon-state-disabled: #999999;
142
+ --ins-icon-bold: #333333;
143
+ --ins-icon-button-error-pressed: #ed4042;
144
+ --ins-icon-button-error-selected: #a32226;
145
+ --ins-icon-button-inverted-pressed: #fafafa;
146
+ --ins-icon-button-inverted-selected: #eeeeee;
147
+ --ins-icon-button-primary-pressed: #716174;
148
+ --ins-icon-button-primary-selected: #3f3042;
149
+ --ins-icon-button-secondary-pressed: #736d5d;
150
+ --ins-icon-button-secondary-selected: #423d30;
151
+ --ins-icon-button-smart-pressed: #5d23a4;
152
+ --ins-icon-button-smart-selected: #411874;
153
+ --ins-icon-button-warning-pressed: #bc9127;
154
+ --ins-icon-button-warning-selected: #5c4713;
155
+ --ins-icon-inverted-subtle: #cccccc;
156
+ --ins-icon-magenta: #c42671;
157
+ --ins-icon-magenta-oncolor: #68143a;
158
+ --ins-icon-orange: #e48818;
159
+ --ins-icon-orange-oncolor: #583306;
160
+ --ins-icon-primary-subtle: #58485b;
161
+ --ins-icon-smart: #5d23a4;
162
+ --ins-icon-smart-oncolor: #511c90;
163
+ --ins-icon-state-error: #ed4042;
164
+ --ins-icon-state-error-oncolor: #c92f33;
165
+ --ins-icon-state-info: #4078ef;
166
+ --ins-icon-state-info-oncolor: #223b85;
167
+ --ins-icon-state-success: #188b49;
168
+ --ins-icon-state-success-oncolor: #0a4324;
169
+ --ins-icon-state-warning: #fcc535;
170
+ --ins-icon-state-warning-oncolor: #8d6c1e;
171
+ --ins-icon-subtle: #cccccc;
172
+ --ins-icon-subtle-hover: #666666;
173
+ --ins-icon-tab-hover: #58485b;
174
+ --ins-text-button-secondary: #5a5546;
175
+ --ins-text-default: #333;
176
+ --ins-text-inverted: white;
177
+ --ins-text-magenta: #68143a;
178
+ --ins-text-magenta-subtle: #c42671;
179
+ --ins-text-neutral: white;
180
+ --ins-text-neutral-inverted: #333;
181
+ --ins-text-onlight: #333;
182
+ --ins-text-orange: #583306;
183
+ --ins-text-primary: #261a28;
184
+ --ins-text-primary-subtle: #58485b;
185
+ --ins-text-smart: #511c90;
186
+ --ins-text-state-disabled: #999;
187
+ --ins-text-state-error: #c92f33;
188
+ --ins-text-state-error-subtle: #ed4042;
189
+ --ins-text-state-info: #223b85;
190
+ --ins-text-state-success: #0a4324;
191
+ --ins-text-state-warning: #8d6c1e;
192
+ --ins-text-subtle: #666;
193
+ --ins-text-tab-hover: #58485b;
194
+ --ins-text-button-error-pressed: #ed4042;
195
+ --ins-text-button-error-selected: #a32226;
196
+ --ins-text-button-inverted-pressed: #fafafa;
197
+ --ins-text-button-inverted-selected: #eeeeee;
198
+ --ins-text-button-primary-pressed: #716174;
199
+ --ins-text-button-primary-selected: #3f3042;
200
+ --ins-text-button-secondary-pressed: #736d5d;
201
+ --ins-text-button-secondary-selected: #423d30;
202
+ --ins-text-button-smart-pressed: #5d23a4;
203
+ --ins-text-button-smart-selected: #411874;
204
+ --ins-text-button-warning-pressed: #bc9127;
205
+ --ins-text-button-warning-selected: #5c4713;
206
+ --ins-text-calendarpopover-days-label: #808080;
207
+ --ins-text-inverted-subtle: #cccccc;
208
+ --ins-text-inverted-subtler: #d9d9d9;
209
+ --ins-text-link: #c93200;
210
+ --ins-text-link-hover: #ff7a5a;
211
+ --ins-text-link-oncolor: #333333;
212
+ --ins-text-link-visited: #c42671;
213
+ --ins-text-smart-subtle: #5d23a4;
214
+ --ins-text-state-disabled-onbg: #333333;
215
+ --ins-text-state-info-subtle: #4078ef;
216
+ --ins-text-state-success-subtle: #188b49;
217
+ --ins-text-state-warning-subtle: #fcc535;
218
+ --ins-visual-dataviz-blue-subtle: #94b7fb;
219
+ --ins-visual-dataviz-datapaint-blue: #4078ef;
220
+ --ins-visual-dataviz-datapaint-blue-bold: #2a4da8;
221
+ --ins-visual-dataviz-datapaint-green-subtle: #8cc3a1;
222
+ --ins-visual-dataviz-datapaint-purple: #794ec2;
223
+ --ins-visual-dataviz-datapaint-red: #c92f33;
224
+ --ins-visual-dataviz-datapaint-solar-subtle: #ff7a5a;
225
+ --ins-visual-dataviz-green-subtle: #8cc3a1;
226
+ --ins-visual-dataviz-orange-subtle: #ffcd9b;
227
+ --ins-visual-illustration-blue-01: #e2ebff;
228
+ --ins-visual-illustration-blue-02: #4078ef;
229
+ --ins-visual-illustration-gray-01: white;
230
+ --ins-visual-illustration-gray-02: #fafafa;
231
+ --ins-visual-illustration-gray-04: #eee;
232
+ --ins-visual-illustration-gray-05: #e5e5e5;
233
+ --ins-visual-illustration-gray-08: #595959;
234
+ --ins-visual-illustration-purple-01: #ddceff;
235
+ --ins-visual-illustration-purple-02: #5d23a4;
236
+ --ins-visual-illustration-red-01: #ffe4e1;
237
+ --ins-visual-illustration-red-02: #fc8f8c;
238
+ --ins-visual-illustration-red-03: #ed4042;
239
+ --ins-visual-illustration-yellow-01: #ffeebc;
240
+ --ins-visual-illustration-yellow-02: #fdd677;
241
+ --ins-visual-illustration-yellow-03: #fbc846;
242
+ --ins-visual-illustration-yellow-04: #fcc535;
243
+ --ins-visual-illustration-yellow-05: #e2af2e;
244
+ --ins-visual-scrollbar-thumb: #ccc;
245
+ --ins-visual-indicator-primary: #261a28;
246
+ --ins-visual-dataviz-datapaint-blue-subtle: #94b7fb;
247
+ --ins-visual-dataviz-datapaint-eclipse: #3f3042;
248
+ --ins-visual-dataviz-datapaint-eclipse-bold: #261a28;
249
+ --ins-visual-dataviz-datapaint-eclipse-subtle: #716174;
250
+ --ins-visual-dataviz-datapaint-gray: #808080;
251
+ --ins-visual-dataviz-datapaint-gray-bold: #595959;
252
+ --ins-visual-dataviz-datapaint-gray-subtle: #e5e5e5;
253
+ --ins-visual-dataviz-datapaint-green: #188b49;
254
+ --ins-visual-dataviz-datapaint-green-bold: #0a4324;
255
+ --ins-visual-dataviz-datapaint-lunar: #8a453d;
256
+ --ins-visual-dataviz-datapaint-lunar-bold: #54241f;
257
+ --ins-visual-dataviz-datapaint-lunar-subtle: #d0c2c7;
258
+ --ins-visual-dataviz-datapaint-magenta: #d35789;
259
+ --ins-visual-dataviz-datapaint-magenta-bold: #ac2263;
260
+ --ins-visual-dataviz-datapaint-magenta-subtle: #f4a2bd;
261
+ --ins-visual-dataviz-datapaint-nova: #a7a191;
262
+ --ins-visual-dataviz-datapaint-nova-bold: #8c8675;
263
+ --ins-visual-dataviz-datapaint-nova-subtle: #e7e3da;
264
+ --ins-visual-dataviz-datapaint-orange: #e48818;
265
+ --ins-visual-dataviz-datapaint-orange-bold: #a35e01;
266
+ --ins-visual-dataviz-datapaint-orange-subtle: #ffcd9b;
267
+ --ins-visual-dataviz-datapaint-purple-bold: #5d23a4;
268
+ --ins-visual-dataviz-datapaint-purple-subtle: #a184dd;
269
+ --ins-visual-dataviz-datapaint-red-bold: #a32226;
270
+ --ins-visual-dataviz-datapaint-red-subtle: #ec585c;
271
+ --ins-visual-dataviz-datapaint-solar: #f4482b;
272
+ --ins-visual-dataviz-datapaint-solar-bold: #a02200;
273
+ --ins-visual-dataviz-datapaint-solar-subtler: #ffe5d9;
274
+ --ins-visual-dataviz-datapaint-yellow: #fbc846;
275
+ --ins-visual-dataviz-datapaint-yellow-bold: #e2af2e;
276
+ --ins-visual-dataviz-datapaint-yellow-subtle: #ffe297;
277
+ --ins-visual-dataviz-grid-bar: #999999cc;
278
+ --ins-visual-dataviz-grid-line: #cccccc;
279
+ --ins-visual-illustration-eclipse-01: #3f3042;
280
+ --ins-visual-illustration-gray-03: #f8f8f8;
281
+ --ins-visual-illustration-gray-06: #d9d9d9;
282
+ --ins-visual-illustration-gray-07: #808080;
283
+ --ins-visual-illustration-gray-09: #18181b;
284
+ --ins-visual-illustration-red-04: #c92f33;
285
+ --ins-visual-pagination-dot-active: #261a28;
286
+ --ins-visual-pagination-dot-inactive: #cccccc;
287
+ --ins-visual-pagination-dot-oncolor-active: #ffffff;
288
+ --ins-visual-pagination-dot-oncolor-inactive: #ffffff;
289
+ --ins-visual-scrollbar-charts-zoomarea: #99999966;
290
+ --ins-visual-scrollbar-charts-zoomhandle: #595959;
291
+ --ins-visual-scrollbar-datatable-pinspacer: #d9d9d9;
292
+ --ins-visual-scrollbar-thumb-hover: #666666;
293
+ --ins-visual-scrollbar-track: #ffffff;
294
+ --ins-shadow-elevation: 0px 4px 12px 0px oklch(0.51 0 0 / 16%);
295
+ --ins-shadow-primary: 0 0 0 3px oklch(0.43 0.037 321 / 32%);
296
+ --ins-shadow-inverted: 0 0 0 3px oklch(0.70 0.026 322 / 40%);
297
+ --ins-shadow-create: 0 0 0 3px oklch(0.65 0.213 32 / 32%);
298
+ --ins-shadow-error: 0 0 0 3px oklch(0.63 0.211 25 / 32%);
299
+ --ins-shadow-info: 0 0 0 3px oklch(0.62 0.189 261 / 20%);
300
+ --ins-shadow-magenta: 0 0 0 3px oklch(0.56 0.200 4 / 20%);
301
+ --ins-shadow-orange: 0 0 0 3px oklch(0.70 0.156 60 / 32%);
302
+ --ins-shadow-secondary: 0 0 0 3px oklch(0.54 0.025 90 / 32%);
303
+ --ins-shadow-smart: 0 0 0 3px oklch(0.45 0.191 298 / 32%);
304
+ --ins-shadow-success: 0 0 0 3px oklch(0.55 0.139 152 / 20%);
305
+ --ins-shadow-warning: 0 0 0 3px oklch(0.84 0.160 82 / 40%);
306
306
  }
307
307
 
308
308
  @media (prefers-color-scheme: dark) {
309
309
  [data-ins-editor][data-ins-rebrand="on"] {
310
- --background-accent: #ce2603;
311
- --background-calendarpopover-primary-selected: #ddc8da;
312
- --background-chips-secondary: #c7c0ae;
313
- --background-codesnippet-sidebar: #4c4c4c;
314
- --background-codesnippet-sidebar-disabled: #595959;
315
- --background-elevated: #262626;
316
- --background-elevated-hover: #404040;
317
- --background-elevated-inverted: #f8f8f8;
318
- --background-elevated-selected: #594a57;
319
- --background-elevated-selected-hover: #443842;
320
- --background-magenta: #8d3157;
321
- --background-magenta-subtle: #230a14;
322
- --background-orange: #9c5a00;
323
- --background-orange-subtle: #200f01;
324
- --background-page: #0d0d0d;
325
- --background-primary: #c3abc0;
326
- --background-primary-hover: #ab92a8;
327
- --background-primary-subtle: #443842;
328
- --background-primary-subtle-hover: #2f272e;
329
- --background-secondary: #524e44;
330
- --background-secondary-hover: #747062;
331
- --background-segment-disabled-selected: #595959;
332
- --background-smart: #552990;
333
- --background-smart-subtle: #170d28;
334
- --background-state-disabled: #4c4c4c;
335
- --background-state-error: #cd1827;
336
- --background-state-error-subtle: #3d0607;
337
- --background-state-error-subtle-hover: #50060a;
338
- --background-state-info: #113b98;
339
- --background-state-info-subtle: #07122b;
340
- --background-state-success: #2e834c;
341
- --background-state-success-subtle: #072913;
342
- --background-state-warning: #e3af14;
343
- --background-state-warning-subtle: #2c1f00;
344
- --background-surface: #262626;
345
- --background-surface-hover: #333333;
346
- --background-surface-subtle: #333;
347
- --background-surface-subtle-hover: #4c4c4c;
348
- --background-track: #404040;
349
- --background-calendarpopover-compare-selected: #f1becd;
350
- --background-calendarpopover-compare-selected-hover: #ecaabf;
351
- --background-calendarpopover-compare-subtle: #230a14;
352
- --background-calendarpopover-compare-subtle-hover: #461529;
353
- --background-calendarpopover-primary-selected-hover: #c3abc0;
354
- --background-calendarpopover-primary-subtle: #1d161d;
355
- --background-calendarpopover-primary-subtle-hover: #443842;
356
- --background-chips-secondary-hover: #beb7a2;
357
- --background-chips-surface-error-hover: #780812;
358
- --background-chips-surface-info-hover: #174abd;
359
- --background-chips-surface-magenta-hover: #b14370;
360
- --background-chips-surface-orange-hover: #cb7600;
361
- --background-chips-surface-primary-hover: #6e5d6c;
362
- --background-chips-surface-secondary-subtle-hover: #999381;
363
- --background-chips-surface-smart-hover: #6b35b5;
364
- --background-chips-surface-success-hover: #42ab67;
365
- --background-chips-surface-warning-hover: #8c6a00;
366
- --background-datatable-pagination-selected: #ddc8da;
367
- --background-datatable-pagination-selected-hover: #c3abc0;
368
- --background-datatable-row-selected: #0c080c;
369
- --background-datatable-row-selected-hover: #6e5d6c;
370
- --background-magenta-hover: #692240;
371
- --background-magenta-subtle-hover: #330f1d;
372
- --background-orange-hover: #703f00;
373
- --background-orange-subtle-hover: #331a00;
374
- --background-primary-bold: #0c080c;
375
- --background-primary-bold-hover: #2f272e;
376
- --background-ribbon-error: #3d0607;
377
- --background-ribbon-info: #07183e;
378
- --background-ribbon-success: #072913;
379
- --background-ribbon-warning: #2c1f00;
380
- --background-sidebar-item: #2f272e;
381
- --background-sidebar-item-hover: #443842;
382
- --background-sidebar-item-selected: #443842;
383
- --background-sidebar-oncolor-hover: #ab92a8;
384
- --background-sidebar-seconditem: #6e5d6c;
385
- --background-sidebar-seconditem-hover: #6e5d6c;
386
- --background-sidebar-subitem: #594a57;
387
- --background-sidebar-subitem-hover: #594a57;
388
- --background-sidebar-thirditem: #937b90;
389
- --background-sidebar-thirditem-hover: #937b90;
390
- --background-smart-hover: #3f1f6d;
391
- --background-smart-subtle-hover: #21113a;
392
- --background-state-error-hover: #a20e1c;
393
- --background-state-info-hover: #0c2c73;
394
- --background-state-info-subtle-hover: #07183e;
395
- --background-state-success-hover: #1c5d34;
396
- --background-state-success-subtle-hover: #072913;
397
- --background-state-warning-hover: #b78b00;
398
- --background-state-warning-subtle-hover: #3e2d00;
399
- --border-bold: #808080;
400
- --border-bolder: #fafafa;
401
- --border-chips-error-subtle: #780812;
402
- --border-chips-info-subtle: #174abd;
403
- --border-chips-magenta-subtle: #b14370;
404
- --border-chips-orange-subtle: #cb7600;
405
- --border-chips-smart-subtle: #6b35b5;
406
- --border-chips-warning-subtle: #8c6a00;
407
- --border-default: #595959;
408
- --border-inverted: #262626;
409
- --border-primary: #c3abc0;
410
- --border-primary-hover: #6e5d6c;
411
- --border-primary-subtle: #937b90;
412
- --border-primary-subtler: #6e5d6c;
413
- --border-secondary: #999381;
414
- --border-smart: #552990;
415
- --border-state-disabled: #666666;
416
- --border-state-error: #f92333;
417
- --border-state-error-hover: #a20e1c;
418
- --border-state-formdisabled: #4c4c4c;
419
- --border-state-info: #113b98;
420
- --border-state-success: #2e834c;
421
- --border-state-warning: #e3af14;
422
- --border-state-warning-hover: #8c6a00;
423
- --border-chips-success-subtle: #42ab67;
424
- --border-magenta: #8d3157;
425
- --border-magenta-hover: #d25f8c;
426
- --border-magenta-subtle: #692240;
427
- --border-orange: #9c5a00;
428
- --border-primary-subtlest: #443842;
429
- --border-smart-hover: #8242da;
430
- --border-state-info-hover: #1d5ae3;
431
- --icon-button-secondary: #beb7a2;
432
- --icon-default: #aaaaaa;
433
- --icon-inverted: #333333;
434
- --icon-primary: #ead9e7;
435
- --icon-state-disabled: #8c8c8c;
436
- --icon-bold: #ffffff;
437
- --icon-button-error-pressed: #ff7b74;
438
- --icon-button-error-selected: #fc6661;
439
- --icon-button-inverted-pressed: #ddc8da;
440
- --icon-button-inverted-selected: #c3abc0;
441
- --icon-button-primary-pressed: #ead9e7;
442
- --icon-button-primary-selected: #ab92a8;
443
- --icon-button-secondary-pressed: #999381;
444
- --icon-button-secondary-selected: #c7c0ae;
445
- --icon-button-smart-pressed: #b190f5;
446
- --icon-button-smart-selected: #a078eb;
447
- --icon-button-warning-pressed: #f2cf80;
448
- --icon-button-warning-selected: #ecc468;
449
- --icon-inverted-subtle: #4c4c4c;
450
- --icon-magenta: #e693af;
451
- --icon-magenta-oncolor: #f1becd;
452
- --icon-orange: #fb9512;
453
- --icon-orange-oncolor: #ffc38e;
454
- --icon-primary-subtle: #ab92a8;
455
- --icon-smart: #552990;
456
- --icon-smart-oncolor: #c3a7ff;
457
- --icon-state-error: #f92333;
458
- --icon-state-error-oncolor: #ff9088;
459
- --icon-state-info: #1d5ae3;
460
- --icon-state-info-oncolor: #85aeff;
461
- --icon-state-success: #59d482;
462
- --icon-state-success-oncolor: #aeefbe;
463
- --icon-state-warning: #e3af14;
464
- --icon-state-warning-oncolor: #f7d996;
465
- --icon-subtle: #8c8c8c;
466
- --icon-subtle-hover: #cccccc;
467
- --icon-tab-hover: #ddc8da;
468
- --text-button-secondary: #e0dcd0;
469
- --text-default: white;
470
- --text-inverted: #18181b;
471
- --text-magenta: #f1becd;
472
- --text-magenta-subtle: #e693af;
473
- --text-orange: #ffc38e;
474
- --text-primary: #ead9e7;
475
- --text-primary-subtle: #ddc8da;
476
- --text-smart: #c3a7ff;
477
- --text-state-disabled: #8c8c8c;
478
- --text-state-error: #ff9088;
479
- --text-state-error-subtle: #f92333;
480
- --text-state-info: #85aeff;
481
- --text-state-success: #aeefbe;
482
- --text-state-warning: #f7d996;
483
- --text-subtle: #cccccc;
484
- --text-tab-hover: #ddc8da;
485
- --text-button-error-pressed: #ff7b74;
486
- --text-button-error-selected: #fc6661;
487
- --text-button-inverted-pressed: #ddc8da;
488
- --text-button-inverted-selected: #c3abc0;
489
- --text-button-primary-pressed: #ead9e7;
490
- --text-button-primary-selected: #ab92a8;
491
- --text-button-secondary-pressed: #999381;
492
- --text-button-secondary-selected: #c7c0ae;
493
- --text-button-smart-pressed: #b190f5;
494
- --text-button-smart-selected: #a078eb;
495
- --text-button-warning-pressed: #f2cf80;
496
- --text-button-warning-selected: #ecc468;
497
- --text-calendarpopover-days-label: #cccccc;
498
- --text-link: #fb330b;
499
- --text-link-hover: #fc6c52;
500
- --text-link-oncolor: #ffffff;
501
- --text-link-visited: #d25f8c;
502
- --text-smart-subtle: #8242da;
503
- --text-state-info-subtle: #1d5ae3;
504
- --text-state-success-subtle: #59d482;
505
- --text-state-warning-subtle: #e3af14;
506
- --visual-dataviz-datapaint-blue: #3a71e8;
507
- --visual-dataviz-datapaint-blue-bold: #6c9bf7;
508
- --visual-dataviz-datapaint-green-subtle: #42ab67;
509
- --visual-dataviz-datapaint-purple: #a078eb;
510
- --visual-dataviz-datapaint-red: #f92333;
511
- --visual-dataviz-datapaint-solar-subtle: #fb5539;
512
- --visual-illustration-blue-01: #081f50;
513
- --visual-illustration-blue-02: #5386ef;
514
- --visual-illustration-gray-01: #666666;
515
- --visual-illustration-gray-02: #737373;
516
- --visual-illustration-gray-04: #aaaaaa;
517
- --visual-illustration-gray-05: #18181b;
518
- --visual-illustration-gray-08: #cccccc;
519
- --visual-illustration-purple-01: #a078eb;
520
- --visual-illustration-purple-02: #c3a7ff;
521
- --visual-illustration-red-01: #290606;
522
- --visual-illustration-red-02: #cd1827;
523
- --visual-illustration-red-03: #fa4d4d;
524
- --visual-illustration-yellow-01: #3e2d00;
525
- --visual-illustration-yellow-02: #8c6a00;
526
- --visual-illustration-yellow-03: #b78b00;
527
- --visual-illustration-yellow-04: #e3af14;
528
- --visual-illustration-yellow-05: #ecc468;
529
- --visual-scrollbar-thumb: #737373;
530
- --visual-dataviz-datapaint-blue-subtle: #174abd;
531
- --visual-dataviz-datapaint-eclipse: #ddc8da;
532
- --visual-dataviz-datapaint-eclipse-bold: #ead9e7;
533
- --visual-dataviz-datapaint-eclipse-subtle: #c3abc0;
534
- --visual-dataviz-datapaint-gray: #999999;
535
- --visual-dataviz-datapaint-gray-bold: #cccccc;
536
- --visual-dataviz-datapaint-gray-subtle: #4c4c4c;
537
- --visual-dataviz-datapaint-green: #59d482;
538
- --visual-dataviz-datapaint-green-bold: #9ce8b0;
539
- --visual-dataviz-datapaint-lunar: #d1857b;
540
- --visual-dataviz-datapaint-lunar-bold: #e09b92;
541
- --visual-dataviz-datapaint-lunar-subtle: #9f584f;
542
- --visual-dataviz-datapaint-magenta: #dd799d;
543
- --visual-dataviz-datapaint-magenta-bold: #e693af;
544
- --visual-dataviz-datapaint-magenta-subtle: #b14370;
545
- --visual-dataviz-datapaint-nova: #999381;
546
- --visual-dataviz-datapaint-nova-bold: #c7c0ae;
547
- --visual-dataviz-datapaint-nova-subtle: #524e44;
548
- --visual-dataviz-datapaint-orange: #cb7600;
549
- --visual-dataviz-datapaint-orange-bold: #fba247;
550
- --visual-dataviz-datapaint-orange-subtle: #9c5a00;
551
- --visual-dataviz-datapaint-purple-bold: #b190f5;
552
- --visual-dataviz-datapaint-purple-subtle: #8242da;
553
- --visual-dataviz-datapaint-red-bold: #fc6661;
554
- --visual-dataviz-datapaint-red-subtle: #a20e1c;
555
- --visual-dataviz-datapaint-solar: #fe7f68;
556
- --visual-dataviz-datapaint-solar-bold: #ff917c;
557
- --visual-dataviz-datapaint-solar-subtler: #791100;
558
- --visual-dataviz-datapaint-yellow: #e3af14;
559
- --visual-dataviz-datapaint-yellow-bold: #f2cf80;
560
- --visual-dataviz-datapaint-yellow-subtle: #b78b00;
561
- --visual-dataviz-grid-bar: #666666cc;
562
- --visual-dataviz-grid-line: #595959;
563
- --visual-illustration-eclipse-01: #2f272e;
564
- --visual-illustration-gray-03: #999999;
565
- --visual-illustration-gray-06: #cccccc;
566
- --visual-illustration-gray-07: #8c8c8c;
567
- --visual-illustration-gray-09: #595959;
568
- --visual-illustration-red-04: #ff9088;
569
- --visual-pagination-dot-active: #c3abc0;
570
- --visual-pagination-dot-inactive: #666666;
571
- --visual-scrollbar-charts-zoomarea: #66666666;
572
- --visual-scrollbar-charts-zoomhandle: #aaaaaa;
573
- --visual-scrollbar-datatable-pinspacer: #4c4c4c;
574
- --visual-scrollbar-thumb-hover: #999999;
575
- --visual-scrollbar-track: #262626;
576
- --shadow-elevation: 0px 4px 12px 0px oklch(0.16 0 0 / 64%);
577
- --shadow-primary: 0 0 0 3px oklch(0.43 0.037 321 / 96%);
578
- --shadow-inverted: 0 0 0 3px oklch(0.70 0.026 322 / 48%);
579
- --shadow-error: 0 0 0 3px oklch(0.63 0.211 25 / 28%);
580
- --shadow-magenta: 0 0 0 3px oklch(0.56 0.200 4 / 24%);
581
- --shadow-orange: 0 0 0 3px oklch(0.70 0.156 60 / 24%);
582
- --shadow-secondary: 0 0 0 3px oklch(0.54 0.025 90 / 96%);
583
- --shadow-smart: 0 0 0 3px oklch(0.45 0.191 298 / 36%);
584
- --shadow-warning: 0 0 0 3px oklch(0.84 0.160 82 / 20%);
310
+ --ins-background-accent: #ce2603;
311
+ --ins-background-calendarpopover-primary-selected: #ddc8da;
312
+ --ins-background-chips-secondary: #c7c0ae;
313
+ --ins-background-codesnippet-sidebar: #4c4c4c;
314
+ --ins-background-codesnippet-sidebar-disabled: #595959;
315
+ --ins-background-elevated: #262626;
316
+ --ins-background-elevated-hover: #404040;
317
+ --ins-background-elevated-inverted: #f8f8f8;
318
+ --ins-background-elevated-selected: #594a57;
319
+ --ins-background-elevated-selected-hover: #443842;
320
+ --ins-background-magenta: #8d3157;
321
+ --ins-background-magenta-subtle: #230a14;
322
+ --ins-background-orange: #9c5a00;
323
+ --ins-background-orange-subtle: #200f01;
324
+ --ins-background-page: #0d0d0d;
325
+ --ins-background-primary: #c3abc0;
326
+ --ins-background-primary-hover: #ab92a8;
327
+ --ins-background-primary-subtle: #443842;
328
+ --ins-background-primary-subtle-hover: #2f272e;
329
+ --ins-background-secondary: #524e44;
330
+ --ins-background-secondary-hover: #747062;
331
+ --ins-background-segment-disabled-selected: #595959;
332
+ --ins-background-smart: #552990;
333
+ --ins-background-smart-subtle: #170d28;
334
+ --ins-background-state-disabled: #4c4c4c;
335
+ --ins-background-state-error: #cd1827;
336
+ --ins-background-state-error-subtle: #3d0607;
337
+ --ins-background-state-error-subtle-hover: #50060a;
338
+ --ins-background-state-info: #113b98;
339
+ --ins-background-state-info-subtle: #07122b;
340
+ --ins-background-state-success: #2e834c;
341
+ --ins-background-state-success-subtle: #072913;
342
+ --ins-background-state-warning: #e3af14;
343
+ --ins-background-state-warning-subtle: #2c1f00;
344
+ --ins-background-surface: #262626;
345
+ --ins-background-surface-hover: #333333;
346
+ --ins-background-surface-subtle: #333;
347
+ --ins-background-surface-subtle-hover: #4c4c4c;
348
+ --ins-background-track: #404040;
349
+ --ins-background-calendarpopover-compare-selected: #f1becd;
350
+ --ins-background-calendarpopover-compare-selected-hover: #ecaabf;
351
+ --ins-background-calendarpopover-compare-subtle: #230a14;
352
+ --ins-background-calendarpopover-compare-subtle-hover: #461529;
353
+ --ins-background-calendarpopover-primary-selected-hover: #c3abc0;
354
+ --ins-background-calendarpopover-primary-subtle: #1d161d;
355
+ --ins-background-calendarpopover-primary-subtle-hover: #443842;
356
+ --ins-background-chips-secondary-hover: #beb7a2;
357
+ --ins-background-chips-surface-error-hover: #780812;
358
+ --ins-background-chips-surface-info-hover: #174abd;
359
+ --ins-background-chips-surface-magenta-hover: #b14370;
360
+ --ins-background-chips-surface-orange-hover: #cb7600;
361
+ --ins-background-chips-surface-primary-hover: #6e5d6c;
362
+ --ins-background-chips-surface-secondary-subtle-hover: #999381;
363
+ --ins-background-chips-surface-smart-hover: #6b35b5;
364
+ --ins-background-chips-surface-success-hover: #42ab67;
365
+ --ins-background-chips-surface-warning-hover: #8c6a00;
366
+ --ins-background-datatable-pagination-selected: #ddc8da;
367
+ --ins-background-datatable-pagination-selected-hover: #c3abc0;
368
+ --ins-background-datatable-row-selected: #0c080c;
369
+ --ins-background-datatable-row-selected-hover: #6e5d6c;
370
+ --ins-background-magenta-hover: #692240;
371
+ --ins-background-magenta-subtle-hover: #330f1d;
372
+ --ins-background-orange-hover: #703f00;
373
+ --ins-background-orange-subtle-hover: #331a00;
374
+ --ins-background-primary-bold: #0c080c;
375
+ --ins-background-primary-bold-hover: #2f272e;
376
+ --ins-background-ribbon-error: #3d0607;
377
+ --ins-background-ribbon-info: #07183e;
378
+ --ins-background-ribbon-success: #072913;
379
+ --ins-background-ribbon-warning: #2c1f00;
380
+ --ins-background-sidebar-item: #2f272e;
381
+ --ins-background-sidebar-item-hover: #443842;
382
+ --ins-background-sidebar-item-selected: #443842;
383
+ --ins-background-sidebar-oncolor-hover: #ab92a8;
384
+ --ins-background-sidebar-seconditem: #6e5d6c;
385
+ --ins-background-sidebar-seconditem-hover: #6e5d6c;
386
+ --ins-background-sidebar-subitem: #594a57;
387
+ --ins-background-sidebar-subitem-hover: #594a57;
388
+ --ins-background-sidebar-thirditem: #937b90;
389
+ --ins-background-sidebar-thirditem-hover: #937b90;
390
+ --ins-background-smart-hover: #3f1f6d;
391
+ --ins-background-smart-subtle-hover: #21113a;
392
+ --ins-background-state-error-hover: #a20e1c;
393
+ --ins-background-state-info-hover: #0c2c73;
394
+ --ins-background-state-info-subtle-hover: #07183e;
395
+ --ins-background-state-success-hover: #1c5d34;
396
+ --ins-background-state-success-subtle-hover: #072913;
397
+ --ins-background-state-warning-hover: #b78b00;
398
+ --ins-background-state-warning-subtle-hover: #3e2d00;
399
+ --ins-border-bold: #808080;
400
+ --ins-border-bolder: #fafafa;
401
+ --ins-border-chips-error-subtle: #780812;
402
+ --ins-border-chips-info-subtle: #174abd;
403
+ --ins-border-chips-magenta-subtle: #b14370;
404
+ --ins-border-chips-orange-subtle: #cb7600;
405
+ --ins-border-chips-smart-subtle: #6b35b5;
406
+ --ins-border-chips-warning-subtle: #8c6a00;
407
+ --ins-border-default: #595959;
408
+ --ins-border-inverted: #262626;
409
+ --ins-border-primary: #c3abc0;
410
+ --ins-border-primary-hover: #6e5d6c;
411
+ --ins-border-primary-subtle: #937b90;
412
+ --ins-border-primary-subtler: #6e5d6c;
413
+ --ins-border-secondary: #999381;
414
+ --ins-border-smart: #552990;
415
+ --ins-border-state-disabled: #666666;
416
+ --ins-border-state-error: #f92333;
417
+ --ins-border-state-error-hover: #a20e1c;
418
+ --ins-border-state-formdisabled: #4c4c4c;
419
+ --ins-border-state-info: #113b98;
420
+ --ins-border-state-success: #2e834c;
421
+ --ins-border-state-warning: #e3af14;
422
+ --ins-border-state-warning-hover: #8c6a00;
423
+ --ins-border-chips-success-subtle: #42ab67;
424
+ --ins-border-magenta: #8d3157;
425
+ --ins-border-magenta-hover: #d25f8c;
426
+ --ins-border-magenta-subtle: #692240;
427
+ --ins-border-orange: #9c5a00;
428
+ --ins-border-primary-subtlest: #443842;
429
+ --ins-border-smart-hover: #8242da;
430
+ --ins-border-state-info-hover: #1d5ae3;
431
+ --ins-icon-button-secondary: #beb7a2;
432
+ --ins-icon-default: #aaaaaa;
433
+ --ins-icon-inverted: #333333;
434
+ --ins-icon-primary: #ead9e7;
435
+ --ins-icon-state-disabled: #8c8c8c;
436
+ --ins-icon-bold: #ffffff;
437
+ --ins-icon-button-error-pressed: #ff7b74;
438
+ --ins-icon-button-error-selected: #fc6661;
439
+ --ins-icon-button-inverted-pressed: #ddc8da;
440
+ --ins-icon-button-inverted-selected: #c3abc0;
441
+ --ins-icon-button-primary-pressed: #ead9e7;
442
+ --ins-icon-button-primary-selected: #ab92a8;
443
+ --ins-icon-button-secondary-pressed: #999381;
444
+ --ins-icon-button-secondary-selected: #c7c0ae;
445
+ --ins-icon-button-smart-pressed: #b190f5;
446
+ --ins-icon-button-smart-selected: #a078eb;
447
+ --ins-icon-button-warning-pressed: #f2cf80;
448
+ --ins-icon-button-warning-selected: #ecc468;
449
+ --ins-icon-inverted-subtle: #4c4c4c;
450
+ --ins-icon-magenta: #e693af;
451
+ --ins-icon-magenta-oncolor: #f1becd;
452
+ --ins-icon-orange: #fb9512;
453
+ --ins-icon-orange-oncolor: #ffc38e;
454
+ --ins-icon-primary-subtle: #ab92a8;
455
+ --ins-icon-smart: #552990;
456
+ --ins-icon-smart-oncolor: #c3a7ff;
457
+ --ins-icon-state-error: #f92333;
458
+ --ins-icon-state-error-oncolor: #ff9088;
459
+ --ins-icon-state-info: #1d5ae3;
460
+ --ins-icon-state-info-oncolor: #85aeff;
461
+ --ins-icon-state-success: #59d482;
462
+ --ins-icon-state-success-oncolor: #aeefbe;
463
+ --ins-icon-state-warning: #e3af14;
464
+ --ins-icon-state-warning-oncolor: #f7d996;
465
+ --ins-icon-subtle: #8c8c8c;
466
+ --ins-icon-subtle-hover: #cccccc;
467
+ --ins-icon-tab-hover: #ddc8da;
468
+ --ins-text-button-secondary: #e0dcd0;
469
+ --ins-text-default: white;
470
+ --ins-text-inverted: #18181b;
471
+ --ins-text-magenta: #f1becd;
472
+ --ins-text-magenta-subtle: #e693af;
473
+ --ins-text-orange: #ffc38e;
474
+ --ins-text-primary: #ead9e7;
475
+ --ins-text-primary-subtle: #ddc8da;
476
+ --ins-text-smart: #c3a7ff;
477
+ --ins-text-state-disabled: #8c8c8c;
478
+ --ins-text-state-error: #ff9088;
479
+ --ins-text-state-error-subtle: #f92333;
480
+ --ins-text-state-info: #85aeff;
481
+ --ins-text-state-success: #aeefbe;
482
+ --ins-text-state-warning: #f7d996;
483
+ --ins-text-subtle: #cccccc;
484
+ --ins-text-tab-hover: #ddc8da;
485
+ --ins-text-button-error-pressed: #ff7b74;
486
+ --ins-text-button-error-selected: #fc6661;
487
+ --ins-text-button-inverted-pressed: #ddc8da;
488
+ --ins-text-button-inverted-selected: #c3abc0;
489
+ --ins-text-button-primary-pressed: #ead9e7;
490
+ --ins-text-button-primary-selected: #ab92a8;
491
+ --ins-text-button-secondary-pressed: #999381;
492
+ --ins-text-button-secondary-selected: #c7c0ae;
493
+ --ins-text-button-smart-pressed: #b190f5;
494
+ --ins-text-button-smart-selected: #a078eb;
495
+ --ins-text-button-warning-pressed: #f2cf80;
496
+ --ins-text-button-warning-selected: #ecc468;
497
+ --ins-text-calendarpopover-days-label: #cccccc;
498
+ --ins-text-link: #fb330b;
499
+ --ins-text-link-hover: #fc6c52;
500
+ --ins-text-link-oncolor: #ffffff;
501
+ --ins-text-link-visited: #d25f8c;
502
+ --ins-text-smart-subtle: #8242da;
503
+ --ins-text-state-info-subtle: #1d5ae3;
504
+ --ins-text-state-success-subtle: #59d482;
505
+ --ins-text-state-warning-subtle: #e3af14;
506
+ --ins-visual-dataviz-datapaint-blue: #3a71e8;
507
+ --ins-visual-dataviz-datapaint-blue-bold: #6c9bf7;
508
+ --ins-visual-dataviz-datapaint-green-subtle: #42ab67;
509
+ --ins-visual-dataviz-datapaint-purple: #a078eb;
510
+ --ins-visual-dataviz-datapaint-red: #f92333;
511
+ --ins-visual-dataviz-datapaint-solar-subtle: #fb5539;
512
+ --ins-visual-illustration-blue-01: #081f50;
513
+ --ins-visual-illustration-blue-02: #5386ef;
514
+ --ins-visual-illustration-gray-01: #666666;
515
+ --ins-visual-illustration-gray-02: #737373;
516
+ --ins-visual-illustration-gray-04: #aaaaaa;
517
+ --ins-visual-illustration-gray-05: #18181b;
518
+ --ins-visual-illustration-gray-08: #cccccc;
519
+ --ins-visual-illustration-purple-01: #a078eb;
520
+ --ins-visual-illustration-purple-02: #c3a7ff;
521
+ --ins-visual-illustration-red-01: #290606;
522
+ --ins-visual-illustration-red-02: #cd1827;
523
+ --ins-visual-illustration-red-03: #fa4d4d;
524
+ --ins-visual-illustration-yellow-01: #3e2d00;
525
+ --ins-visual-illustration-yellow-02: #8c6a00;
526
+ --ins-visual-illustration-yellow-03: #b78b00;
527
+ --ins-visual-illustration-yellow-04: #e3af14;
528
+ --ins-visual-illustration-yellow-05: #ecc468;
529
+ --ins-visual-scrollbar-thumb: #737373;
530
+ --ins-visual-dataviz-datapaint-blue-subtle: #174abd;
531
+ --ins-visual-dataviz-datapaint-eclipse: #ddc8da;
532
+ --ins-visual-dataviz-datapaint-eclipse-bold: #ead9e7;
533
+ --ins-visual-dataviz-datapaint-eclipse-subtle: #c3abc0;
534
+ --ins-visual-dataviz-datapaint-gray: #999999;
535
+ --ins-visual-dataviz-datapaint-gray-bold: #cccccc;
536
+ --ins-visual-dataviz-datapaint-gray-subtle: #4c4c4c;
537
+ --ins-visual-dataviz-datapaint-green: #59d482;
538
+ --ins-visual-dataviz-datapaint-green-bold: #9ce8b0;
539
+ --ins-visual-dataviz-datapaint-lunar: #d1857b;
540
+ --ins-visual-dataviz-datapaint-lunar-bold: #e09b92;
541
+ --ins-visual-dataviz-datapaint-lunar-subtle: #9f584f;
542
+ --ins-visual-dataviz-datapaint-magenta: #dd799d;
543
+ --ins-visual-dataviz-datapaint-magenta-bold: #e693af;
544
+ --ins-visual-dataviz-datapaint-magenta-subtle: #b14370;
545
+ --ins-visual-dataviz-datapaint-nova: #999381;
546
+ --ins-visual-dataviz-datapaint-nova-bold: #c7c0ae;
547
+ --ins-visual-dataviz-datapaint-nova-subtle: #524e44;
548
+ --ins-visual-dataviz-datapaint-orange: #cb7600;
549
+ --ins-visual-dataviz-datapaint-orange-bold: #fba247;
550
+ --ins-visual-dataviz-datapaint-orange-subtle: #9c5a00;
551
+ --ins-visual-dataviz-datapaint-purple-bold: #b190f5;
552
+ --ins-visual-dataviz-datapaint-purple-subtle: #8242da;
553
+ --ins-visual-dataviz-datapaint-red-bold: #fc6661;
554
+ --ins-visual-dataviz-datapaint-red-subtle: #a20e1c;
555
+ --ins-visual-dataviz-datapaint-solar: #fe7f68;
556
+ --ins-visual-dataviz-datapaint-solar-bold: #ff917c;
557
+ --ins-visual-dataviz-datapaint-solar-subtler: #791100;
558
+ --ins-visual-dataviz-datapaint-yellow: #e3af14;
559
+ --ins-visual-dataviz-datapaint-yellow-bold: #f2cf80;
560
+ --ins-visual-dataviz-datapaint-yellow-subtle: #b78b00;
561
+ --ins-visual-dataviz-grid-bar: #666666cc;
562
+ --ins-visual-dataviz-grid-line: #595959;
563
+ --ins-visual-illustration-eclipse-01: #2f272e;
564
+ --ins-visual-illustration-gray-03: #999999;
565
+ --ins-visual-illustration-gray-06: #cccccc;
566
+ --ins-visual-illustration-gray-07: #8c8c8c;
567
+ --ins-visual-illustration-gray-09: #595959;
568
+ --ins-visual-illustration-red-04: #ff9088;
569
+ --ins-visual-pagination-dot-active: #c3abc0;
570
+ --ins-visual-pagination-dot-inactive: #666666;
571
+ --ins-visual-scrollbar-charts-zoomarea: #66666666;
572
+ --ins-visual-scrollbar-charts-zoomhandle: #aaaaaa;
573
+ --ins-visual-scrollbar-datatable-pinspacer: #4c4c4c;
574
+ --ins-visual-scrollbar-thumb-hover: #999999;
575
+ --ins-visual-scrollbar-track: #262626;
576
+ --ins-shadow-elevation: 0px 4px 12px 0px oklch(0.16 0 0 / 64%);
577
+ --ins-shadow-primary: 0 0 0 3px oklch(0.43 0.037 321 / 96%);
578
+ --ins-shadow-inverted: 0 0 0 3px oklch(0.70 0.026 322 / 48%);
579
+ --ins-shadow-error: 0 0 0 3px oklch(0.63 0.211 25 / 28%);
580
+ --ins-shadow-magenta: 0 0 0 3px oklch(0.56 0.200 4 / 24%);
581
+ --ins-shadow-orange: 0 0 0 3px oklch(0.70 0.156 60 / 24%);
582
+ --ins-shadow-secondary: 0 0 0 3px oklch(0.54 0.025 90 / 96%);
583
+ --ins-shadow-smart: 0 0 0 3px oklch(0.45 0.191 298 / 36%);
584
+ --ins-shadow-warning: 0 0 0 3px oklch(0.84 0.160 82 / 20%);
585
585
  }
586
586
  }