@txdfe/at-theme 2.0.1-2 → 2.0.1-21

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 (23) hide show
  1. package/README.md +4 -0
  2. package/apsara/css/index.css +3 -3
  3. package/apsara/js/index.js +3 -3
  4. package/apsara/less/index.less +3 -3
  5. package/apsara-dark/css/index.css +3 -3
  6. package/apsara-dark/js/index.js +3 -3
  7. package/apsara-dark/less/index.less +3 -3
  8. package/common/variables/radius.scss +2 -2
  9. package/infra/css/index.css +4 -4
  10. package/infra/js/index.js +4 -4
  11. package/infra/less/index.less +4 -4
  12. package/infra-dark/css/index.css +4 -4
  13. package/infra-dark/js/index.js +4 -4
  14. package/infra-dark/less/index.less +4 -4
  15. package/package.json +1 -1
  16. package/teambition/css/index.css +236 -149
  17. package/teambition/js/index.js +265 -149
  18. package/teambition/less/index.less +236 -149
  19. package/teambition/scss/variables/color.scss +261 -156
  20. package/teambition/scss/variables/shadow.scss +5 -0
  21. package/teambition-dark/css/index.css +4 -4
  22. package/teambition-dark/js/index.js +4 -4
  23. package/teambition-dark/less/index.less +4 -4
package/teambition/less/index.less CHANGED
@@ -123,8 +123,8 @@
123
123
  @ALPHA1: 1;
124
124
  @css-prefix: next-;
125
125
  @R0: 0;
126
- @R2: 2px;
127
- @R4: 4px;
126
+ @R2: 4px;
127
+ @R4: 8px;
128
128
  @R6: 50%;
129
129
  @SH1: 0 1px 3px 0 rgba(38, 38, 38, 0.1);
130
130
  @SH2: 0 4px 16px 0 rgba(38, 38, 38, 0.12);
@@ -150,101 +150,182 @@
150
150
  @S52: 52px;
151
151
  @S56: 56px;
152
152
  @S80: 80px;
