@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/README.md CHANGED
@@ -1,4 +1,8 @@
1
1
  ## at-theme(at主题变量包)
2
+ ### 如何发布
3
+ 1. 切换到 node 12.13.0
4
+ 2. npm run build
5
+ 3. npm version xxyyzz
2
6
 
3
7
  ### 目录结构
4
8
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@txdfe/at-theme",
3
- "version": "2.0.1-16",
3
+ "version": "2.0.1-18",
4
4
  "description": "at主题包",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",
package/teambition/css/index.css CHANGED
@@ -151,124 +151,137 @@
151
151
  --S52: 52px;
152
152
  --S56: 56px;
153
153
  --S80: 80px;
154
- --pale-brand: var(--CDS_pale_brand);
155
- --highlight-brand: var(--CDS_highlight_brand);
156
- --bright-brand: var(--CDS_bright_brand);
157
- --border-brand: var(--CDS_border_brand);
158
- --primary-brand: var(--CDS_primary_brand);
159
- --hover-brand: var(--CDS_hover_brand);
160
- --click-brand: var(--CDS_click_brand);
161
- --heavy-brand: var(--CDS_heavy_brand);
162
- --pale-danger: var(--CDS_pale_danger);
163
- --highlight-danger: var(--CDS_highlight_danger);
164
- --bright-danger: var(--CDS_bright_danger);
165
- --border-danger: var(--CDS_border_danger);
166
- --primary-danger: var(--CDS_primary_danger);
167
- --hover-danger: var(--CDS_hover_danger);
168
- --click-danger: var(--CDS_click_danger);
169
- --heavy-danger: var(--CDS_heavy_danger);
170
- --pale-warning: var(--CDS_pale_warning);
171
- --highlight-warning: var(--CDS_highlight_warning);
172
- --bright-warning: var(--CDS_bright_warning);
173
- --border-warning: var(--CDS_border_warning);
174
- --primary-warning: var(--CDS_primary_warning);
175
- --hover-warning: var(--CDS_hover_warning);
176
- --click-warning: var(--CDS_click_warning);
177
- --heavy-warning: var(--CDS_heavy_warning);
178
- --pale-alert: var(--CDS_pale_alert);
179
- --highlight-alert: var(--CDS_highlight_alert);
180
- --bright-alert: var(--CDS_bright_alert);
181
- --border-alert: var(--CDS_border_alert);
182
- --primary-alert: var(--CDS_primary_alert);
183
- --hover-alert: var(--CDS_hover_alert);
184
- --click-alert: var(--CDS_click_alert);
185
- --heavy-alert: var(--CDS_heavy_alert);
186
- --pale-success: var(--CDS_pale_success);
187
- --highlight-success: var(--CDS_highlight_success);
188
- --bright-success: var(--CDS_bright_success);
189
- --border-success: var(--CDS_border_success);
190
- --primary-success: var(--CDS_primary_success);
191
- --hover-success: var(--CDS_hover_success);
192
- --click-success: var(--CDS_click_success);
193
- --heavy-success: var(--CDS_heavy_success);
194
- --pale-turquoise: var(--CDS_pale_turquoise);
195
- --highlight-turquoise: var(--CDS_highlight_turquoise);
196
- --bright-turquoise: var(--CDS_bright_turquoise);
197
- --border-turquoise: var(--CDS_border_turquoise);
198
- --primary-turquoise: var(--CDS_primary_turquoise);
199
- --hover-turquoise: var(--CDS_hover_turquoise);
200
- --pale-purple: var(--CDS_pale_purple);
201
- --highlight-purple: var(--CDS_highlight_purple);
202
- --bright-purple: var(--CDS_bright_purple);
203
- --border-purple: var(--CDS_border_purple);
204
- --primary-purple: var(--CDS_primary_purple);
205
- --hover-purple: var(--CDS_hover_purple);
206
- --snow: var(--CDS_gray_00);
207
- --black: var(--CDS_black_01);
208
- --white: var(--CDS_white_01);
209
- --abs-white: var(--CDS_white_01);
210
- --white-01: var(--CDS_white_01);
211
- --white-02: var(--CDS_white_02);
212
- --white-03: var(--CDS_white_03);
213
- --white-04: var(--CDS_white_04);
214
- --white-05: var(--CDS_white_05);
215
- --black-01: var(--CDS_black_01);
216
- --black-02: var(--CDS_black_02);
217
- --gray-fill: var(--CDS_gray_fill);
218
- --line-hover: var(--CDS_gray_hover);
219
- --gray-filled: var(--CDS_gray_fill);
220
- --line-actived: var(--CDS_gray_fill);
221
- --line-select: var(--CDS_gray_fill);
222
- --line-selected: var(--CDS_gray_fill);
223
- --gray-click: var(--CDS_gray_fill);
224
- --line-click: var(--CDS_gray_fill);
225
- --gray-basic: var(--CDS_gray_basic);
226
- --basic: var(--CDS_gray_basic);
227
- --basic-fg: var(--CDS_gray_basic);
228
- --basic-bg: var(--CDS_gray_00);
229
- --line-color: var(--CDS_gray_basic);
230
- --gray-modal: var(--CDS_gray_modal);
231
- --modal-color: var(--CDS_gray_modal);
232
- --gray-popover: var(--CDS_gray_popover);
233
- --popover-color: var(--CDS_gray_popover);
234
- --gray-00: var(--CDS_gray_00);
235
- --gray-01: var(--CDS_gray_01);
236
- --gray-02: var(--CDS_gray_02);
237
- --gray-03: var(--CDS_gray_03);
238
- --gray-04: var(--CDS_gray_04);
239
- --gray-05: var(--CDS_gray_05);
240
- --gray-06: var(--CDS_gray_06);
241
- --gray-07: var(--CDS_gray_07);
242
- --gray-08: var(--CDS_gray_08);
243
- --shadow-color: var(--CDS_shadow_color);
244
- --dashboard-01: var(--CDS_data_orange);
245
- --dashboard-02: var(--CDS_data_red);
246
- --dashboard-03: var(--CDS_data_green);
247
- --dashboard-04: var(--CDS_data_purple);
248
- --dashboard-05: var(--CDS_data_blue);
249
- --dashboard-06: var(--CDS_data_cyan);
250
- --dashboard-07: var(--CDS_data_violet);
251
- --data-orange: var(--CDS_data_orange);
252
- --data-red: var(--CDS_data_red);
253
- --data-green: var(--CDS_data_green);
254
- --data-purple: var(--CDS_data_purple);
255
- --data-blue: var(--CDS_data_blue);
256
- --data-cyan: var(--CDS_data_cyan);
257
- --data-violet: var(--CDS_data_violet);
258
- --placeholder-01: var(--CDS_ph_plum);
259
- --placeholder-02: var(--CDS_ph_red);
260
- --placeholder-03: var(--CDS_ph_orange);
261
- --placeholder-04: var(--CDS_ph_amber);
262
- --placeholder-05: var(--CDS_ph_olive);
263
- --placeholder-06: var(--CDS_ph_sky);
264
- --placeholder-07: var(--CDS_ph_blue);
265
- --ph-plum: var(--CDS_ph_plum);
266
- --ph-red: var(--CDS_ph_red);
267
- --ph-orange: var(--CDS_ph_orange);
268
- --ph-amber: var(--CDS_ph_amber);
269
- --ph-olive: var(--CDS_ph_olive);
270
- --ph-sky: var(--CDS_ph_sky);
271
- --ph-blue: var(--CDS_ph_blue);
154
+ --pale-brand: var(--CDS_pale_brand, rgba(0, 145, 255, 0.06));
155
+ --highlight-brand: var(--CDS_highlight_brand, rgba(0, 145, 255, 0.1));
156
+ --bright-brand: var(--CDS_bright_brand, rgba(0, 145, 255, 0.16));
157
+ --border-brand: var(--CDS_border_brand, rgba(0, 145, 255, 0.4));
158
+ --primary-brand: var(--CDS_primary_brand, #0091ff);
159
+ --hover-brand: var(--CDS_hover_brand, #0082e5);
160
+ --click-brand: var(--CDS_click_brand, #0074cc);
161
+ --heavy-brand: var(--CDS_heavy_brand, #0065b2);
162
+ --deco-brand: var(--CDS_deco_brand, #4db2ff);
163
+ --text-brand: var(--CDS_text_brand, #0074cc);
164
+ --pale-danger: var(--CDS_pale_danger, rgba(208, 73, 52, 0.06));
165
+ --highlight-danger: var(--CDS_highlight_danger, rgba(208, 73, 52, 0.1));
166
+ --bright-danger: var(--CDS_bright_danger, rgba(208, 73, 52, 0.16));
167
+ --border-danger: var(--CDS_border_danger, rgba(208, 73, 52, 0.4));
168
+ --primary-danger: var(--CDS_primary_danger, #d04934);
169
+ --hover-danger: var(--CDS_hover_danger, #ae311f);
170
+ --click-danger: var(--CDS_click_danger, #8c1809);
171
+ --heavy-danger: var(--CDS_heavy_danger, #670600);
172
+ --text-danger: var(--CDS_text_danger, #d04934);
173
+ --pale-warning: var(--CDS_pale_warning, rgba(255, 154, 33, 0.04));
174
+ --highlight-warning: var(--CDS_highlight_warning, rgba(255, 154, 33, 0.08));
175
+ --bright-warning: var(--CDS_bright_warning, rgba(255, 154, 33, 0.2));
176
+ --border-warning: var(--CDS_border_warning, rgba(255, 154, 33, 0.4));
177
+ --primary-warning: var(--CDS_primary_warning, #ff9a21);
178
+ --hover-warning: var(--CDS_hover_warning, #e58810);
179
+ --click-warning: var(--CDS_click_warning, #d97818);
180
+ --heavy-warning: var(--CDS_heavy_warning, #cc6a1b);
181
+ --pale-alert: var(--CDS_pale_alert, rgba(255, 204, 0, 0.04));
182
+ --highlight-alert: var(--CDS_highlight_alert, rgba(255, 204, 0, 0.08));
183
+ --bright-alert: var(--CDS_bright_alert, rgba(255, 204, 0, 0.2));
184
+ --border-alert: var(--CDS_border_alert, rgba(255, 204, 0, 0.4));
185
+ --primary-alert: var(--CDS_primary_alert, #ffcc00);
186
+ --hover-alert: var(--CDS_hover_alert, #ebb800);
187
+ --click-alert: var(--CDS_click_alert, #e0a900);
188
+ --heavy-alert: var(--CDS_heavy_alert, #cf9600);
189
+ --pale-success: var(--CDS_pale_success, rgba(0, 136, 91, 0.06));
190
+ --highlight-success: var(--CDS_highlight_success, rgba(0, 136, 91, 0.1));
191
+ --bright-success: var(--CDS_bright_success, rgba(0, 136, 91, 0.16));
192
+ --border-success: var(--CDS_border_success, rgba(0, 136, 91, 0.4));
193
+ --primary-success: var(--CDS_primary_success, #00885b);
194
+ --hover-success: var(--CDS_hover_success, #006c48);
195
+ --click-success: var(--CDS_click_success, #005235);
196
+ --heavy-success: var(--CDS_heavy_success, #003823);
197
+ --text-success: var(--CDS_text_success, #00885b);
198
+ --pale-turquoise: var(--CDS_pale_turquoise, rgba(0, 156, 149, 0.04));
199
+ --highlight-turquoise: var(--CDS_highlight_turquoise, rgba(0, 156, 149, 0.08));
200
+ --bright-turquoise: var(--CDS_bright_turquoise, rgba(0, 156, 149, 0.2));
201
+ --border-turquoise: var(--CDS_border_turquoise, rgba(0, 156, 149, 0.4));
202
+ --primary-turquoise: var(--CDS_primary_turquoise, #009c95);
203
+ --hover-turquoise: var(--CDS_hover_turquoise, #008a82);
204
+ --click-turquoise: var(--CDS_click_turquoise, #017a72);
205
+ --heavy-turquoise: var(--CDS_heavy_turquoise, #026b63);
206
+ --pale-purple: var(--CDS_pale_purple, rgba(115, 83, 233, 0.04));
207
+ --highlight-purple: var(--CDS_highlight_purple, rgba(115, 83, 233, 0.08));
208
+ --bright-purple: var(--CDS_bright_purple, rgba(115, 83, 233, 0.2));
209
+ --border-purple: var(--CDS_border_purple, rgba(115, 83, 233, 0.4));
210
+ --primary-purple: var(--CDS_primary_purple, #7353e9);
211
+ --hover-purple: var(--CDS_hover_purple, #6541d4);
212
+ --click-purple: var(--CDS_click_purple, #5835bd);
213
+ --heavy-purple: var(--CDS_heavy_purple, #4d2aaa);
214
+ --snow: var(--CDS_gray_00, white);
215
+ --black: var(--CDS_black_01, black);
216
+ --white: var(--CDS_white_01, white);
217
+ --abs-white: var(--CDS_white_01, white);
218
+ --white-01: var(--CDS_white_01, white);
219
+ --white-02: var(--CDS_white_02, rgba(255, 255, 255, 0.8));
220
+ --white-03: var(--CDS_white_03, rgba(255, 255, 255, 0.6));
221
+ --white-04: var(--CDS_white_04, rgba(255, 255, 255, 0.36));
222
+ --white-05: var(--CDS_white_05, rgba(255, 255, 255, 0.16));
223
+ --white-06: var(--CDS_white_06, rgba(255, 255, 255, 0.08));
224
+ --black-01: var(--CDS_black_01, black);
225
+ --black-02: var(--CDS_black_02, #44474b);
226
+ --gray-fill: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
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.06));
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);
272
285
  --lavender-soft: var(--CDS_ct_lavender_soft, #9ea3ff);
273
286
  --lavender-hard: var(--CDS_ct_lavender_hard, #767ff7);
274
287
  --coral-soft: var(--CDS_ct_coral_soft, #fd998f);
@@ -280,34 +293,39 @@
280
293
  --neutral-deep: var(--CDS_ct_neutral_deep, #8c8c8c);
281
294
  --background-fill: #ffffff;
282
295
  --background-nav-search: rgba(0, 0, 0, 0);
283
- --background-section: var(--CDS_gray_modal);
284
- --background-layout: var(--CDS_gray_00);
285
- --background-overlay: var(--CDS_gray_modal);
286
- --background-switch-trigger: var(--CDS_white_01);
287
- --background-base: var(--CDS_gray_fill);
288
- --mask: var(--CDS_black_overlay);
289
- --overlay: var(--CDS_black_overlay);
290
- --shadow-00: var(--CDS_shadow_00);
291
- --shadow-01: var(--CDS_shadow_01);
292
- --shadow-02: var(--CDS_shadow_02);
293
- --shadow-03: var(--CDS_shadow_03);
294
- --shadow-04: var(--CDS_shadow_04);
295
- --shadow-color-00: var(--CDS_shadow_color_00, rgba(38, 38, 38, 0.4));
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));
296
314
  --shadow-color-01: var(--CDS_shadow_color_01, rgba(38, 38, 38, 0.1));
297
315
  --shadow-color-02: var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14));
298
316
  --shadow-color-03: var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18));
299
317
  --shadow-color-04: var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24));
300
- --cell-line-hover: var(--CDS_gray_hover);
301
- --cell-line-active: var(--CDS_gray_02);
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));
302
320
  --tab-wrapped-bg-color-hover: rgba(0, 0, 0, 0);
303
321
  --tab-wrapped-bg-color: rgba(0, 0, 0, 0);
304
- --tab-wrapped-bg-color-selected: var(--CDS_gray_basic);
305
- --step-dot-item-tail-wait-color: var(--CDS_gray_05);
306
- --step-dot-item-tail-process-color: var(--CDS_gray_05);
307
- --step-dot-item-tail-disabled-color: var(--CDS_gray_05);
308
- --step-circle-item-tail-wait-color: var(--CDS_gray_05);
309
- --step-circle-item-tail-process-color: var(--CDS_gray_05);
310
- --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));
311
329
  --pagination-item-bg: rgba(0, 0, 0, 0);
312
330
  --nav-normal-bg-color: rgba(0, 0, 0, 0);
313
331
  --nav-normal-sub-nav-bg-color: rgba(0, 0, 0, 0);
@@ -322,66 +340,73 @@
322
340
  --nav-primary-item-opened-bg-color: var(--XDS_line_hover_color);
323
341
  --nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color);
324
342
  --nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
325
- --table-row-hover-bg: var(--CDS_gray_fill);
326
- --menu-background: var(--CDS_gray_popover);
327
- --menu-background-hover: var(--CDS_gray_fill);
328
- --menu-background-selected: var(--CDS_gray_filled);
329
- --menu-background-focus: var(--CDS_gray_filled);
330
- --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_03, rgba(38, 38, 38, 0.12));
331
349
  --input-bg-color: rgba(0, 0, 0, 0);
332
350
  --input-focus-bg-color: rgba(0, 0, 0, 0);
333
351
  --input-hover-bg-color: rgba(0, 0, 0, 0);
334
- --input-disabled-bg-color: var(--CDS_gray_fill);
335
- --input-addon-bg-color: var(--CDS_gray_fill);
336
- --tag-closable-primary-fill-bg-color: var(--CDS_gray_02);
337
- --tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03);
338
- --tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02);
339
- --tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04);
340
- --tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03);
341
- --tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05);
342
- --transfer-panel-header-background-color: var(--CDS_gray_basic);
343
- --switch-disabled-on-bg-color: var(--CDS_gray_03);
344
- --search-nav-search-bg-color: var(--CDS_gray_fill);
345
- --range-normal-slider-bg-color: var(--CDS_white_01);
346
- --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);
347
365
  --radio-bg-color: rgba(0, 0, 0, 0);
348
- --radio-disabled-bg-color: var(--CDS_gray_03);
349
- --calendar-card-table-cell-disabled-background: var(--CDS_gray_fill);
350
- --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));
351
369
  --checkbox-bg-color: rgba(0, 0, 0, 0);
352
- --checkbox-disabled-bg-color: var(--CDS_gray_03);
370
+ --checkbox-disabled-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
353
371
  --balloon-tooltip-color-primary-bg: rgba(0, 0, 0, 0.9) !important;
354
- --balloon-tooltip-color-normal-bg: 'var(--CDS_gray_popover)', '!important';
355
- --balloon-tooltip-color-normal: var(--CDS_gray_08);
356
- --balloon-tooltip-color-primary: var(--CDS_white_01);
357
- --btn-warning-primary-bg-disabled: var(--CDS_gray_05);
358
- --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);
359
377
  --btn-warning-primary-border-color-disabled: rgba(0, 0, 0, 0);
360
- --btn-pure-color-disabled: var(--CDS_white_01);
361
- --btn-pure-bg-disabled: var(--CDS_gray_05);
362
- --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_05, rgba(38, 38, 38, 0.4));
380
+ --btn-pure-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4));
363
381
  --btn-ghost-dark-bg-normal: rgba(0, 0, 0, 0);
364
- --btn-ghost-dark-color: var(--CDS_gray_08);
365
- --btn-ghost-dark-color-hover: var(--CDS_gray_08);
366
- --btn-ghost-dark-color-active: var(--CDS_gray_08);
367
- --btn-ghost-dark-border-color-active: var(--CDS_gray_08);
368
- --btn-ghost-dark-border-color-hover: var(--CDS_gray_08);
369
- --btn-ghost-dark-border-color: var(--CDS_gray_08);
370
- --btn-ghost-dark-bg-hover: var(--CDS_gray_fill);
371
- --btn-ghost-dark-bg-active: var(--CDS_gray_03);
372
- --btn-ghost-dark-color-disabled: var(--CDS_gray_05);
373
- --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));
374
392
  --btn-ghost-light-bg-normal: rgba(0, 0, 0, 0);
375
- --btn-ghost-light-border-color: var(--CDS_gray_08);
376
- --btn-ghost-light-color: var(--CDS_gray_08);
377
- --btn-ghost-light-color-active: var(--CDS_gray_08);
378
- --btn-ghost-light-color-hover: var(--CDS_gray_08);
379
- --btn-ghost-light-border-color-active: var(--CDS_gray_08);
380
- --btn-ghost-light-border-color-hover: var(--CDS_gray_08);
381
- --btn-ghost-light-bg-hover: var(--CDS_gray_02);
382
- --btn-ghost-light-bg-active: var(--CDS_gray_03);
383
- --btn-ghost-light-color-disabled: var(--CDS_gray_05);
384
- --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);
385
410
  --font-size-caption: 12px;
386
411
  --font-size-body: 14px;
387
412
  --font-size-subhead: 14px;
@@ -409,8 +434,6 @@
409
434
  --shape-circular: 50%;
410
435
  --shadow-card: var(--CDS_shadow_01);
411
436
  --shadow-card-hover: var(--CDS_shadow_01);
412
- --shadow-popover: var(--CDS_shadow_03);
413
- --shadow-modal: var(--CDS_shadow_04);
414
437
  --AT_THEME: teambition;
415
438
  --AT_THEME_TYPE: light;
416
439
  }