@txdfe/at-theme 2.0.1-1 → 2.0.1-11
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.
package/package.json
CHANGED
package/teambition/css/index.css
CHANGED
|
@@ -151,6 +151,7 @@
|
|
|
151
151
|
--S52: 52px;
|
|
152
152
|
--S56: 56px;
|
|
153
153
|
--S80: 80px;
|
|
154
|
+
--pale-brand: var(--CDS_pale_brand);
|
|
154
155
|
--highlight-brand: var(--CDS_highlight_brand);
|
|
155
156
|
--bright-brand: var(--CDS_bright_brand);
|
|
156
157
|
--border-brand: var(--CDS_border_brand);
|
|
@@ -158,6 +159,7 @@
|
|
|
158
159
|
--hover-brand: var(--CDS_hover_brand);
|
|
159
160
|
--click-brand: var(--CDS_click_brand);
|
|
160
161
|
--heavy-brand: var(--CDS_heavy_brand);
|
|
162
|
+
--pale-danger: var(--CDS_pale_danger);
|
|
161
163
|
--highlight-danger: var(--CDS_highlight_danger);
|
|
162
164
|
--bright-danger: var(--CDS_bright_danger);
|
|
163
165
|
--border-danger: var(--CDS_border_danger);
|
|
@@ -165,6 +167,7 @@
|
|
|
165
167
|
--hover-danger: var(--CDS_hover_danger);
|
|
166
168
|
--click-danger: var(--CDS_click_danger);
|
|
167
169
|
--heavy-danger: var(--CDS_heavy_danger);
|
|
170
|
+
--pale-warning: var(--CDS_pale_warning);
|
|
168
171
|
--highlight-warning: var(--CDS_highlight_warning);
|
|
169
172
|
--bright-warning: var(--CDS_bright_warning);
|
|
170
173
|
--border-warning: var(--CDS_border_warning);
|
|
@@ -172,6 +175,7 @@
|
|
|
172
175
|
--hover-warning: var(--CDS_hover_warning);
|
|
173
176
|
--click-warning: var(--CDS_click_warning);
|
|
174
177
|
--heavy-warning: var(--CDS_heavy_warning);
|
|
178
|
+
--pale-alert: var(--CDS_pale_alert);
|
|
175
179
|
--highlight-alert: var(--CDS_highlight_alert);
|
|
176
180
|
--bright-alert: var(--CDS_bright_alert);
|
|
177
181
|
--border-alert: var(--CDS_border_alert);
|
|
@@ -179,6 +183,7 @@
|
|
|
179
183
|
--hover-alert: var(--CDS_hover_alert);
|
|
180
184
|
--click-alert: var(--CDS_click_alert);
|
|
181
185
|
--heavy-alert: var(--CDS_heavy_alert);
|
|
186
|
+
--pale-success: var(--CDS_pale_success);
|
|
182
187
|
--highlight-success: var(--CDS_highlight_success);
|
|
183
188
|
--bright-success: var(--CDS_bright_success);
|
|
184
189
|
--border-success: var(--CDS_border_success);
|
|
@@ -186,6 +191,18 @@
|
|
|
186
191
|
--hover-success: var(--CDS_hover_success);
|
|
187
192
|
--click-success: var(--CDS_click_success);
|
|
188
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);
|
|
189
206
|
--snow: var(--CDS_white_01);
|
|
190
207
|
--black: var(--CDS_black_01);
|
|
191
208
|
--white: var(--CDS_white_01);
|
|
@@ -194,10 +211,23 @@
|
|
|
194
211
|
--white-03: var(--CDS_white_03);
|
|
195
212
|
--white-04: var(--CDS_white_04);
|
|
196
213
|
--black-01: var(--CDS_black_01);
|
|
214
|
+
--black-02: var(--CDS_black_02);
|
|
197
215
|
--gray-fill: var(--CDS_gray_fill);
|
|
216
|
+
--line-hover: var(--CDS_gray_fill);
|
|
217
|
+
--gray-filled: var(--CDS_gray_fill);
|
|
218
|
+
--line-actived: var(--CDS_gray_fill);
|
|
219
|
+
--line-select: var(--CDS_gray_fill);
|
|
220
|
+
--line-selected: var(--CDS_gray_fill);
|
|
221
|
+
--gray-click: var(--CDS_gray_fill);
|
|
222
|
+
--line-click: var(--CDS_gray_fill);
|
|
223
|
+
--gray-basic: var(--CDS_gray_basic);
|
|
224
|
+
--basic: var(--CDS_gray_basic);
|
|
225
|
+
--basic-fg: var(--CDS_gray_basic);
|
|
226
|
+
--line-color: var(--CDS_gray_basic);
|
|
198
227
|
--gray-modal: var(--CDS_gray_modal);
|
|
199
228
|
--gray-popover: var(--CDS_gray_popover);
|
|
200
|
-
--
|
|
229
|
+
--modal-color: var(--CDS_gray_popover);
|
|
230
|
+
--popover-color: var(--CDS_gray_popover);
|
|
201
231
|
--gray-00: var(--CDS_gray_00);
|
|
202
232
|
--gray-01: var(--CDS_gray_01);
|
|
203
233
|
--gray-02: var(--CDS_gray_02);
|
|
@@ -215,6 +245,13 @@
|
|
|
215
245
|
--dashboard-05: var(--CDS_data_blue);
|
|
216
246
|
--dashboard-06: var(--CDS_data_cyan);
|
|
217
247
|
--dashboard-07: var(--CDS_data_violet);
|
|
248
|
+
--data-orange: var(--CDS_data_orange);
|
|
249
|
+
--data-red: var(--CDS_data_red);
|
|
250
|
+
--data-green: var(--CDS_data_green);
|
|
251
|
+
--data-purple: var(--CDS_data_purple);
|
|
252
|
+
--data-blue: var(--CDS_data_blue);
|
|
253
|
+
--data-cyan: var(--CDS_data_cyan);
|
|
254
|
+
--data-violet: var(--CDS_data_violet);
|
|
218
255
|
--placeholder-01: var(--CDS_ph_plum);
|
|
219
256
|
--placeholder-02: var(--CDS_ph_red);
|
|
220
257
|
--placeholder-03: var(--CDS_ph_orange);
|
|
@@ -222,6 +259,22 @@
|
|
|
222
259
|
--placeholder-05: var(--CDS_ph_olive);
|
|
223
260
|
--placeholder-06: var(--CDS_ph_sky);
|
|
224
261
|
--placeholder-07: var(--CDS_ph_blue);
|
|
262
|
+
--ph-plum: var(--CDS_ph_plum);
|
|
263
|
+
--ph-red: var(--CDS_ph_red);
|
|
264
|
+
--ph-orange: var(--CDS_ph_orange);
|
|
265
|
+
--ph-amber: var(--CDS_ph_amber);
|
|
266
|
+
--ph-olive: var(--CDS_ph_olive);
|
|
267
|
+
--ph-sky: var(--CDS_ph_sky);
|
|
268
|
+
--ph-blue: var(--CDS_ph_blue);
|
|
269
|
+
--lavender-soft: var(--CDS_ct_lavender_soft, #9ea3ff);
|
|
270
|
+
--lavender-hard: var(--CDS_ct_lavender_hard, #767ff7);
|
|
271
|
+
--coral-soft: var(--CDS_ct_coral_soft, #fd998f);
|
|
272
|
+
--coral-hard: var(--CDS_ct_coral_hard, #e56a5e);
|
|
273
|
+
--water-soft: var(--CDS_ct_water_soft, #95ddff);
|
|
274
|
+
--water-hard: var(--CDS_ct_water_hard, #59c5ff);
|
|
275
|
+
--neutral-soft: var(--CDS_ct_neutral_soft, #d9d9d9);
|
|
276
|
+
--neutral-hard: var(--CDS_ct_neutral_hard, #bfbfbf);
|
|
277
|
+
--neutral-deep: var(--CDS_ct_neutral_deep, #8c8c8c);
|
|
225
278
|
--background-fill: #ffffff;
|
|
226
279
|
--background-nav-search: rgba(0, 0, 0, 0);
|
|
227
280
|
--background-section: var(--CDS_gray_modal);
|
|
@@ -255,9 +308,10 @@
|
|
|
255
308
|
--nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color);
|
|
256
309
|
--nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
|
|
257
310
|
--table-row-hover-bg: var(--CDS_gray_fill);
|
|
311
|
+
--menu-background: var(--CDS_gray_popover);
|
|
258
312
|
--menu-background-hover: var(--CDS_gray_fill);
|
|
259
|
-
--menu-background-selected: var(--
|
|
260
|
-
--menu-background-focus: var(--
|
|
313
|
+
--menu-background-selected: var(--CDS_gray_filled);
|
|
314
|
+
--menu-background-focus: var(--CDS_gray_filled);
|
|
261
315
|
--menu-divider-color: var(--CDS_gray_03);
|
|
262
316
|
--input-bg-color: rgba(0, 0, 0, 0);
|
|
263
317
|
--input-focus-bg-color: rgba(0, 0, 0, 0);
|
|
@@ -338,10 +392,10 @@
|
|
|
338
392
|
--shape-radius: 4px;
|
|
339
393
|
--shape-checkbox: 2px;
|
|
340
394
|
--shape-circular: 50%;
|
|
341
|
-
--shadow-01: var(--
|
|
342
|
-
--shadow-02: var(--
|
|
343
|
-
--shadow-03: var(--
|
|
344
|
-
--shadow-04: var(--
|
|
395
|
+
--shadow-01: var(--CDS_shadow_01);
|
|
396
|
+
--shadow-02: var(--CDS_shadow_01);
|
|
397
|
+
--shadow-03: var(--CDS_shadow_03);
|
|
398
|
+
--shadow-04: var(--CDS_shadow_04);
|
|
345
399
|
--AT_THEME: teambition;
|
|
346
400
|
--AT_THEME_TYPE: light;
|
|
347
401
|
}
|
package/teambition/js/index.js
CHANGED
|
@@ -153,6 +153,7 @@ module.exports = {
|
|
|
153
153
|
S52: "52px",
|
|
154
154
|
S56: "56px",
|
|
155
155
|
S80: "80px",
|
|
156
|
+
"pale-brand": "var(--CDS_pale_brand)",
|
|
156
157
|
"highlight-brand": "var(--CDS_highlight_brand)",
|
|
157
158
|
"bright-brand": "var(--CDS_bright_brand)",
|
|
158
159
|
"border-brand": "var(--CDS_border_brand)",
|
|
@@ -160,6 +161,7 @@ module.exports = {
|
|
|
160
161
|
"hover-brand": "var(--CDS_hover_brand)",
|
|
161
162
|
"click-brand": "var(--CDS_click_brand)",
|
|
162
163
|
"heavy-brand": "var(--CDS_heavy_brand)",
|
|
164
|
+
"pale-danger": "var(--CDS_pale_danger)",
|
|
163
165
|
"highlight-danger": "var(--CDS_highlight_danger)",
|
|
164
166
|
"bright-danger": "var(--CDS_bright_danger)",
|
|
165
167
|
"border-danger": "var(--CDS_border_danger)",
|
|
@@ -167,6 +169,7 @@ module.exports = {
|
|
|
167
169
|
"hover-danger": "var(--CDS_hover_danger)",
|
|
168
170
|
"click-danger": "var(--CDS_click_danger)",
|
|
169
171
|
"heavy-danger": "var(--CDS_heavy_danger)",
|
|
172
|
+
"pale-warning": "var(--CDS_pale_warning)",
|
|
170
173
|
"highlight-warning": "var(--CDS_highlight_warning)",
|
|
171
174
|
"bright-warning": "var(--CDS_bright_warning)",
|
|
172
175
|
"border-warning": "var(--CDS_border_warning)",
|
|
@@ -174,6 +177,7 @@ module.exports = {
|
|
|
174
177
|
"hover-warning": "var(--CDS_hover_warning)",
|
|
175
178
|
"click-warning": "var(--CDS_click_warning)",
|
|
176
179
|
"heavy-warning": "var(--CDS_heavy_warning)",
|
|
180
|
+
"pale-alert": "var(--CDS_pale_alert)",
|
|
177
181
|
"highlight-alert": "var(--CDS_highlight_alert)",
|
|
178
182
|
"bright-alert": "var(--CDS_bright_alert)",
|
|
179
183
|
"border-alert": "var(--CDS_border_alert)",
|
|
@@ -181,6 +185,7 @@ module.exports = {
|
|
|
181
185
|
"hover-alert": "var(--CDS_hover_alert)",
|
|
182
186
|
"click-alert": "var(--CDS_click_alert)",
|
|
183
187
|
"heavy-alert": "var(--CDS_heavy_alert)",
|
|
188
|
+
"pale-success": "var(--CDS_pale_success)",
|
|
184
189
|
"highlight-success": "var(--CDS_highlight_success)",
|
|
185
190
|
"bright-success": "var(--CDS_bright_success)",
|
|
186
191
|
"border-success": "var(--CDS_border_success)",
|
|
@@ -188,6 +193,18 @@ module.exports = {
|
|
|
188
193
|
"hover-success": "var(--CDS_hover_success)",
|
|
189
194
|
"click-success": "var(--CDS_click_success)",
|
|
190
195
|
"heavy-success": "var(--CDS_heavy_success)",
|
|
196
|
+
"pale-turquoise": "var(--CDS_pale_turquoise)",
|
|
197
|
+
"highlight-turquoise": "var(--CDS_highlight_turquoise)",
|
|
198
|
+
"bright-turquoise": "var(--CDS_bright_turquoise)",
|
|
199
|
+
"border-turquoise": "var(--CDS_border_turquoise)",
|
|
200
|
+
"primary-turquoise": "var(--CDS_primary_turquoise)",
|
|
201
|
+
"hover-turquoise": "var(--CDS_hover_turquoise)",
|
|
202
|
+
"pale-purple": "var(--CDS_pale_purple)",
|
|
203
|
+
"highlight-purple": "var(--CDS_highlight_purple)",
|
|
204
|
+
"bright-purple": "var(--CDS_bright_purple)",
|
|
205
|
+
"border-purple": "var(--CDS_border_purple)",
|
|
206
|
+
"primary-purple": "var(--CDS_primary_purple)",
|
|
207
|
+
"hover-purple": "var(--CDS_hover_purple)",
|
|
191
208
|
snow: "var(--CDS_white_01)",
|
|
192
209
|
black: "var(--CDS_black_01)",
|
|
193
210
|
white: "var(--CDS_white_01)",
|
|
@@ -196,10 +213,23 @@ module.exports = {
|
|
|
196
213
|
"white-03": "var(--CDS_white_03)",
|
|
197
214
|
"white-04": "var(--CDS_white_04)",
|
|
198
215
|
"black-01": "var(--CDS_black_01)",
|
|
216
|
+
"black-02": "var(--CDS_black_02)",
|
|
199
217
|
"gray-fill": "var(--CDS_gray_fill)",
|
|
218
|
+
"line-hover": "var(--CDS_gray_fill)",
|
|
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
|
+
"line-color": "var(--CDS_gray_basic)",
|
|
200
229
|
"gray-modal": "var(--CDS_gray_modal)",
|
|
201
230
|
"gray-popover": "var(--CDS_gray_popover)",
|
|
202
|
-
"
|
|
231
|
+
"modal-color": "var(--CDS_gray_popover)",
|
|
232
|
+
"popover-color": "var(--CDS_gray_popover)",
|
|
203
233
|
"gray-00": "var(--CDS_gray_00)",
|
|
204
234
|
"gray-01": "var(--CDS_gray_01)",
|
|
205
235
|
"gray-02": "var(--CDS_gray_02)",
|
|
@@ -217,6 +247,13 @@ module.exports = {
|
|
|
217
247
|
"dashboard-05": "var(--CDS_data_blue)",
|
|
218
248
|
"dashboard-06": "var(--CDS_data_cyan)",
|
|
219
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)",
|
|
220
257
|
"placeholder-01": "var(--CDS_ph_plum)",
|
|
221
258
|
"placeholder-02": "var(--CDS_ph_red)",
|
|
222
259
|
"placeholder-03": "var(--CDS_ph_orange)",
|
|
@@ -224,6 +261,22 @@ module.exports = {
|
|
|
224
261
|
"placeholder-05": "var(--CDS_ph_olive)",
|
|
225
262
|
"placeholder-06": "var(--CDS_ph_sky)",
|
|
226
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)",
|
|
271
|
+
"lavender-soft": "var(--CDS_ct_lavender_soft, #9ea3ff)",
|
|
272
|
+
"lavender-hard": "var(--CDS_ct_lavender_hard, #767ff7)",
|
|
273
|
+
"coral-soft": "var(--CDS_ct_coral_soft, #fd998f)",
|
|
274
|
+
"coral-hard": "var(--CDS_ct_coral_hard, #e56a5e)",
|
|
275
|
+
"water-soft": "var(--CDS_ct_water_soft, #95ddff)",
|
|
276
|
+
"water-hard": "var(--CDS_ct_water_hard, #59c5ff)",
|
|
277
|
+
"neutral-soft": "var(--CDS_ct_neutral_soft, #d9d9d9)",
|
|
278
|
+
"neutral-hard": "var(--CDS_ct_neutral_hard, #bfbfbf)",
|
|
279
|
+
"neutral-deep": "var(--CDS_ct_neutral_deep, #8c8c8c)",
|
|
227
280
|
"background-fill": "#ffffff",
|
|
228
281
|
"background-nav-search": "rgba(0, 0, 0, 0)",
|
|
229
282
|
"background-section": "var(--CDS_gray_modal)",
|
|
@@ -257,9 +310,10 @@ module.exports = {
|
|
|
257
310
|
"nav-primary-sub-nav-selected-bg-color": "var(--XDS_line_hard_color)",
|
|
258
311
|
"nav-primary-sub-nav-bg-color": "rgba(0, 0, 0, 0)",
|
|
259
312
|
"table-row-hover-bg": "var(--CDS_gray_fill)",
|
|
313
|
+
"menu-background": "var(--CDS_gray_popover)",
|
|
260
314
|
"menu-background-hover": "var(--CDS_gray_fill)",
|
|
261
|
-
"menu-background-selected": "var(--
|
|
262
|
-
"menu-background-focus": "var(--
|
|
315
|
+
"menu-background-selected": "var(--CDS_gray_filled)",
|
|
316
|
+
"menu-background-focus": "var(--CDS_gray_filled)",
|
|
263
317
|
"menu-divider-color": "var(--CDS_gray_03)",
|
|
264
318
|
"input-bg-color": "rgba(0, 0, 0, 0)",
|
|
265
319
|
"input-focus-bg-color": "rgba(0, 0, 0, 0)",
|
|
@@ -340,10 +394,10 @@ module.exports = {
|
|
|
340
394
|
"shape-radius": "4px",
|
|
341
395
|
"shape-checkbox": "2px",
|
|
342
396
|
"shape-circular": "50%",
|
|
343
|
-
"shadow-01": "var(--
|
|
344
|
-
"shadow-02": "var(--
|
|
345
|
-
"shadow-03": "var(--
|
|
346
|
-
"shadow-04": "var(--
|
|
397
|
+
"shadow-01": "var(--CDS_shadow_01)",
|
|
398
|
+
"shadow-02": "var(--CDS_shadow_01)",
|
|
399
|
+
"shadow-03": "var(--CDS_shadow_03)",
|
|
400
|
+
"shadow-04": "var(--CDS_shadow_04)",
|
|
347
401
|
AT_THEME: "teambition",
|
|
348
402
|
AT_THEME_TYPE: "light"
|
|
349
403
|
};
|
|
@@ -150,6 +150,7 @@
|
|
|
150
150
|
@S52: 52px;
|
|
151
151
|
@S56: 56px;
|
|
152
152
|
@S80: 80px;
|
|
153
|
+
@pale-brand: var(--CDS_pale_brand);
|
|
153
154
|
@highlight-brand: var(--CDS_highlight_brand);
|
|
154
155
|
@bright-brand: var(--CDS_bright_brand);
|
|
155
156
|
@border-brand: var(--CDS_border_brand);
|
|
@@ -157,6 +158,7 @@
|
|
|
157
158
|
@hover-brand: var(--CDS_hover_brand);
|
|
158
159
|
@click-brand: var(--CDS_click_brand);
|
|
159
160
|
@heavy-brand: var(--CDS_heavy_brand);
|
|
161
|
+
@pale-danger: var(--CDS_pale_danger);
|
|
160
162
|
@highlight-danger: var(--CDS_highlight_danger);
|
|
161
163
|
@bright-danger: var(--CDS_bright_danger);
|
|
162
164
|
@border-danger: var(--CDS_border_danger);
|
|
@@ -164,6 +166,7 @@
|
|
|
164
166
|
@hover-danger: var(--CDS_hover_danger);
|
|
165
167
|
@click-danger: var(--CDS_click_danger);
|
|
166
168
|
@heavy-danger: var(--CDS_heavy_danger);
|
|
169
|
+
@pale-warning: var(--CDS_pale_warning);
|
|
167
170
|
@highlight-warning: var(--CDS_highlight_warning);
|
|
168
171
|
@bright-warning: var(--CDS_bright_warning);
|
|
169
172
|
@border-warning: var(--CDS_border_warning);
|
|
@@ -171,6 +174,7 @@
|
|
|
171
174
|
@hover-warning: var(--CDS_hover_warning);
|
|
172
175
|
@click-warning: var(--CDS_click_warning);
|
|
173
176
|
@heavy-warning: var(--CDS_heavy_warning);
|
|
177
|
+
@pale-alert: var(--CDS_pale_alert);
|
|
174
178
|
@highlight-alert: var(--CDS_highlight_alert);
|
|
175
179
|
@bright-alert: var(--CDS_bright_alert);
|
|
176
180
|
@border-alert: var(--CDS_border_alert);
|
|
@@ -178,6 +182,7 @@
|
|
|
178
182
|
@hover-alert: var(--CDS_hover_alert);
|
|
179
183
|
@click-alert: var(--CDS_click_alert);
|
|
180
184
|
@heavy-alert: var(--CDS_heavy_alert);
|
|
185
|
+
@pale-success: var(--CDS_pale_success);
|
|
181
186
|
@highlight-success: var(--CDS_highlight_success);
|
|
182
187
|
@bright-success: var(--CDS_bright_success);
|
|
183
188
|
@border-success: var(--CDS_border_success);
|
|
@@ -185,6 +190,18 @@
|
|
|
185
190
|
@hover-success: var(--CDS_hover_success);
|
|
186
191
|
@click-success: var(--CDS_click_success);
|
|
187
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);
|
|
188
205
|
@snow: var(--CDS_white_01);
|
|
189
206
|
@black: var(--CDS_black_01);
|
|
190
207
|
@white: var(--CDS_white_01);
|
|
@@ -193,10 +210,23 @@
|
|
|
193
210
|
@white-03: var(--CDS_white_03);
|
|
194
211
|
@white-04: var(--CDS_white_04);
|
|
195
212
|
@black-01: var(--CDS_black_01);
|
|
213
|
+
@black-02: var(--CDS_black_02);
|
|
196
214
|
@gray-fill: var(--CDS_gray_fill);
|
|
215
|
+
@line-hover: var(--CDS_gray_fill);
|
|
216
|
+
@gray-filled: var(--CDS_gray_fill);
|
|
217
|
+
@line-actived: var(--CDS_gray_fill);
|
|
218
|
+
@line-select: var(--CDS_gray_fill);
|
|
219
|
+
@line-selected: var(--CDS_gray_fill);
|
|
220
|
+
@gray-click: var(--CDS_gray_fill);
|
|
221
|
+
@line-click: var(--CDS_gray_fill);
|
|
222
|
+
@gray-basic: var(--CDS_gray_basic);
|
|
223
|
+
@basic: var(--CDS_gray_basic);
|
|
224
|
+
@basic-fg: var(--CDS_gray_basic);
|
|
225
|
+
@line-color: var(--CDS_gray_basic);
|
|
197
226
|
@gray-modal: var(--CDS_gray_modal);
|
|
198
227
|
@gray-popover: var(--CDS_gray_popover);
|
|
199
|
-
@
|
|
228
|
+
@modal-color: var(--CDS_gray_popover);
|
|
229
|
+
@popover-color: var(--CDS_gray_popover);
|
|
200
230
|
@gray-00: var(--CDS_gray_00);
|
|
201
231
|
@gray-01: var(--CDS_gray_01);
|
|
202
232
|
@gray-02: var(--CDS_gray_02);
|
|
@@ -214,6 +244,13 @@
|
|
|
214
244
|
@dashboard-05: var(--CDS_data_blue);
|
|
215
245
|
@dashboard-06: var(--CDS_data_cyan);
|
|
216
246
|
@dashboard-07: var(--CDS_data_violet);
|
|
247
|
+
@data-orange: var(--CDS_data_orange);
|
|
248
|
+
@data-red: var(--CDS_data_red);
|
|
249
|
+
@data-green: var(--CDS_data_green);
|
|
250
|
+
@data-purple: var(--CDS_data_purple);
|
|
251
|
+
@data-blue: var(--CDS_data_blue);
|
|
252
|
+
@data-cyan: var(--CDS_data_cyan);
|
|
253
|
+
@data-violet: var(--CDS_data_violet);
|
|
217
254
|
@placeholder-01: var(--CDS_ph_plum);
|
|
218
255
|
@placeholder-02: var(--CDS_ph_red);
|
|
219
256
|
@placeholder-03: var(--CDS_ph_orange);
|
|
@@ -221,6 +258,22 @@
|
|
|
221
258
|
@placeholder-05: var(--CDS_ph_olive);
|
|
222
259
|
@placeholder-06: var(--CDS_ph_sky);
|
|
223
260
|
@placeholder-07: var(--CDS_ph_blue);
|
|
261
|
+
@ph-plum: var(--CDS_ph_plum);
|
|
262
|
+
@ph-red: var(--CDS_ph_red);
|
|
263
|
+
@ph-orange: var(--CDS_ph_orange);
|
|
264
|
+
@ph-amber: var(--CDS_ph_amber);
|
|
265
|
+
@ph-olive: var(--CDS_ph_olive);
|
|
266
|
+
@ph-sky: var(--CDS_ph_sky);
|
|
267
|
+
@ph-blue: var(--CDS_ph_blue);
|
|
268
|
+
@lavender-soft: var(--CDS_ct_lavender_soft, #9ea3ff);
|
|
269
|
+
@lavender-hard: var(--CDS_ct_lavender_hard, #767ff7);
|
|
270
|
+
@coral-soft: var(--CDS_ct_coral_soft, #fd998f);
|
|
271
|
+
@coral-hard: var(--CDS_ct_coral_hard, #e56a5e);
|
|
272
|
+
@water-soft: var(--CDS_ct_water_soft, #95ddff);
|
|
273
|
+
@water-hard: var(--CDS_ct_water_hard, #59c5ff);
|
|
274
|
+
@neutral-soft: var(--CDS_ct_neutral_soft, #d9d9d9);
|
|
275
|
+
@neutral-hard: var(--CDS_ct_neutral_hard, #bfbfbf);
|
|
276
|
+
@neutral-deep: var(--CDS_ct_neutral_deep, #8c8c8c);
|
|
224
277
|
@background-fill: #ffffff;
|
|
225
278
|
@background-nav-search: rgba(0, 0, 0, 0);
|
|
226
279
|
@background-section: var(--CDS_gray_modal);
|
|
@@ -254,9 +307,10 @@
|
|
|
254
307
|
@nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color);
|
|
255
308
|
@nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
|
|
256
309
|
@table-row-hover-bg: var(--CDS_gray_fill);
|
|
310
|
+
@menu-background: var(--CDS_gray_popover);
|
|
257
311
|
@menu-background-hover: var(--CDS_gray_fill);
|
|
258
|
-
@menu-background-selected: var(--
|
|
259
|
-
@menu-background-focus: var(--
|
|
312
|
+
@menu-background-selected: var(--CDS_gray_filled);
|
|
313
|
+
@menu-background-focus: var(--CDS_gray_filled);
|
|
260
314
|
@menu-divider-color: var(--CDS_gray_03);
|
|
261
315
|
@input-bg-color: rgba(0, 0, 0, 0);
|
|
262
316
|
@input-focus-bg-color: rgba(0, 0, 0, 0);
|
|
@@ -337,9 +391,9 @@
|
|
|
337
391
|
@shape-radius: 4px;
|
|
338
392
|
@shape-checkbox: 2px;
|
|
339
393
|
@shape-circular: 50%;
|
|
340
|
-
@shadow-01: var(--
|
|
341
|
-
@shadow-02: var(--
|
|
342
|
-
@shadow-03: var(--
|
|
343
|
-
@shadow-04: var(--
|
|
394
|
+
@shadow-01: var(--CDS_shadow_01);
|
|
395
|
+
@shadow-02: var(--CDS_shadow_01);
|
|
396
|
+
@shadow-03: var(--CDS_shadow_03);
|
|
397
|
+
@shadow-04: var(--CDS_shadow_04);
|
|
344
398
|
@AT_THEME: teambition;
|
|
345
399
|
@AT_THEME_TYPE: light;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
// 颜色变量
|
|
2
2
|
@import '../../../common/variables/color.scss';
|
|
3
3
|
|
|
4
|
+
$pale-brand: var(--CDS_pale_brand) !default;
|
|
4
5
|
$highlight-brand: var(--CDS_highlight_brand) !default;
|
|
5
6
|
$bright-brand: var(--CDS_bright_brand) !default;
|
|
6
7
|
$border-brand: var(--CDS_border_brand) !default;
|
|
@@ -9,6 +10,7 @@ $hover-brand: var(--CDS_hover_brand) !default;
|
|
|
9
10
|
$click-brand: var(--CDS_click_brand) !default;
|
|
10
11
|
$heavy-brand: var(--CDS_heavy_brand) !default;
|
|
11
12
|
|
|
13
|
+
$pale-danger: var(--CDS_pale_danger) !default;
|
|
12
14
|
$highlight-danger: var(--CDS_highlight_danger) !default;
|
|
13
15
|
$bright-danger: var(--CDS_bright_danger) !default;
|
|
14
16
|
$border-danger: var(--CDS_border_danger) !default;
|
|
@@ -17,6 +19,7 @@ $hover-danger: var(--CDS_hover_danger) !default;
|
|
|
17
19
|
$click-danger: var(--CDS_click_danger) !default;
|
|
18
20
|
$heavy-danger: var(--CDS_heavy_danger) !default;
|
|
19
21
|
|
|
22
|
+
$pale-warning: var(--CDS_pale_warning) !default;
|
|
20
23
|
$highlight-warning: var(--CDS_highlight_warning) !default;
|
|
21
24
|
$bright-warning: var(--CDS_bright_warning) !default;
|
|
22
25
|
$border-warning: var(--CDS_border_warning) !default;
|
|
@@ -25,6 +28,7 @@ $hover-warning: var(--CDS_hover_warning) !default;
|
|
|
25
28
|
$click-warning: var(--CDS_click_warning) !default;
|
|
26
29
|
$heavy-warning: var(--CDS_heavy_warning) !default;
|
|
27
30
|
|
|
31
|
+
$pale-alert: var(--CDS_pale_alert) !default;
|
|
28
32
|
$highlight-alert: var(--CDS_highlight_alert) !default;
|
|
29
33
|
$bright-alert: var(--CDS_bright_alert) !default;
|
|
30
34
|
$border-alert: var(--CDS_border_alert) !default;
|
|
@@ -33,6 +37,7 @@ $hover-alert: var(--CDS_hover_alert) !default;
|
|
|
33
37
|
$click-alert: var(--CDS_click_alert) !default;
|
|
34
38
|
$heavy-alert: var(--CDS_heavy_alert) !default;
|
|
35
39
|
|
|
40
|
+
$pale-success: var(--CDS_pale_success) !default;
|
|
36
41
|
$highlight-success: var(--CDS_highlight_success) !default;
|
|
37
42
|
$bright-success: var(--CDS_bright_success) !default;
|
|
38
43
|
$border-success: var(--CDS_border_success) !default;
|
|
@@ -41,6 +46,20 @@ $hover-success: var(--CDS_hover_success) !default;
|
|
|
41
46
|
$click-success: var(--CDS_click_success) !default;
|
|
42
47
|
$heavy-success: var(--CDS_heavy_success) !default;
|
|
43
48
|
|
|
49
|
+
$pale-turquoise: var(--CDS_pale_turquoise) !default;
|
|
50
|
+
$highlight-turquoise: var(--CDS_highlight_turquoise) !default;
|
|
51
|
+
$bright-turquoise: var(--CDS_bright_turquoise) !default;
|
|
52
|
+
$border-turquoise: var(--CDS_border_turquoise) !default;
|
|
53
|
+
$primary-turquoise: var(--CDS_primary_turquoise) !default;
|
|
54
|
+
$hover-turquoise: var(--CDS_hover_turquoise) !default;
|
|
55
|
+
|
|
56
|
+
$pale-purple: var(--CDS_pale_purple) !default;
|
|
57
|
+
$highlight-purple: var(--CDS_highlight_purple) !default;
|
|
58
|
+
$bright-purple: var(--CDS_bright_purple) !default;
|
|
59
|
+
$border-purple: var(--CDS_border_purple) !default;
|
|
60
|
+
$primary-purple: var(--CDS_primary_purple) !default;
|
|
61
|
+
$hover-purple: var(--CDS_hover_purple) !default;
|
|
62
|
+
|
|
44
63
|
$snow: var(--CDS_white_01) !default;
|
|
45
64
|
$black: var(--CDS_black_01) !default;
|
|
46
65
|
$white: var(--CDS_white_01) !default;
|
|
@@ -51,11 +70,29 @@ $white-03: var(--CDS_white_03) !default;
|
|
|
51
70
|
$white-04: var(--CDS_white_04) !default;
|
|
52
71
|
|
|
53
72
|
$black-01: var(--CDS_black_01) !default;
|
|
73
|
+
$black-02: var(--CDS_black_02) !default;
|
|
54
74
|
|
|
55
75
|
$gray-fill: var(--CDS_gray_fill) !default;
|
|
76
|
+
$line-hover: var(--CDS_gray_fill) !default;
|
|
77
|
+
|
|
78
|
+
$gray-filled: var(--CDS_gray_fill) !default;
|
|
79
|
+
$line-actived: var(--CDS_gray_fill) !default;
|
|
80
|
+
$line-select: var(--CDS_gray_fill) !default;
|
|
81
|
+
$line-selected: var(--CDS_gray_fill) !default;
|
|
82
|
+
|
|
83
|
+
$gray-click: var(--CDS_gray_fill) !default;
|
|
84
|
+
$line-click: var(--CDS_gray_fill) !default;
|
|
85
|
+
|
|
86
|
+
$gray-basic: var(--CDS_gray_basic) !default;
|
|
87
|
+
$basic: var(--CDS_gray_basic) !default;
|
|
88
|
+
$basic-fg: var(--CDS_gray_basic) !default;
|
|
89
|
+
|
|
90
|
+
$line-color: var(--CDS_gray_basic) !default;
|
|
91
|
+
|
|
56
92
|
$gray-modal: var(--CDS_gray_modal) !default;
|
|
57
93
|
$gray-popover: var(--CDS_gray_popover) !default;
|
|
58
|
-
$
|
|
94
|
+
$modal-color: var(--CDS_gray_popover) !default;
|
|
95
|
+
$popover-color: var(--CDS_gray_popover) !default;
|
|
59
96
|
|
|
60
97
|
$gray-00: var(--CDS_gray_00) !default;
|
|
61
98
|
$gray-01: var(--CDS_gray_01) !default;
|
|
@@ -76,6 +113,15 @@ $dashboard-04: var(--CDS_data_purple) !default;
|
|
|
76
113
|
$dashboard-05: var(--CDS_data_blue) !default;
|
|
77
114
|
$dashboard-06: var(--CDS_data_cyan) !default;
|
|
78
115
|
$dashboard-07: var(--CDS_data_violet) !default;
|
|
116
|
+
|
|
117
|
+
$data-orange: var(--CDS_data_orange) !default;
|
|
118
|
+
$data-red: var(--CDS_data_red) !default;
|
|
119
|
+
$data-green: var(--CDS_data_green) !default;
|
|
120
|
+
$data-purple: var(--CDS_data_purple) !default;
|
|
121
|
+
$data-blue: var(--CDS_data_blue) !default;
|
|
122
|
+
$data-cyan: var(--CDS_data_cyan) !default;
|
|
123
|
+
$data-violet: var(--CDS_data_violet) !default;
|
|
124
|
+
|
|
79
125
|
$placeholder-01: var(--CDS_ph_plum) !default;
|
|
80
126
|
$placeholder-02: var(--CDS_ph_red) !default;
|
|
81
127
|
$placeholder-03: var(--CDS_ph_orange) !default;
|
|
@@ -84,6 +130,28 @@ $placeholder-05: var(--CDS_ph_olive) !default;
|
|
|
84
130
|
$placeholder-06: var(--CDS_ph_sky) !default;
|
|
85
131
|
$placeholder-07: var(--CDS_ph_blue) !default;
|
|
86
132
|
|
|
133
|
+
$ph-plum: var(--CDS_ph_plum) !default;
|
|
134
|
+
$ph-red: var(--CDS_ph_red) !default;
|
|
135
|
+
$ph-orange: var(--CDS_ph_orange) !default;
|
|
136
|
+
$ph-amber: var(--CDS_ph_amber) !default;
|
|
137
|
+
$ph-olive: var(--CDS_ph_olive) !default;
|
|
138
|
+
$ph-sky: var(--CDS_ph_sky) !default;
|
|
139
|
+
$ph-blue: var(--CDS_ph_blue) !default;
|
|
140
|
+
|
|
141
|
+
// Chart 相关颜色，诸如 gantt 等场景使用
|
|
142
|
+
// 01 代表 soft
|
|
143
|
+
// 02 代表 hard
|
|
144
|
+
// 03 代表 deep
|
|
145
|
+
$lavender-soft: var(--CDS_ct_lavender_soft, rgba(158, 163, 255, 1));
|
|
146
|
+
$lavender-hard: var(--CDS_ct_lavender_hard, rgba(118, 127, 247, 1));
|
|
147
|
+
$coral-soft: var(--CDS_ct_coral_soft, rgba(253, 153, 143, 1));
|
|
148
|
+
$coral-hard: var(--CDS_ct_coral_hard, rgba(229, 106, 94, 1));
|
|
149
|
+
$water-soft: var(--CDS_ct_water_soft, rgba(149, 221, 255, 1));
|
|
150
|
+
$water-hard: var(--CDS_ct_water_hard, rgba(89, 197, 255, 1));
|
|
151
|
+
$neutral-soft: var(--CDS_ct_neutral_soft, rgba(217, 217, 217, 1));
|
|
152
|
+
$neutral-hard: var(--CDS_ct_neutral_hard, rgba(191, 191, 191, 1));
|
|
153
|
+
$neutral-deep: var(--CDS_ct_neutral_deep, rgba(140, 140, 140, 1));
|
|
154
|
+
|
|
87
155
|
$background-fill: $G0 !default;
|
|
88
156
|
$background-nav-search: transparent !default;
|
|
89
157
|
|
|
@@ -133,12 +201,12 @@ $nav-primary-sub-nav-bg-color: transparent !default;
|
|
|
133
201
|
$table-row-hover-bg: var(--CDS_gray_fill) !default;
|
|
134
202
|
|
|
135
203
|
// menu
|
|
204
|
+
$menu-background: var(--CDS_gray_popover) !default;
|
|
136
205
|
$menu-background-hover: var(--CDS_gray_fill) !default;
|
|
137
|
-
$menu-background-selected: var(--
|
|
138
|
-
$menu-background-focus: var(--
|
|
206
|
+
$menu-background-selected: var(--CDS_gray_filled) !default;
|
|
207
|
+
$menu-background-focus: var(--CDS_gray_filled) !default;
|
|
139
208
|
$menu-divider-color: var(--CDS_gray_03) !default;
|
|
140
209
|
|
|
141
|
-
|
|
142
210
|
// input
|
|
143
211
|
$input-bg-color: transparent !default;
|
|
144
212
|
$input-focus-bg-color: transparent !default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import '../../../common/variables/shadow.scss';
|
|
2
2
|
|
|
3
|
-
$shadow-01: var(--
|
|
4
|
-
$shadow-02: var(--
|
|
5
|
-
$shadow-03: var(--
|
|
6
|
-
$shadow-04: var(--
|
|
3
|
+
$shadow-01: var(--CDS_shadow_01) !default;
|
|
4
|
+
$shadow-02: var(--CDS_shadow_01) !default;
|
|
5
|
+
$shadow-03: var(--CDS_shadow_03) !default;
|
|
6
|
+
$shadow-04: var(--CDS_shadow_04) !default;
|