153
- @highlight-brand: var(--CDS_highlight_brand);
154
- @bright-brand: var(--CDS_bright_brand);
155
- @border-brand: var(--CDS_border_brand);
156
- @primary-brand: var(--CDS_primary_brand);
157
- @hover-brand: var(--CDS_hover_brand);
158
- @click-brand: var(--CDS_click_brand);
159
- @heavy-brand: var(--CDS_heavy_brand);
160
- @highlight-danger: var(--CDS_highlight_danger);
161
- @bright-danger: var(--CDS_bright_danger);
162
- @border-danger: var(--CDS_border_danger);
163
- @primary-danger: var(--CDS_primary_danger);
164
- @hover-danger: var(--CDS_hover_danger);
165
- @click-danger: var(--CDS_click_danger);
166
- @heavy-danger: var(--CDS_heavy_danger);
167
- @highlight-warning: var(--CDS_highlight_warning);
168
- @bright-warning: var(--CDS_bright_warning);
169
- @border-warning: var(--CDS_border_warning);
170
- @primary-warning: var(--CDS_primary_warning);
171
- @hover-warning: var(--CDS_hover_warning);
172
- @click-warning: var(--CDS_click_warning);
173
- @heavy-warning: var(--CDS_heavy_warning);
174
- @highlight-alert: var(--CDS_highlight_alert);
175
- @bright-alert: var(--CDS_bright_alert);
176
- @border-alert: var(--CDS_border_alert);
177
- @primary-alert: var(--CDS_primary_alert);
178
- @hover-alert: var(--CDS_hover_alert);
179
- @click-alert: var(--CDS_click_alert);
180
- @heavy-alert: var(--CDS_heavy_alert);
181
- @highlight-success: var(--CDS_highlight_success);
182
- @bright-success: var(--CDS_bright_success);
183
- @border-success: var(--CDS_border_success);
184
- @primary-success: var(--CDS_primary_success);
185
- @hover-success: var(--CDS_hover_success);
186
- @click-success: var(--CDS_click_success);
187
- @heavy-success: var(--CDS_heavy_success);
188
- @snow: var(--CDS_white_01);
189
- @black: var(--CDS_black_01);
190
- @white: var(--CDS_white_01);
191
- @white-01: var(--CDS_white_01);
192
- @white-02: var(--CDS_white_02);
193
- @white-03: var(--CDS_white_03);
194
- @white-04: var(--CDS_white_04);
195
- @black-01: var(--CDS_black_01);
196
- @gray-fill: var(--CDS_gray_fill);
197
- @line-hover: var(--CDS_gray_fill);
198
- @gray-filled: var(--CDS_gray_fill);
199
- @line-actived: var(--CDS_gray_fill);
200
- @gray-basic: var(--CDS_gray_basic);
201
- @line-color: var(--CDS_gray_basic);
202
- @gray-modal: var(--CDS_gray_modal);
203
- @modal-color: var(--CDS_gray_popover);
204
- @gray-popover: var(--CDS_gray_popover);
205
- @popover-color: var(--CDS_gray_popover);
206
- @gray-00: var(--CDS_gray_00);
207
- @gray-01: var(--CDS_gray_01);
208
- @gray-02: var(--CDS_gray_02);
209
- @gray-03: var(--CDS_gray_03);
210
- @gray-04: var(--CDS_gray_04);
211
- @gray-05: var(--CDS_gray_05);
212
- @gray-06: var(--CDS_gray_06);
213
- @gray-07: var(--CDS_gray_07);
214
- @gray-08: var(--CDS_gray_08);
215
- @shadow-color: var(--CDS_shadow_color);
216
- @dashboard-01: var(--CDS_data_orange);
217
- @dashboard-02: var(--CDS_data_red);
218
- @dashboard-03: var(--CDS_data_green);
219
- @dashboard-04: var(--CDS_data_purple);
220
- @dashboard-05: var(--CDS_data_blue);
221
- @dashboard-06: var(--CDS_data_cyan);
222
- @dashboard-07: var(--CDS_data_violet);
223
- @placeholder-01: var(--CDS_ph_plum);
224
- @placeholder-02: var(--CDS_ph_red);
225
- @placeholder-03: var(--CDS_ph_orange);
226
- @placeholder-04: var(--CDS_ph_amber);
227
- @placeholder-05: var(--CDS_ph_olive);
228
- @placeholder-06: var(--CDS_ph_sky);
229
- @placeholder-07: 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
+ @gray-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.05));
227
+ @line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05));
228
+ @gray-fillover: var(--CDS_gray_fillover, rgba(38, 38, 38, 0.08));
229
+ @gray-filled: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
230
+ @line-actived: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
231
+ @line-select: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
232
+ @line-selected: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
233
+ @gray-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.09));
234
+ @line-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
235
+ @gray-basic: var(--CDS_gray_basic, white);
236
+ @basic: var(--CDS_gray_basic, white);
237
+ @basic-fg: var(--CDS_gray_basic, white);
238
+ @basic-bg: var(--CDS_gray_00, white);
239
+ @line-color: var(--CDS_gray_basic, white);
240
+ @gray-modal: var(--CDS_gray_modal, white);
241
+ @modal-color: var(--CDS_gray_modal, white);
242
+ @gray-popover: var(--CDS_gray_popover, linear-gradient(104deg, rgba(250, 250, 250, 0.9) 6%, rgba(244, 244, 244, 0.9) 95%));
243
+ @popover-color: var(--CDS_gray_popover, linear-gradient(104deg, rgba(250, 250, 250, 0.9) 6%, rgba(244, 244, 244, 0.9) 95%));
244
+ @gray-00: var(--CDS_gray_00, white);
245
+ @gray-01: var(--CDS_gray_01, #f9f9f9);
246
+ @gray-02: var(--CDS_gray_02, rgba(38, 38, 38, 0.06));
247
+ @gray-03: var(--CDS_gray_03, rgba(38, 38, 38, 0.1));
248
+ @gray-04: var(--CDS_gray_04, rgba(38, 38, 38, 0.22));
249
+ @gray-05: var(--CDS_gray_05, rgba(38, 38, 38, 0.4));
250
+ @gray-06: var(--CDS_gray_06, rgba(38, 38, 38, 0.6));
251
+ @gray-07: var(--CDS_gray_07, rgba(38, 38, 38, 0.76));
252
+ @gray-08: var(--CDS_gray_08, #262626);
253
+ @gray-pale: var(--CDS_gray_pale, rgba(38, 38, 38, 0.03));
254
+ @gray-page: var(--CDS_gray_page, #fbfbfb);
255
+ @shadow-color: var(--CDS_shadow_color, black);
256
+ @dashboard-01: var(--CDS_data_orange, #ffaf38);
257
+ @dashboard-02: var(--CDS_data_red, #ff656b);
258
+ @dashboard-03: var(--CDS_data_green, #75c940);
259
+ @dashboard-04: var(--CDS_data_purple, #9979f2);
260
+ @dashboard-05: var(--CDS_data_blue, #0395ff);
261
+ @dashboard-06: var(--CDS_data_cyan, #57e9c4);
262
+ @dashboard-07: var(--CDS_data_violet, #5c60e6);
263
+ @data-orange: var(--CDS_data_orange, #ffaf38);
264
+ @data-red: var(--CDS_data_red, #ff656b);
265
+ @data-green: var(--CDS_data_green, #75c940);
266
+ @data-purple: var(--CDS_data_purple, #9979f2);
267
+ @data-blue: var(--CDS_data_blue, #0395ff);
268
+ @data-cyan: var(--CDS_data_cyan, #57e9c4);
269
+ @data-violet: var(--CDS_data_violet, #5c60e6);
270
+ @data-sky: var(--CDS_data_sky, #c7edf8);
271
+ @placeholder-01: var(--CDS_ph_plum, #bc61cf);
272
+ @placeholder-02: var(--CDS_ph_red, #f26666);
273
+ @placeholder-03: var(--CDS_ph_orange, #f29a52);
274
+ @placeholder-04: var(--CDS_ph_amber, #f4c329);
275
+ @placeholder-05: var(--CDS_ph_olive, #cbd057);
276
+ @placeholder-06: var(--CDS_ph_sky, #29b3f0);
277
+ @placeholder-07: var(--CDS_ph_blue, #3885ea);
278
+ @ph-plum: var(--CDS_ph_plum, #bc61cf);
279
+ @ph-red: var(--CDS_ph_red, #f26666);
280
+ @ph-orange: var(--CDS_ph_orange, #f29a52);
281
+ @ph-amber: var(--CDS_ph_amber, #f4c329);
282
+ @ph-olive: var(--CDS_ph_olive, #cbd057);
283
+ @ph-sky: var(--CDS_ph_sky, #29b3f0);
284
+ @ph-blue: var(--CDS_ph_blue, #3885ea);
285
+ @lavender-soft: var(--CDS_ct_lavender_soft, #9ea3ff);
286
+ @lavender-hard: var(--CDS_ct_lavender_hard, #767ff7);
287
+ @coral-soft: var(--CDS_ct_coral_soft, #fd998f);
288
+ @coral-hard: var(--CDS_ct_coral_hard, #e56a5e);
289
+ @water-soft: var(--CDS_ct_water_soft, #95ddff);
290
+ @water-hard: var(--CDS_ct_water_hard, #59c5ff);
291
+ @neutral-soft: var(--CDS_ct_neutral_soft, #d9d9d9);
292
+ @neutral-hard: var(--CDS_ct_neutral_hard, #bfbfbf);
293
+ @neutral-deep: var(--CDS_ct_neutral_deep, #8c8c8c);
230
294
  @background-fill: #ffffff;
231
295
  @background-nav-search: rgba(0, 0, 0, 0);
232
- @background-section: var(--CDS_gray_modal);
233
- @background-layout: var(--CDS_gray_00);
234
- @background-overlay: var(--CDS_gray_modal);
235
- @background-switch-trigger: var(--CDS_white_01);
236
- @background-base: var(--CDS_gray_fill);
237
- @cell-line-hover: var(--CDS_gray_fill);
238
- @cell-line-active: var(--CDS_gray_02);
296
+ @background-section: var(--CDS_gray_modal, white);
297
+ @background-layout: var(--CDS_gray_00, white);
298
+ @background-overlay: var(--CDS_gray_modal, white);
299
+ @background-switch-trigger: var(--CDS_white_01, white);
300
+ @background-base: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
301
+ @mask: var(--CDS_black_overlay, rgba(0, 0, 0, 0.2));
302
+ @overlay: var(--CDS_black_overlay, rgba(0, 0, 0, 0.2));
303
+ @shadow-00: var(--CDS_shadow_00, 0px 1px 4px 0px rgba(38, 38, 38, 0.04));
304
+ @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));
305
+ @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));
306
+ @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));
307
+ @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));
308
+ @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));
309
+ @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));
310
+ @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));
311
+ @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));
312
+ @shadow-input: var(--CDS_shadow_input, 0px 0px 0px 2px rgba(0, 145, 255, 0.1));
313
+ @shadow-color-00: var(--CDS_shadow_color_00, rgba(38, 38, 38, 0.04));
314
+ @shadow-color-01: var(--CDS_shadow_color_01, rgba(38, 38, 38, 0.1));
315
+ @shadow-color-02: var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14));
316
+ @shadow-color-03: var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18));
317
+ @shadow-color-04: var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24));
318
+ @cell-line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05));
319
+ @cell-line-active: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
239
320
  @tab-wrapped-bg-color-hover: rgba(0, 0, 0, 0);
240
321
  @tab-wrapped-bg-color: rgba(0, 0, 0, 0);
241
- @tab-wrapped-bg-color-selected: var(--CDS_gray_basic);
242
- @step-dot-item-tail-wait-color: var(--CDS_gray_05);
243
- @step-dot-item-tail-process-color: var(--CDS_gray_05);
244
- @step-dot-item-tail-disabled-color: var(--CDS_gray_05);
245
- @step-circle-item-tail-wait-color: var(--CDS_gray_05);
246
- @step-circle-item-tail-process-color: var(--CDS_gray_05);
247
- @step-circle-item-tail-disabled-color: var(--CDS_gray_05);
322
+ @tab-wrapped-bg-color-selected: var(--CDS_gray_basic, white);
323
+ @step-dot-item-tail-wait-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
324
+ @step-dot-item-tail-process-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
325
+ @step-dot-item-tail-disabled-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
326
+ @step-circle-item-tail-wait-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
327
+ @step-circle-item-tail-process-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
328
+ @step-circle-item-tail-disabled-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
248
329
  @pagination-item-bg: rgba(0, 0, 0, 0);
249
330
  @nav-normal-bg-color: rgba(0, 0, 0, 0);
250
331
  @nav-normal-sub-nav-bg-color: rgba(0, 0, 0, 0);
@@ -259,65 +340,73 @@
259
340
  @nav-primary-item-opened-bg-color: var(--XDS_line_hover_color);
260
341
  @nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color);
261
342
  @nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
262
- @table-row-hover-bg: var(--CDS_gray_fill);
263
- @menu-background-hover: var(--CDS_gray_fill);
264
- @menu-background-selected: var(--CDS_gray_filled);
265
- @menu-background-focus: var(--CDS_gray_filled);
266
- @menu-divider-color: var(--CDS_gray_03);
343
+ @table-row-hover-bg: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
344
+ @menu-background: var(--CDS_gray_popover, white);
345
+ @menu-background-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
346
+ @menu-background-selected: var(--CDS_gray_filled, rgba(38, 38, 38, 0.06));
347
+ @menu-background-focus: var(--CDS_gray_filled, rgba(38, 38, 38, 0.06));
348
+ @menu-divider-color: var(--CDS_gray_02, rgba(38, 38, 38, 0.06));
267
349
  @input-bg-color: rgba(0, 0, 0, 0);
268
350
  @input-focus-bg-color: rgba(0, 0, 0, 0);
269
351
  @input-hover-bg-color: rgba(0, 0, 0, 0);
270
- @input-disabled-bg-color: var(--CDS_gray_fill);
271
- @input-addon-bg-color: var(--CDS_gray_fill);
272
- @tag-closable-primary-fill-bg-color: var(--CDS_gray_02);
273
- @tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03);
274
- @tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02);
275
- @tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04);
276
- @tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03);
277
- @tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05);
278
- @transfer-panel-header-background-color: var(--CDS_gray_basic);
279
- @switch-disabled-on-bg-color: var(--CDS_gray_03);
280
- @search-nav-search-bg-color: var(--CDS_gray_fill);
281
- @range-normal-slider-bg-color: var(--CDS_white_01);
282
- @range-normal-slider-bg-color-hover: var(--CDS_white_01);
352
+ @input-disabled-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
353
+ @input-addon-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
354
+ @tag-closable-primary-fill-bg-color: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
355
+ @tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
356
+ @tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
357
+ @tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04, rgba(38, 38, 38, 0.18));
358
+ @tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
359
+ @tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
360
+ @transfer-panel-header-background-color: var(--CDS_gray_basic, white);
361
+ @switch-disabled-on-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
362
+ @search-nav-search-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
363
+ @range-normal-slider-bg-color: var(--CDS_white_01, white);
364
+ @range-normal-slider-bg-color-hover: var(--CDS_white_01, white);
283
365
  @radio-bg-color: rgba(0, 0, 0, 0);
284
- @radio-disabled-bg-color: var(--CDS_gray_04);
285
- @calendar-card-table-cell-disabled-background: var(--CDS_gray_fill);
286
- @calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill);
366
+ @radio-disabled-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
367
+ @calendar-card-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
368
+ @calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
287
369
  @checkbox-bg-color: rgba(0, 0, 0, 0);
288
- @checkbox-disabled-bg-color: var(--CDS_gray_04);
370
+ @checkbox-disabled-bg-color: var(--CDS_gray_pale, rgba(38, 38, 38, 0.12));
289
371
  @balloon-tooltip-color-primary-bg: rgba(0, 0, 0, 0.9) !important;
290
- @balloon-tooltip-color-normal-bg: 'var(--CDS_gray_popover)', '!important';
291
- @balloon-tooltip-color-normal: var(--CDS_gray_08);
292
- @balloon-tooltip-color-primary: var(--CDS_white_01);
293
- @btn-warning-primary-bg-disabled: var(--CDS_gray_05);
294
- @btn-warning-primary-color-disabled: var(--CDS_white_01);
372
+ @balloon-tooltip-color-normal-bg: 'var(--CDS_gray_popover, white)', '!important';
373
+ @balloon-tooltip-color-normal: var(--CDS_gray_08, #262626);
374
+ @balloon-tooltip-color-primary: var(--CDS_white_01, white);
375
+ @btn-warning-primary-bg-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4));
376
+ @btn-warning-primary-color-disabled: var(--CDS_white_01, white);
295
377
  @btn-warning-primary-border-color-disabled: rgba(0, 0, 0, 0);
296
- @btn-pure-color-disabled: var(--CDS_white_01);
297
- @btn-pure-bg-disabled: var(--CDS_gray_05);
298
- @btn-pure-border-color-disabled: var(--CDS_gray_05);
378
+ @btn-pure-color-disabled: var(--CDS_white_01, white);
379
+ @btn-pure-bg-disabled: var(--CDS_gray_04, rgba(38, 38, 38, 0.4));
380
+ @btn-pure-border-color-disabled: var(--CDS_gray_04, rgba(38, 38, 38, 0.4));
299
381
  @btn-ghost-dark-bg-normal: rgba(0, 0, 0, 0);
300
- @btn-ghost-dark-color: var(--CDS_gray_08);
301
- @btn-ghost-dark-color-hover: var(--CDS_gray_08);
302
- @btn-ghost-dark-color-active: var(--CDS_gray_08);
303
- @btn-ghost-dark-border-color-active: var(--CDS_gray_08);
304
- @btn-ghost-dark-border-color-hover: var(--CDS_gray_08);
305
- @btn-ghost-dark-border-color: var(--CDS_gray_08);
306
- @btn-ghost-dark-bg-hover: var(--CDS_gray_fill);
307
- @btn-ghost-dark-bg-active: var(--CDS_gray_03);
308
- @btn-ghost-dark-color-disabled: var(--CDS_gray_05);
309
- @btn-ghost-dark-border-color-disabled: var(--CDS_gray_05);
382
+ @btn-ghost-dark-color: var(--CDS_gray_08, #262626);
383
+ @btn-ghost-dark-color-hover: var(--CDS_gray_08, #262626);
384
+ @btn-ghost-dark-color-active: var(--CDS_gray_08, #262626);
385
+ @btn-ghost-dark-border-color-active: var(--CDS_gray_08, #262626);
386
+ @btn-ghost-dark-border-color-hover: var(--CDS_gray_08, #262626);
387
+ @btn-ghost-dark-border-color: var(--CDS_gray_08, #262626);
388
+ @btn-ghost-dark-bg-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
389
+ @btn-ghost-dark-bg-active: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
390
+ @btn-ghost-dark-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
391
+ @btn-ghost-dark-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
310
392
  @btn-ghost-light-bg-normal: rgba(0, 0, 0, 0);
311
- @btn-ghost-light-border-color: var(--CDS_gray_08);
312
- @btn-ghost-light-color: var(--CDS_gray_08);
313
- @btn-ghost-light-color-active: var(--CDS_gray_08);
314
- @btn-ghost-light-color-hover: var(--CDS_gray_08);
315
- @btn-ghost-light-border-color-active: var(--CDS_gray_08);
316
- @btn-ghost-light-border-color-hover: var(--CDS_gray_08);
317
- @btn-ghost-light-bg-hover: var(--CDS_gray_02);
318
- @btn-ghost-light-bg-active: var(--CDS_gray_03);
319
- @btn-ghost-light-color-disabled: var(--CDS_gray_05);
320
- @btn-ghost-light-border-color-disabled: var(--CDS_gray_05);
393
+ @btn-ghost-light-border-color: var(--CDS_gray_08, #262626);
394
+ @btn-ghost-light-color: var(--CDS_gray_08, #262626);
395
+ @btn-ghost-light-color-active: var(--CDS_gray_08, #262626);
396
+ @btn-ghost-light-color-hover: var(--CDS_gray_08, #262626);
397
+ @btn-ghost-light-border-color-active: var(--CDS_gray_08, #262626);
398
+ @btn-ghost-light-border-color-hover: var(--CDS_gray_08, #262626);
399
+ @btn-ghost-light-bg-hover: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
400
+ @btn-ghost-light-bg-active: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
401
+ @btn-ghost-light-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
402
+ @btn-ghost-light-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
403
+ @lake-subtle: var(--CDS_ct_lake_subtle, #d9f6f5);
404
+ @lake-soft: var(--CDS_ct_lake_soft, #b2f0ed);
405
+ @lake-medium: var(--CDS_ct_lake_medium, #70e0dc);
406
+ @lake-hard: var(--CDS_ct_lake_hard, #00c2b9);
407
+ @sea-medium: var(--CDS_ct_sea_medium, #6adbfb);
408
+ @violet-hard: var(--CDS_ct_violet_hard, #9787ff);
409
+ @mango-hard: var(--CDS_ct_mango_hard, #ffca49);
321
410
  @font-size-caption: 12px;
322
411
  @font-size-body: 14px;
323
412
  @font-size-subhead: 14px;
@@ -340,12 +429,10 @@
340
429
  @line-height-display-3: 36px;
341
430
  @line-height-display-4: 40px;
342
431
  @border-opacity: 1;
343
- @shape-radius: 4px;
344
- @shape-checkbox: 2px;
432
+ @shape-radius: 8px;
433
+ @shape-checkbox: 4px;
345
434
  @shape-circular: 50%;
346
- @shadow-01: var(--CDS_shadow_01);
347
- @shadow-02: var(--CDS_shadow_01);
348
- @shadow-03: var(--CDS_shadow_03);
349
- @shadow-04: var(--CDS_shadow_04);
435
+ @shadow-card: var(--CDS_shadow_01);
436
+ @shadow-card-hover: var(--CDS_shadow_01);
350
437
  @AT_THEME: teambition;
351
438
  @AT_THEME_TYPE: light;