@txdfe/at-theme 2.0.1-16 → 2.0.1-18

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 (6) hide show
  1. package/README.md +4 -0
  2. package/package.json +1 -1
  3. package/teambition/css/index.css +216 -193
  4. package/teambition/js/index.js +245 -193
  5. package/teambition/less/index.less +216 -193
  6. package/teambition/scss/variables/color.scss +241 -215
package/teambition/less/index.less CHANGED
@@ -150,124 +150,137 @@
150
150
  @S52: 52px;
151
151
  @S56: 56px;
152
152
  @S80: 80px;
153
- @pale-brand: var(--CDS_pale_brand);
154
- @highlight-brand: var(--CDS_highlight_brand);
155
- @bright-brand: var(--CDS_bright_brand);
156
- @border-brand: var(--CDS_border_brand);
157
- @primary-brand: var(--CDS_primary_brand);
158
- @hover-brand: var(--CDS_hover_brand);
159
- @click-brand: var(--CDS_click_brand);
160
- @heavy-brand: var(--CDS_heavy_brand);
161
- @pale-danger: var(--CDS_pale_danger);
162
- @highlight-danger: var(--CDS_highlight_danger);
163
- @bright-danger: var(--CDS_bright_danger);
164
- @border-danger: var(--CDS_border_danger);
165
- @primary-danger: var(--CDS_primary_danger);
166
- @hover-danger: var(--CDS_hover_danger);
167
- @click-danger: var(--CDS_click_danger);
168
- @heavy-danger: var(--CDS_heavy_danger);
169
- @pale-warning: var(--CDS_pale_warning);
170
- @highlight-warning: var(--CDS_highlight_warning);
171
- @bright-warning: var(--CDS_bright_warning);
172
- @border-warning: var(--CDS_border_warning);
173
- @primary-warning: var(--CDS_primary_warning);
174
- @hover-warning: var(--CDS_hover_warning);
175
- @click-warning: var(--CDS_click_warning);
176
- @heavy-warning: var(--CDS_heavy_warning);
177
- @pale-alert: var(--CDS_pale_alert);
178
- @highlight-alert: var(--CDS_highlight_alert);
179
- @bright-alert: var(--CDS_bright_alert);
180
- @border-alert: var(--CDS_border_alert);
181
- @primary-alert: var(--CDS_primary_alert);
182
- @hover-alert: var(--CDS_hover_alert);
183
- @click-alert: var(--CDS_click_alert);
184
- @heavy-alert: var(--CDS_heavy_alert);
185
- @pale-success: var(--CDS_pale_success);
186
- @highlight-success: var(--CDS_highlight_success);
187
- @bright-success: var(--CDS_bright_success);
188
- @border-success: var(--CDS_border_success);
189
- @primary-success: var(--CDS_primary_success);
190
- @hover-success: var(--CDS_hover_success);
191
- @click-success: var(--CDS_click_success);
192
- @heavy-success: var(--CDS_heavy_success);
193
- @pale-turquoise: var(--CDS_pale_turquoise);
194
- @highlight-turquoise: var(--CDS_highlight_turquoise);
195
- @bright-turquoise: var(--CDS_bright_turquoise);
196
- @border-turquoise: var(--CDS_border_turquoise);
197
- @primary-turquoise: var(--CDS_primary_turquoise);
198
- @hover-turquoise: var(--CDS_hover_turquoise);
199
- @pale-purple: var(--CDS_pale_purple);
200
- @highlight-purple: var(--CDS_highlight_purple);
201
- @bright-purple: var(--CDS_bright_purple);
202
- @border-purple: var(--CDS_border_purple);
203
- @primary-purple: var(--CDS_primary_purple);
204
- @hover-purple: var(--CDS_hover_purple);
205
- @snow: var(--CDS_gray_00);
206
- @black: var(--CDS_black_01);
207
- @white: var(--CDS_white_01);
208
- @abs-white: var(--CDS_white_01);
209
- @white-01: var(--CDS_white_01);
210
- @white-02: var(--CDS_white_02);
211
- @white-03: var(--CDS_white_03);
212
- @white-04: var(--CDS_white_04);
213
- @white-05: var(--CDS_white_05);
214
- @black-01: var(--CDS_black_01);
215
- @black-02: var(--CDS_black_02);
216
- @gray-fill: var(--CDS_gray_fill);
217
- @line-hover: var(--CDS_gray_hover);
218
- @gray-filled: var(--CDS_gray_fill);
219
- @line-actived: var(--CDS_gray_fill);
220
- @line-select: var(--CDS_gray_fill);
221
- @line-selected: var(--CDS_gray_fill);
222
- @gray-click: var(--CDS_gray_fill);
223
- @line-click: var(--CDS_gray_fill);
224
- @gray-basic: var(--CDS_gray_basic);
225
- @basic: var(--CDS_gray_basic);
226
- @basic-fg: var(--CDS_gray_basic);
227
- @basic-bg: var(--CDS_gray_00);
228
- @line-color: var(--CDS_gray_basic);
229
- @gray-modal: var(--CDS_gray_modal);
230
- @modal-color: var(--CDS_gray_modal);
231
- @gray-popover: var(--CDS_gray_popover);
232
- @popover-color: var(--CDS_gray_popover);
233
- @gray-00: var(--CDS_gray_00);
234
- @gray-01: var(--CDS_gray_01);
235
- @gray-02: var(--CDS_gray_02);
236
- @gray-03: var(--CDS_gray_03);
237
- @gray-04: var(--CDS_gray_04);
238
- @gray-05: var(--CDS_gray_05);
239
- @gray-06: var(--CDS_gray_06);
240
- @gray-07: var(--CDS_gray_07);
241
- @gray-08: var(--CDS_gray_08);
242
- @shadow-color: var(--CDS_shadow_color);
243
- @dashboard-01: var(--CDS_data_orange);
244
- @dashboard-02: var(--CDS_data_red);
245
- @dashboard-03: var(--CDS_data_green);
246
- @dashboard-04: var(--CDS_data_purple);
247
- @dashboard-05: var(--CDS_data_blue);
248
- @dashboard-06: var(--CDS_data_cyan);
249
- @dashboard-07: var(--CDS_data_violet);
250
- @data-orange: var(--CDS_data_orange);
251
- @data-red: var(--CDS_data_red);
252
- @data-green: var(--CDS_data_green);
253
- @data-purple: var(--CDS_data_purple);
254
- @data-blue: var(--CDS_data_blue);
255
- @data-cyan: var(--CDS_data_cyan);
256
- @data-violet: var(--CDS_data_violet);
257
- @placeholder-01: var(--CDS_ph_plum);
258
- @placeholder-02: var(--CDS_ph_red);
259
- @placeholder-03: var(--CDS_ph_orange);
260
- @placeholder-04: var(--CDS_ph_amber);
261
- @placeholder-05: var(--CDS_ph_olive);
262
- @placeholder-06: var(--CDS_ph_sky);
263
- @placeholder-07: var(--CDS_ph_blue);
264
- @ph-plum: var(--CDS_ph_plum);
265
- @ph-red: var(--CDS_ph_red);
266
- @ph-orange: var(--CDS_ph_orange);
267
- @ph-amber: var(--CDS_ph_amber);
268
- @ph-olive: var(--CDS_ph_olive);
269
- @ph-sky: var(--CDS_ph_sky);
270
- @ph-blue: var(--CDS_ph_blue);
153
+ @pale-brand: var(--CDS_pale_brand, rgba(0, 145, 255, 0.06));
154
+ @highlight-brand: var(--CDS_highlight_brand, rgba(0, 145, 255, 0.1));
155
+ @bright-brand: var(--CDS_bright_brand, rgba(0, 145, 255, 0.16));
156
+ @border-brand: var(--CDS_border_brand, rgba(0, 145, 255, 0.4));
157
+ @primary-brand: var(--CDS_primary_brand, #0091ff);
158
+ @hover-brand: var(--CDS_hover_brand, #0082e5);
159
+ @click-brand: var(--CDS_click_brand, #0074cc);
160
+ @heavy-brand: var(--CDS_heavy_brand, #0065b2);
161
+ @deco-brand: var(--CDS_deco_brand, #4db2ff);
162
+ @text-brand: var(--CDS_text_brand, #0074cc);
163
+ @pale-danger: var(--CDS_pale_danger, rgba(208, 73, 52, 0.06));
164
+ @highlight-danger: var(--CDS_highlight_danger, rgba(208, 73, 52, 0.1));
165
+ @bright-danger: var(--CDS_bright_danger, rgba(208, 73, 52, 0.16));
166
+ @border-danger: var(--CDS_border_danger, rgba(208, 73, 52, 0.4));
167
+ @primary-danger: var(--CDS_primary_danger, #d04934);
168
+ @hover-danger: var(--CDS_hover_danger, #ae311f);
169
+ @click-danger: var(--CDS_click_danger, #8c1809);
170
+ @heavy-danger: var(--CDS_heavy_danger, #670600);
171
+ @text-danger: var(--CDS_text_danger, #d04934);
172
+ @pale-warning: var(--CDS_pale_warning, rgba(255, 154, 33, 0.04));
173
+ @highlight-warning: var(--CDS_highlight_warning, rgba(255, 154, 33, 0.08));
174
+ @bright-warning: var(--CDS_bright_warning, rgba(255, 154, 33, 0.2));
175
+ @border-warning: var(--CDS_border_warning, rgba(255, 154, 33, 0.4));
176
+ @primary-warning: var(--CDS_primary_warning, #ff9a21);
177
+ @hover-warning: var(--CDS_hover_warning, #e58810);
178
+ @click-warning: var(--CDS_click_warning, #d97818);
179
+ @heavy-warning: var(--CDS_heavy_warning, #cc6a1b);
180
+ @pale-alert: var(--CDS_pale_alert, rgba(255, 204, 0, 0.04));
181
+ @highlight-alert: var(--CDS_highlight_alert, rgba(255, 204, 0, 0.08));
182
+ @bright-alert: var(--CDS_bright_alert, rgba(255, 204, 0, 0.2));
183
+ @border-alert: var(--CDS_border_alert, rgba(255, 204, 0, 0.4));
184
+ @primary-alert: var(--CDS_primary_alert, #ffcc00);
185
+ @hover-alert: var(--CDS_hover_alert, #ebb800);
186
+ @click-alert: var(--CDS_click_alert, #e0a900);
187
+ @heavy-alert: var(--CDS_heavy_alert, #cf9600);
188
+ @pale-success: var(--CDS_pale_success, rgba(0, 136, 91, 0.06));
189
+ @highlight-success: var(--CDS_highlight_success, rgba(0, 136, 91, 0.1));
190
+ @bright-success: var(--CDS_bright_success, rgba(0, 136, 91, 0.16));
191
+ @border-success: var(--CDS_border_success, rgba(0, 136, 91, 0.4));
192
+ @primary-success: var(--CDS_primary_success, #00885b);
193
+ @hover-success: var(--CDS_hover_success, #006c48);
194
+ @click-success: var(--CDS_click_success, #005235);
195
+ @heavy-success: var(--CDS_heavy_success, #003823);
196
+ @text-success: var(--CDS_text_success, #00885b);
197
+ @pale-turquoise: var(--CDS_pale_turquoise, rgba(0, 156, 149, 0.04));
198
+ @highlight-turquoise: var(--CDS_highlight_turquoise, rgba(0, 156, 149, 0.08));
199
+ @bright-turquoise: var(--CDS_bright_turquoise, rgba(0, 156, 149, 0.2));
200
+ @border-turquoise: var(--CDS_border_turquoise, rgba(0, 156, 149, 0.4));
201
+ @primary-turquoise: var(--CDS_primary_turquoise, #009c95);
202
+ @hover-turquoise: var(--CDS_hover_turquoise, #008a82);
203
+ @click-turquoise: var(--CDS_click_turquoise, #017a72);
204
+ @heavy-turquoise: var(--CDS_heavy_turquoise, #026b63);
205
+ @pale-purple: var(--CDS_pale_purple, rgba(115, 83, 233, 0.04));
206
+ @highlight-purple: var(--CDS_highlight_purple, rgba(115, 83, 233, 0.08));
207
+ @bright-purple: var(--CDS_bright_purple, rgba(115, 83, 233, 0.2));
208
+ @border-purple: var(--CDS_border_purple, rgba(115, 83, 233, 0.4));
209
+ @primary-purple: var(--CDS_primary_purple, #7353e9);
210
+ @hover-purple: var(--CDS_hover_purple, #6541d4);
211
+ @click-purple: var(--CDS_click_purple, #5835bd);
212
+ @heavy-purple: var(--CDS_heavy_purple, #4d2aaa);
213
+ @snow: var(--CDS_gray_00, white);
214
+ @black: var(--CDS_black_01, black);
215
+ @white: var(--CDS_white_01, white);
216
+ @abs-white: var(--CDS_white_01, white);
217
+ @white-01: var(--CDS_white_01, white);
218
+ @white-02: var(--CDS_white_02, rgba(255, 255, 255, 0.8));
219
+ @white-03: var(--CDS_white_03, rgba(255, 255, 255, 0.6));
220
+ @white-04: var(--CDS_white_04, rgba(255, 255, 255, 0.36));
221
+ @white-05: var(--CDS_white_05, rgba(255, 255, 255, 0.16));
222
+ @white-06: var(--CDS_white_06, rgba(255, 255, 255, 0.08));
223
+ @black-01: var(--CDS_black_01, black);
224
+ @black-02: var(--CDS_black_02, #44474b);
225
+ @gray-fill: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
226
+ @line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05));
227
+ @gray-fillover: var(--CDS_gray_fillover, rgba(38, 38, 38, 0.08));
228
+ @gray-filled: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
229
+ @line-actived: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
230
+ @line-select: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
231
+ @line-selected: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
232
+ @gray-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
233
+ @line-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
234
+ @gray-basic: var(--CDS_gray_basic, white);
235
+ @basic: var(--CDS_gray_basic, white);
236
+ @basic-fg: var(--CDS_gray_basic, white);
237
+ @basic-bg: var(--CDS_gray_00, white);
238
+ @line-color: var(--CDS_gray_basic, white);
239
+ @gray-modal: var(--CDS_gray_modal, white);
240
+ @modal-color: var(--CDS_gray_modal, white);
241
+ @gray-popover: var(--CDS_gray_popover, linear-gradient(104deg, rgba(250, 250, 250, 0.9) 6%, rgba(244, 244, 244, 0.9) 95%));
242
+ @popover-color: var(--CDS_gray_popover, linear-gradient(104deg, rgba(250, 250, 250, 0.9) 6%, rgba(244, 244, 244, 0.9) 95%));
243
+ @gray-00: var(--CDS_gray_00, white);
244
+ @gray-01: var(--CDS_gray_01, #f9f9f9);
245
+ @gray-02: var(--CDS_gray_02, rgba(38, 38, 38, 0.06));
246
+ @gray-03: var(--CDS_gray_03, rgba(38, 38, 38, 0.1));
247
+ @gray-04: var(--CDS_gray_04, rgba(38, 38, 38, 0.22));
248
+ @gray-05: var(--CDS_gray_05, rgba(38, 38, 38, 0.4));
249
+ @gray-06: var(--CDS_gray_06, rgba(38, 38, 38, 0.6));
250
+ @gray-07: var(--CDS_gray_07, rgba(38, 38, 38, 0.76));
251
+ @gray-08: var(--CDS_gray_08, #262626);
252
+ @gray-pale: var(--CDS_gray_pale, rgba(38, 38, 38, 0.03));
253
+ @gray-page: var(--CDS_gray_page, #fbfbfb);
254
+ @shadow-color: var(--CDS_shadow_color, black);
255
+ @dashboard-01: var(--CDS_data_orange, #ffaf38);
256
+ @dashboard-02: var(--CDS_data_red, #ff656b);
257
+ @dashboard-03: var(--CDS_data_green, #75c940);
258
+ @dashboard-04: var(--CDS_data_purple, #9979f2);
259
+ @dashboard-05: var(--CDS_data_blue, #0395ff);
260
+ @dashboard-06: var(--CDS_data_cyan, #57e9c4);
261
+ @dashboard-07: var(--CDS_data_violet, #5c60e6);
262
+ @data-orange: var(--CDS_data_orange, #ffaf38);
263
+ @data-red: var(--CDS_data_red, #ff656b);
264
+ @data-green: var(--CDS_data_green, #75c940);
265
+ @data-purple: var(--CDS_data_purple, #9979f2);
266
+ @data-blue: var(--CDS_data_blue, #0395ff);
267
+ @data-cyan: var(--CDS_data_cyan, #57e9c4);
268
+ @data-violet: var(--CDS_data_violet, #5c60e6);
269
+ @data-sky: var(--CDS_data_sky, #c7edf8);
270
+ @placeholder-01: var(--CDS_ph_plum, #bc61cf);
271
+ @placeholder-02: var(--CDS_ph_red, #f26666);
272
+ @placeholder-03: var(--CDS_ph_orange, #f29a52);
273
+ @placeholder-04: var(--CDS_ph_amber, #f4c329);
274
+ @placeholder-05: var(--CDS_ph_olive, #cbd057);
275
+ @placeholder-06: var(--CDS_ph_sky, #29b3f0);
276
+ @placeholder-07: var(--CDS_ph_blue, #3885ea);
277
+ @ph-plum: var(--CDS_ph_plum, #bc61cf);
278
+ @ph-red: var(--CDS_ph_red, #f26666);
279
+ @ph-orange: var(--CDS_ph_orange, #f29a52);
280
+ @ph-amber: var(--CDS_ph_amber, #f4c329);
281
+ @ph-olive: var(--CDS_ph_olive, #cbd057);
282
+ @ph-sky: var(--CDS_ph_sky, #29b3f0);
283
+ @ph-blue: var(--CDS_ph_blue, #3885ea);
271
284
  @lavender-soft: var(--CDS_ct_lavender_soft, #9ea3ff);
272
285
  @lavender-hard: var(--CDS_ct_lavender_hard, #767ff7);
273
286
  @coral-soft: var(--CDS_ct_coral_soft, #fd998f);
@@ -279,34 +292,39 @@
279
292
  @neutral-deep: var(--CDS_ct_neutral_deep, #8c8c8c);
280
293
  @background-fill: #ffffff;
281
294
  @background-nav-search: rgba(0, 0, 0, 0);
282
- @background-section: var(--CDS_gray_modal);
283
- @background-layout: var(--CDS_gray_00);
284
- @background-overlay: var(--CDS_gray_modal);
285
- @background-switch-trigger: var(--CDS_white_01);
286
- @background-base: var(--CDS_gray_fill);
287
- @mask: var(--CDS_black_overlay);
288
- @overlay: var(--CDS_black_overlay);
289
- @shadow-00: var(--CDS_shadow_00);
290
- @shadow-01: var(--CDS_shadow_01);
291
- @shadow-02: var(--CDS_shadow_02);
292
- @shadow-03: var(--CDS_shadow_03);
293
- @shadow-04: var(--CDS_shadow_04);
294
- @shadow-color-00: var(--CDS_shadow_color_00, rgba(38, 38, 38, 0.4));
295
+ @background-section: var(--CDS_gray_modal, white);
296
+ @background-layout: var(--CDS_gray_00, white);
297
+ @background-overlay: var(--CDS_gray_modal, white);
298
+ @background-switch-trigger: var(--CDS_white_01, white);
299
+ @background-base: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
300
+ @mask: var(--CDS_black_overlay, rgba(0, 0, 0, 0.2));
301
+ @overlay: var(--CDS_black_overlay, rgba(0, 0, 0, 0.2));
302
+ @shadow-00: var(--CDS_shadow_00, 0px 1px 4px 0px rgba(38, 38, 38, 0.04));
303
+ @shadow-01: var(--CDS_shadow_01, 0px 0px 0px 1px rgba(31, 34, 37, 0.09), 0px 1px 4px 0px rgba(0, 0, 0, 0.04));
304
+ @shadow-02: var(--CDS_shadow_02, 0px 2px 4px -2px rgba(0, 0, 0, 0.04), 0px 2px 8px -2px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px rgba(31, 34, 37, 0.09));
305
+ @shadow-02-flat: var(--CDS_shadow_02_flat, 0px 2px 4px -2px rgba(0, 0, 0, 0.04), 0px 2px 8px -2px rgba(0, 0, 0, 0.04));
306
+ @shadow-03: var(--CDS_shadow_03, 0px 0px 0px 1px rgba(31, 34, 47, 0.09), 0px 24px 48px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px 0px rgba(0, 0, 0, 0.02));
307
+ @shadow-04: var(--CDS_shadow_04, 0px 8px 16px -2px rgba(0, 0, 0, 0.04), 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px rgba(31, 34, 37, 0.09));
308
+ @shadow-popover: var(--CDS_shadow_popover, 0px 0px 0px 1px rgba(31, 34, 37, 0.09), 0px 12px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 16px -4px rgba(0, 0, 0, 0.04));
309
+ @shadow-popover-flat: var(--CDS_shadow_popover_flat, 0px 12px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 16px -4px rgba(0, 0, 0, 0.04));
310
+ @shadow-modal: var(--CDS_shadow_modal, 0px 0px 0px 1px rgba(31, 34, 37, 0.09), 0px 16px 40px -6px rgba(0, 0, 0, 0.16), 0px 12px 24px -6px rgba(0, 0, 0, 0.04));
311
+ @shadow-input: var(--CDS_shadow_input, 0px 0px 0px 2px rgba(0, 145, 255, 0.1));
312
+ @shadow-color-00: var(--CDS_shadow_color_00, rgba(38, 38, 38, 0.04));
295
313
  @shadow-color-01: var(--CDS_shadow_color_01, rgba(38, 38, 38, 0.1));
296
314
  @shadow-color-02: var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14));
297
315
  @shadow-color-03: var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18));
298
316
  @shadow-color-04: var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24));
299
- @cell-line-hover: var(--CDS_gray_hover);
300
- @cell-line-active: var(--CDS_gray_02);
317
+ @cell-line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05));
318
+ @cell-line-active: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
301
319
  @tab-wrapped-bg-color-hover: rgba(0, 0, 0, 0);
302
320
  @tab-wrapped-bg-color: rgba(0, 0, 0, 0);
303
- @tab-wrapped-bg-color-selected: var(--CDS_gray_basic);
304
- @step-dot-item-tail-wait-color: var(--CDS_gray_05);
305
- @step-dot-item-tail-process-color: var(--CDS_gray_05);
306
- @step-dot-item-tail-disabled-color: var(--CDS_gray_05);
307
- @step-circle-item-tail-wait-color: var(--CDS_gray_05);
308
- @step-circle-item-tail-process-color: var(--CDS_gray_05);
309
- @step-circle-item-tail-disabled-color: var(--CDS_gray_05);
321
+ @tab-wrapped-bg-color-selected: var(--CDS_gray_basic, white);
322
+ @step-dot-item-tail-wait-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
323
+ @step-dot-item-tail-process-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
324
+ @step-dot-item-tail-disabled-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
325
+ @step-circle-item-tail-wait-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
326
+ @step-circle-item-tail-process-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
327
+ @step-circle-item-tail-disabled-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
310
328
  @pagination-item-bg: rgba(0, 0, 0, 0);
311
329
  @nav-normal-bg-color: rgba(0, 0, 0, 0);
312
330
  @nav-normal-sub-nav-bg-color: rgba(0, 0, 0, 0);
@@ -321,66 +339,73 @@
321
339
  @nav-primary-item-opened-bg-color: var(--XDS_line_hover_color);
322
340
  @nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color);
323
341
  @nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
324
- @table-row-hover-bg: var(--CDS_gray_fill);
325
- @menu-background: var(--CDS_gray_popover);
326
- @menu-background-hover: var(--CDS_gray_fill);
327
- @menu-background-selected: var(--CDS_gray_filled);
328
- @menu-background-focus: var(--CDS_gray_filled);
329
- @menu-divider-color: var(--CDS_gray_03);
342
+ @table-row-hover-bg: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
343
+ @menu-background: var(--CDS_gray_popover, white);
344
+ @menu-background-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
345
+ @menu-background-selected: var(--CDS_gray_filled, rgba(38, 38, 38, 0.06));
346
+ @menu-background-focus: var(--CDS_gray_filled, rgba(38, 38, 38, 0.06));
347
+ @menu-divider-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
330
348
  @input-bg-color: rgba(0, 0, 0, 0);
331
349
  @input-focus-bg-color: rgba(0, 0, 0, 0);
332
350
  @input-hover-bg-color: rgba(0, 0, 0, 0);
333
- @input-disabled-bg-color: var(--CDS_gray_fill);
334
- @input-addon-bg-color: var(--CDS_gray_fill);
335
- @tag-closable-primary-fill-bg-color: var(--CDS_gray_02);
336
- @tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03);
337
- @tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02);
338
- @tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04);
339
- @tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03);
340
- @tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05);
341
- @transfer-panel-header-background-color: var(--CDS_gray_basic);
342
- @switch-disabled-on-bg-color: var(--CDS_gray_03);
343
- @search-nav-search-bg-color: var(--CDS_gray_fill);
344
- @range-normal-slider-bg-color: var(--CDS_white_01);
345
- @range-normal-slider-bg-color-hover: var(--CDS_white_01);
351
+ @input-disabled-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
352
+ @input-addon-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
353
+ @tag-closable-primary-fill-bg-color: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
354
+ @tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
355
+ @tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
356
+ @tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04, rgba(38, 38, 38, 0.18));
357
+ @tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
358
+ @tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
359
+ @transfer-panel-header-background-color: var(--CDS_gray_basic, white);
360
+ @switch-disabled-on-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
361
+ @search-nav-search-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
362
+ @range-normal-slider-bg-color: var(--CDS_white_01, white);
363
+ @range-normal-slider-bg-color-hover: var(--CDS_white_01, white);
346
364
  @radio-bg-color: rgba(0, 0, 0, 0);
347
- @radio-disabled-bg-color: var(--CDS_gray_03);
348
- @calendar-card-table-cell-disabled-background: var(--CDS_gray_fill);
349
- @calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill);
365
+ @radio-disabled-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
366
+ @calendar-card-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
367
+ @calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
350
368
  @checkbox-bg-color: rgba(0, 0, 0, 0);
351
- @checkbox-disabled-bg-color: var(--CDS_gray_03);
369
+ @checkbox-disabled-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
352
370
  @balloon-tooltip-color-primary-bg: rgba(0, 0, 0, 0.9) !important;
353
- @balloon-tooltip-color-normal-bg: 'var(--CDS_gray_popover)', '!important';
354
- @balloon-tooltip-color-normal: var(--CDS_gray_08);
355
- @balloon-tooltip-color-primary: var(--CDS_white_01);
356
- @btn-warning-primary-bg-disabled: var(--CDS_gray_05);
357
- @btn-warning-primary-color-disabled: var(--CDS_white_01);
371
+ @balloon-tooltip-color-normal-bg: 'var(--CDS_gray_popover, white)', '!important';
372
+ @balloon-tooltip-color-normal: var(--CDS_gray_08, #262626);
373
+ @balloon-tooltip-color-primary: var(--CDS_white_01, white);
374
+ @btn-warning-primary-bg-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4));
375
+ @btn-warning-primary-color-disabled: var(--CDS_white_01, white);
358
376
  @btn-warning-primary-border-color-disabled: rgba(0, 0, 0, 0);
359
- @btn-pure-color-disabled: var(--CDS_white_01);
360
- @btn-pure-bg-disabled: var(--CDS_gray_05);
361
- @btn-pure-border-color-disabled: var(--CDS_gray_05);
377
+ @btn-pure-color-disabled: var(--CDS_white_01, white);
378
+ @btn-pure-bg-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4));
379
+ @btn-pure-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4));
362
380
  @btn-ghost-dark-bg-normal: rgba(0, 0, 0, 0);
363
- @btn-ghost-dark-color: var(--CDS_gray_08);
364
- @btn-ghost-dark-color-hover: var(--CDS_gray_08);
365
- @btn-ghost-dark-color-active: var(--CDS_gray_08);
366
- @btn-ghost-dark-border-color-active: var(--CDS_gray_08);
367
- @btn-ghost-dark-border-color-hover: var(--CDS_gray_08);
368
- @btn-ghost-dark-border-color: var(--CDS_gray_08);
369
- @btn-ghost-dark-bg-hover: var(--CDS_gray_fill);
370
- @btn-ghost-dark-bg-active: var(--CDS_gray_03);
371
- @btn-ghost-dark-color-disabled: var(--CDS_gray_05);
372
- @btn-ghost-dark-border-color-disabled: var(--CDS_gray_05);
381
+ @btn-ghost-dark-color: var(--CDS_gray_08, #262626);
382
+ @btn-ghost-dark-color-hover: var(--CDS_gray_08, #262626);
383
+ @btn-ghost-dark-color-active: var(--CDS_gray_08, #262626);
384
+ @btn-ghost-dark-border-color-active: var(--CDS_gray_08, #262626);
385
+ @btn-ghost-dark-border-color-hover: var(--CDS_gray_08, #262626);
386
+ @btn-ghost-dark-border-color: var(--CDS_gray_08, #262626);
387
+ @btn-ghost-dark-bg-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
388
+ @btn-ghost-dark-bg-active: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
389
+ @btn-ghost-dark-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
390
+ @btn-ghost-dark-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
373
391
  @btn-ghost-light-bg-normal: rgba(0, 0, 0, 0);
374
- @btn-ghost-light-border-color: var(--CDS_gray_08);
375
- @btn-ghost-light-color: var(--CDS_gray_08);
376
- @btn-ghost-light-color-active: var(--CDS_gray_08);
377
- @btn-ghost-light-color-hover: var(--CDS_gray_08);
378
- @btn-ghost-light-border-color-active: var(--CDS_gray_08);
379
- @btn-ghost-light-border-color-hover: var(--CDS_gray_08);
380
- @btn-ghost-light-bg-hover: var(--CDS_gray_02);
381
- @btn-ghost-light-bg-active: var(--CDS_gray_03);
382
- @btn-ghost-light-color-disabled: var(--CDS_gray_05);
383
- @btn-ghost-light-border-color-disabled: var(--CDS_gray_05);
392
+ @btn-ghost-light-border-color: var(--CDS_gray_08, #262626);
393
+ @btn-ghost-light-color: var(--CDS_gray_08, #262626);
394
+ @btn-ghost-light-color-active: var(--CDS_gray_08, #262626);
395
+ @btn-ghost-light-color-hover: var(--CDS_gray_08, #262626);
396
+ @btn-ghost-light-border-color-active: var(--CDS_gray_08, #262626);
397
+ @btn-ghost-light-border-color-hover: var(--CDS_gray_08, #262626);
398
+ @btn-ghost-light-bg-hover: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
399
+ @btn-ghost-light-bg-active: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
400
+ @btn-ghost-light-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
401
+ @btn-ghost-light-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
402
+ @lake-subtle: var(--CDS_ct_lake_subtle, #d9f6f5);
403
+ @lake-soft: var(--CDS_ct_lake_soft, #b2f0ed);
404
+ @lake-medium: var(--CDS_ct_lake_medium, #70e0dc);
405
+ @lake-hard: var(--CDS_ct_lake_hard, #00c2b9);
406
+ @sea-medium: var(--CDS_ct_sea_medium, #6adbfb);
407
+ @violet-hard: var(--CDS_ct_violet_hard, #9787ff);
408
+ @mango-hard: var(--CDS_ct_mango_hard, #ffca49);
384
409
  @font-size-caption: 12px;
385
410
  @font-size-body: 14px;
386
411
  @font-size-subhead: 14px;
@@ -408,7 +433,5 @@
408
433
  @shape-circular: 50%;
409
434
  @shadow-card: var(--CDS_shadow_01);
410
435
  @shadow-card-hover: var(--CDS_shadow_01);
411
- @shadow-popover: var(--CDS_shadow_03);
412
- @shadow-modal: var(--CDS_shadow_04);
413
436
  @AT_THEME: teambition;
414
437
  @AT_THEME_TYPE: light;