@txdfe/at-theme 2.0.1-0 → 2.0.1-10
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,13 +167,15 @@
|
|
|
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);
|
|
171
174
|
--primary-warning: var(--CDS_primary_warning);
|
|
172
|
-
--hover-warning: var(
|
|
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,11 +191,44 @@
|
|
|
186
191
|
--hover-success: var(--CDS_hover_success);
|
|
187
192
|
--click-success: var(--CDS_click_success);
|
|
188
193
|
--heavy-success: var(--CDS_heavy_success);
|
|
189
|
-
--
|
|
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_white_01);
|
|
207
|
+
--black: var(--CDS_black_01);
|
|
208
|
+
--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
|
+
--black-01: var(--CDS_black_01);
|
|
214
|
+
--black-02: var(--CDS_black_02);
|
|
190
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);
|
|
191
227
|
--gray-modal: var(--CDS_gray_modal);
|
|
192
228
|
--gray-popover: var(--CDS_gray_popover);
|
|
193
|
-
--
|
|
229
|
+
--modal-color: var(--CDS_gray_popover);
|
|
230
|
+
--popover-color: var(--CDS_gray_popover);
|
|
231
|
+
--gray-00: var(--CDS_gray_00);
|
|
194
232
|
--gray-01: var(--CDS_gray_01);
|
|
195
233
|
--gray-02: var(--CDS_gray_02);
|
|
196
234
|
--gray-03: var(--CDS_gray_03);
|
|
@@ -207,6 +245,13 @@
|
|
|
207
245
|
--dashboard-05: var(--CDS_data_blue);
|
|
208
246
|
--dashboard-06: var(--CDS_data_cyan);
|
|
209
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);
|
|
210
255
|
--placeholder-01: var(--CDS_ph_plum);
|
|
211
256
|
--placeholder-02: var(--CDS_ph_red);
|
|
212
257
|
--placeholder-03: var(--CDS_ph_orange);
|
|
@@ -214,10 +259,17 @@
|
|
|
214
259
|
--placeholder-05: var(--CDS_ph_olive);
|
|
215
260
|
--placeholder-06: var(--CDS_ph_sky);
|
|
216
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);
|
|
217
269
|
--background-fill: #ffffff;
|
|
218
270
|
--background-nav-search: rgba(0, 0, 0, 0);
|
|
219
271
|
--background-section: var(--CDS_gray_modal);
|
|
220
|
-
--background-layout: var(--
|
|
272
|
+
--background-layout: var(--CDS_gray_00);
|
|
221
273
|
--background-overlay: var(--CDS_gray_modal);
|
|
222
274
|
--background-switch-trigger: var(--CDS_white_01);
|
|
223
275
|
--background-base: var(--CDS_gray_fill);
|
|
@@ -247,9 +299,10 @@
|
|
|
247
299
|
--nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color);
|
|
248
300
|
--nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
|
|
249
301
|
--table-row-hover-bg: var(--CDS_gray_fill);
|
|
302
|
+
--menu-background: var(--CDS_gray_popover);
|
|
250
303
|
--menu-background-hover: var(--CDS_gray_fill);
|
|
251
|
-
--menu-background-selected: var(--
|
|
252
|
-
--menu-background-focus: var(--
|
|
304
|
+
--menu-background-selected: var(--CDS_gray_filled);
|
|
305
|
+
--menu-background-focus: var(--CDS_gray_filled);
|
|
253
306
|
--menu-divider-color: var(--CDS_gray_03);
|
|
254
307
|
--input-bg-color: rgba(0, 0, 0, 0);
|
|
255
308
|
--input-focus-bg-color: rgba(0, 0, 0, 0);
|
|
@@ -330,10 +383,10 @@
|
|
|
330
383
|
--shape-radius: 4px;
|
|
331
384
|
--shape-checkbox: 2px;
|
|
332
385
|
--shape-circular: 50%;
|
|
333
|
-
--shadow-01: var(--
|
|
334
|
-
--shadow-02: var(--
|
|
335
|
-
--shadow-03: var(--
|
|
336
|
-
--shadow-04: var(--
|
|
386
|
+
--shadow-01: var(--CDS_shadow_01);
|
|
387
|
+
--shadow-02: var(--CDS_shadow_01);
|
|
388
|
+
--shadow-03: var(--CDS_shadow_03);
|
|
389
|
+
--shadow-04: var(--CDS_shadow_04);
|
|
337
390
|
--AT_THEME: teambition;
|
|
338
391
|
--AT_THEME_TYPE: light;
|
|
339
392
|
}
|
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,13 +169,15 @@ 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)",
|
|
173
176
|
"primary-warning": "var(--CDS_primary_warning)",
|
|
174
|
-
"hover-warning": "var(
|
|
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,11 +193,44 @@ 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)",
|
|
191
|
-
|
|
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)",
|
|
208
|
+
snow: "var(--CDS_white_01)",
|
|
209
|
+
black: "var(--CDS_black_01)",
|
|
210
|
+
white: "var(--CDS_white_01)",
|
|
211
|
+
"white-01": "var(--CDS_white_01)",
|
|
212
|
+
"white-02": "var(--CDS_white_02)",
|
|
213
|
+
"white-03": "var(--CDS_white_03)",
|
|
214
|
+
"white-04": "var(--CDS_white_04)",
|
|
215
|
+
"black-01": "var(--CDS_black_01)",
|
|
216
|
+
"black-02": "var(--CDS_black_02)",
|
|
192
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)",
|
|
193
229
|
"gray-modal": "var(--CDS_gray_modal)",
|
|
194
230
|
"gray-popover": "var(--CDS_gray_popover)",
|
|
195
|
-
"
|
|
231
|
+
"modal-color": "var(--CDS_gray_popover)",
|
|
232
|
+
"popover-color": "var(--CDS_gray_popover)",
|
|
233
|
+
"gray-00": "var(--CDS_gray_00)",
|
|
196
234
|
"gray-01": "var(--CDS_gray_01)",
|
|
197
235
|
"gray-02": "var(--CDS_gray_02)",
|
|
198
236
|
"gray-03": "var(--CDS_gray_03)",
|
|
@@ -209,6 +247,13 @@ module.exports = {
|
|
|
209
247
|
"dashboard-05": "var(--CDS_data_blue)",
|
|
210
248
|
"dashboard-06": "var(--CDS_data_cyan)",
|
|
211
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)",
|
|
212
257
|
"placeholder-01": "var(--CDS_ph_plum)",
|
|
213
258
|
"placeholder-02": "var(--CDS_ph_red)",
|
|
214
259
|
"placeholder-03": "var(--CDS_ph_orange)",
|
|
@@ -216,10 +261,17 @@ module.exports = {
|
|
|
216
261
|
"placeholder-05": "var(--CDS_ph_olive)",
|
|
217
262
|
"placeholder-06": "var(--CDS_ph_sky)",
|
|
218
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)",
|
|
219
271
|
"background-fill": "#ffffff",
|
|
220
272
|
"background-nav-search": "rgba(0, 0, 0, 0)",
|
|
221
273
|
"background-section": "var(--CDS_gray_modal)",
|
|
222
|
-
"background-layout": "var(--
|
|
274
|
+
"background-layout": "var(--CDS_gray_00)",
|
|
223
275
|
"background-overlay": "var(--CDS_gray_modal)",
|
|
224
276
|
"background-switch-trigger": "var(--CDS_white_01)",
|
|
225
277
|
"background-base": "var(--CDS_gray_fill)",
|
|
@@ -249,9 +301,10 @@ module.exports = {
|
|
|
249
301
|
"nav-primary-sub-nav-selected-bg-color": "var(--XDS_line_hard_color)",
|
|
250
302
|
"nav-primary-sub-nav-bg-color": "rgba(0, 0, 0, 0)",
|
|
251
303
|
"table-row-hover-bg": "var(--CDS_gray_fill)",
|
|
304
|
+
"menu-background": "var(--CDS_gray_popover)",
|
|
252
305
|
"menu-background-hover": "var(--CDS_gray_fill)",
|
|
253
|
-
"menu-background-selected": "var(--
|
|
254
|
-
"menu-background-focus": "var(--
|
|
306
|
+
"menu-background-selected": "var(--CDS_gray_filled)",
|
|
307
|
+
"menu-background-focus": "var(--CDS_gray_filled)",
|
|
255
308
|
"menu-divider-color": "var(--CDS_gray_03)",
|
|
256
309
|
"input-bg-color": "rgba(0, 0, 0, 0)",
|
|
257
310
|
"input-focus-bg-color": "rgba(0, 0, 0, 0)",
|
|
@@ -332,10 +385,10 @@ module.exports = {
|
|
|
332
385
|
"shape-radius": "4px",
|
|
333
386
|
"shape-checkbox": "2px",
|
|
334
387
|
"shape-circular": "50%",
|
|
335
|
-
"shadow-01": "var(--
|
|
336
|
-
"shadow-02": "var(--
|
|
337
|
-
"shadow-03": "var(--
|
|
338
|
-
"shadow-04": "var(--
|
|
388
|
+
"shadow-01": "var(--CDS_shadow_01)",
|
|
389
|
+
"shadow-02": "var(--CDS_shadow_01)",
|
|
390
|
+
"shadow-03": "var(--CDS_shadow_03)",
|
|
391
|
+
"shadow-04": "var(--CDS_shadow_04)",
|
|
339
392
|
AT_THEME: "teambition",
|
|
340
393
|
AT_THEME_TYPE: "light"
|
|
341
394
|
};
|
|
@@ -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,13 +166,15 @@
|
|
|
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);
|
|
170
173
|
@primary-warning: var(--CDS_primary_warning);
|
|
171
|
-
@hover-warning: var(
|
|
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,11 +190,44 @@
|
|
|
185
190
|
@hover-success: var(--CDS_hover_success);
|
|
186
191
|
@click-success: var(--CDS_click_success);
|
|
187
192
|
@heavy-success: var(--CDS_heavy_success);
|
|
188
|
-
@
|
|
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_white_01);
|
|
206
|
+
@black: var(--CDS_black_01);
|
|
207
|
+
@white: var(--CDS_white_01);
|
|
208
|
+
@white-01: var(--CDS_white_01);
|
|
209
|
+
@white-02: var(--CDS_white_02);
|
|
210
|
+
@white-03: var(--CDS_white_03);
|
|
211
|
+
@white-04: var(--CDS_white_04);
|
|
212
|
+
@black-01: var(--CDS_black_01);
|
|
213
|
+
@black-02: var(--CDS_black_02);
|
|
189
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);
|
|
190
226
|
@gray-modal: var(--CDS_gray_modal);
|
|
191
227
|
@gray-popover: var(--CDS_gray_popover);
|
|
192
|
-
@
|
|
228
|
+
@modal-color: var(--CDS_gray_popover);
|
|
229
|
+
@popover-color: var(--CDS_gray_popover);
|
|
230
|
+
@gray-00: var(--CDS_gray_00);
|
|
193
231
|
@gray-01: var(--CDS_gray_01);
|
|
194
232
|
@gray-02: var(--CDS_gray_02);
|
|
195
233
|
@gray-03: var(--CDS_gray_03);
|
|
@@ -206,6 +244,13 @@
|
|
|
206
244
|
@dashboard-05: var(--CDS_data_blue);
|
|
207
245
|
@dashboard-06: var(--CDS_data_cyan);
|
|
208
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);
|
|
209
254
|
@placeholder-01: var(--CDS_ph_plum);
|
|
210
255
|
@placeholder-02: var(--CDS_ph_red);
|
|
211
256
|
@placeholder-03: var(--CDS_ph_orange);
|
|
@@ -213,10 +258,17 @@
|
|
|
213
258
|
@placeholder-05: var(--CDS_ph_olive);
|
|
214
259
|
@placeholder-06: var(--CDS_ph_sky);
|
|
215
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);
|
|
216
268
|
@background-fill: #ffffff;
|
|
217
269
|
@background-nav-search: rgba(0, 0, 0, 0);
|
|
218
270
|
@background-section: var(--CDS_gray_modal);
|
|
219
|
-
@background-layout: var(--
|
|
271
|
+
@background-layout: var(--CDS_gray_00);
|
|
220
272
|
@background-overlay: var(--CDS_gray_modal);
|
|
221
273
|
@background-switch-trigger: var(--CDS_white_01);
|
|
222
274
|
@background-base: var(--CDS_gray_fill);
|
|
@@ -246,9 +298,10 @@
|
|
|
246
298
|
@nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color);
|
|
247
299
|
@nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
|
|
248
300
|
@table-row-hover-bg: var(--CDS_gray_fill);
|
|
301
|
+
@menu-background: var(--CDS_gray_popover);
|
|
249
302
|
@menu-background-hover: var(--CDS_gray_fill);
|
|
250
|
-
@menu-background-selected: var(--
|
|
251
|
-
@menu-background-focus: var(--
|
|
303
|
+
@menu-background-selected: var(--CDS_gray_filled);
|
|
304
|
+
@menu-background-focus: var(--CDS_gray_filled);
|
|
252
305
|
@menu-divider-color: var(--CDS_gray_03);
|
|
253
306
|
@input-bg-color: rgba(0, 0, 0, 0);
|
|
254
307
|
@input-focus-bg-color: rgba(0, 0, 0, 0);
|
|
@@ -329,9 +382,9 @@
|
|
|
329
382
|
@shape-radius: 4px;
|
|
330
383
|
@shape-checkbox: 2px;
|
|
331
384
|
@shape-circular: 50%;
|
|
332
|
-
@shadow-01: var(--
|
|
333
|
-
@shadow-02: var(--
|
|
334
|
-
@shadow-03: var(--
|
|
335
|
-
@shadow-04: var(--
|
|
385
|
+
@shadow-01: var(--CDS_shadow_01);
|
|
386
|
+
@shadow-02: var(--CDS_shadow_01);
|
|
387
|
+
@shadow-03: var(--CDS_shadow_03);
|
|
388
|
+
@shadow-04: var(--CDS_shadow_04);
|
|
336
389
|
@AT_THEME: teambition;
|
|
337
390
|
@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,14 +19,16 @@ $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;
|
|
23
26
|
$primary-warning: var(--CDS_primary_warning) !default;
|
|
24
|
-
$hover-warning: var(
|
|
27
|
+
$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,12 +46,55 @@ $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
|
|
|
44
|
-
$
|
|
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
|
+
|
|
63
|
+
$snow: var(--CDS_white_01) !default;
|
|
64
|
+
$black: var(--CDS_black_01) !default;
|
|
65
|
+
$white: var(--CDS_white_01) !default;
|
|
66
|
+
|
|
67
|
+
$white-01: var(--CDS_white_01) !default;
|
|
68
|
+
$white-02: var(--CDS_white_02) !default;
|
|
69
|
+
$white-03: var(--CDS_white_03) !default;
|
|
70
|
+
$white-04: var(--CDS_white_04) !default;
|
|
71
|
+
|
|
72
|
+
$black-01: var(--CDS_black_01) !default;
|
|
73
|
+
$black-02: var(--CDS_black_02) !default;
|
|
74
|
+
|
|
45
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
|
+
|
|
46
92
|
$gray-modal: var(--CDS_gray_modal) !default;
|
|
47
93
|
$gray-popover: var(--CDS_gray_popover) !default;
|
|
48
|
-
$
|
|
94
|
+
$modal-color: var(--CDS_gray_popover) !default;
|
|
95
|
+
$popover-color: var(--CDS_gray_popover) !default;
|
|
49
96
|
|
|
97
|
+
$gray-00: var(--CDS_gray_00) !default;
|
|
50
98
|
$gray-01: var(--CDS_gray_01) !default;
|
|
51
99
|
$gray-02: var(--CDS_gray_02) !default;
|
|
52
100
|
$gray-03: var(--CDS_gray_03) !default;
|
|
@@ -65,6 +113,15 @@ $dashboard-04: var(--CDS_data_purple) !default;
|
|
|
65
113
|
$dashboard-05: var(--CDS_data_blue) !default;
|
|
66
114
|
$dashboard-06: var(--CDS_data_cyan) !default;
|
|
67
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
|
+
|
|
68
125
|
$placeholder-01: var(--CDS_ph_plum) !default;
|
|
69
126
|
$placeholder-02: var(--CDS_ph_red) !default;
|
|
70
127
|
$placeholder-03: var(--CDS_ph_orange) !default;
|
|
@@ -73,11 +130,19 @@ $placeholder-05: var(--CDS_ph_olive) !default;
|
|
|
73
130
|
$placeholder-06: var(--CDS_ph_sky) !default;
|
|
74
131
|
$placeholder-07: var(--CDS_ph_blue) !default;
|
|
75
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
|
+
|
|
76
141
|
$background-fill: $G0 !default;
|
|
77
142
|
$background-nav-search: transparent !default;
|
|
78
143
|
|
|
79
144
|
$background-section: var(--CDS_gray_modal) !default;
|
|
80
|
-
$background-layout: var(--
|
|
145
|
+
$background-layout: var(--CDS_gray_00) !default;
|
|
81
146
|
$background-overlay: var(--CDS_gray_modal) !default; // mark ！！
|
|
82
147
|
$background-switch-trigger: var(--CDS_white_01) !default;
|
|
83
148
|
$background-base: var(--CDS_gray_fill) !default;
|
|
@@ -122,12 +187,12 @@ $nav-primary-sub-nav-bg-color: transparent !default;
|
|
|
122
187
|
$table-row-hover-bg: var(--CDS_gray_fill) !default;
|
|
123
188
|
|
|
124
189
|
// menu
|
|
190
|
+
$menu-background: var(--CDS_gray_popover) !default;
|
|
125
191
|
$menu-background-hover: var(--CDS_gray_fill) !default;
|
|
126
|
-
$menu-background-selected: var(--
|
|
127
|
-
$menu-background-focus: var(--
|
|
192
|
+
$menu-background-selected: var(--CDS_gray_filled) !default;
|
|
193
|
+
$menu-background-focus: var(--CDS_gray_filled) !default;
|
|
128
194
|
$menu-divider-color: var(--CDS_gray_03) !default;
|
|
129
195
|
|
|
130
|
-
|
|
131
196
|
// input
|
|
132
197
|
$input-bg-color: transparent !default;
|
|
133
198
|
$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;
|