@txdfe/at-theme 2.0.1-10 → 2.0.1-12

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/package.json +1 -1
  2. package/teambition/css/index.css +13 -0
  3. package/teambition/js/index.js +13 -0
  4. package/teambition/less/index.less +13 -0
  5. package/teambition/scss/variables/color.scss +14 -0
  6. package/teambition/scss/variables/shadow.scss +5 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@txdfe/at-theme",
3
- "version": "2.0.1-10",
3
+ "version": "2.0.1-12",
4
4
  "description": "at主题包",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",
package/teambition/css/index.css CHANGED
@@ -266,6 +266,15 @@
266
266
  --ph-olive: var(--CDS_ph_olive);
267
267
  --ph-sky: var(--CDS_ph_sky);
268
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);
269
278
  --background-fill: #ffffff;
270
279
  --background-nav-search: rgba(0, 0, 0, 0);
271
280
  --background-section: var(--CDS_gray_modal);
@@ -387,6 +396,10 @@
387
396
  --shadow-02: var(--CDS_shadow_01);
388
397
  --shadow-03: var(--CDS_shadow_03);
389
398
  --shadow-04: var(--CDS_shadow_04);
399
+ --shadow-card: var(--CDS_shadow_01);
400
+ --shadow-card-hover: var(--CDS_shadow_01);
401
+ --shadow-popover: var(--CDS_shadow_03);
402
+ --shadow-modal: var(--CDS_shadow_04);
390
403
  --AT_THEME: teambition;
391
404
  --AT_THEME_TYPE: light;
392
405
  }
package/teambition/js/index.js CHANGED
@@ -268,6 +268,15 @@ module.exports = {
268
268
  "ph-olive": "var(--CDS_ph_olive)",
269
269
  "ph-sky": "var(--CDS_ph_sky)",
270
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)",
271
280
  "background-fill": "#ffffff",
272
281
  "background-nav-search": "rgba(0, 0, 0, 0)",
273
282
  "background-section": "var(--CDS_gray_modal)",
@@ -389,6 +398,10 @@ module.exports = {
389
398
  "shadow-02": "var(--CDS_shadow_01)",
390
399
  "shadow-03": "var(--CDS_shadow_03)",
391
400
  "shadow-04": "var(--CDS_shadow_04)",
401
+ "shadow-card": "var(--CDS_shadow_01)",
402
+ "shadow-card-hover": "var(--CDS_shadow_01)",
403
+ "shadow-popover": "var(--CDS_shadow_03)",
404
+ "shadow-modal": "var(--CDS_shadow_04)",
392
405
  AT_THEME: "teambition",
393
406
  AT_THEME_TYPE: "light"
394
407
  };
package/teambition/less/index.less CHANGED
@@ -265,6 +265,15 @@
265
265
  @ph-olive: var(--CDS_ph_olive);
266
266
  @ph-sky: var(--CDS_ph_sky);
267
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);
268
277
  @background-fill: #ffffff;
269
278
  @background-nav-search: rgba(0, 0, 0, 0);
270
279
  @background-section: var(--CDS_gray_modal);
@@ -386,5 +395,9 @@
386
395
  @shadow-02: var(--CDS_shadow_01);
387
396
  @shadow-03: var(--CDS_shadow_03);
388
397
  @shadow-04: var(--CDS_shadow_04);
398
+ @shadow-card: var(--CDS_shadow_01);
399
+ @shadow-card-hover: var(--CDS_shadow_01);
400
+ @shadow-popover: var(--CDS_shadow_03);
401
+ @shadow-modal: var(--CDS_shadow_04);
389
402
  @AT_THEME: teambition;
390
403
  @AT_THEME_TYPE: light;
package/teambition/scss/variables/color.scss CHANGED
@@ -138,6 +138,20 @@ $ph-olive: var(--CDS_ph_olive) !default;
138
138
  $ph-sky: var(--CDS_ph_sky) !default;
139
139
  $ph-blue: var(--CDS_ph_blue) !default;
140
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
+
141
155
  $background-fill: $G0 !default;
142
156
  $background-nav-search: transparent !default;
143
157
 
package/teambition/scss/variables/shadow.scss CHANGED
@@ -4,3 +4,8 @@ $shadow-01: var(--CDS_shadow_01) !default;
4
4
  $shadow-02: var(--CDS_shadow_01) !default;
5
5
  $shadow-03: var(--CDS_shadow_03) !default;
6
6
  $shadow-04: var(--CDS_shadow_04) !default;
7
+
8
+ $shadow-card: var(--CDS_shadow_01) !default;
9
+ $shadow-card-hover: var(--CDS_shadow_01) !default;
10
+ $shadow-popover: var(--CDS_shadow_03) !default;
11
+ $shadow-modal: var(--CDS_shadow_04) !default;