@semi-bot/semi-theme-wy 1.0.0 → 1.0.2

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 (10) hide show
  1. package/README.md +3 -3
  2. package/package.json +1 -1
  3. package/raw.json +385 -385
  4. package/scss/_font.scss +6 -6
  5. package/scss/_palette.scss +340 -340
  6. package/scss/animation.scss +1 -1
  7. package/scss/global.scss +27 -27
  8. package/scss/variables.scss +2 -2
  9. package/semi.css +6322 -4254
  10. package/semi.min.css +1 -1
package/scss/animation.scss CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- body{
2
+ body, :host {
3
3
  --semi-transform_scale-none:scale(1,1);
4
4
  --semi-transform_scale-small:scale(1,1);
5
5
  --semi-transform_scale-medium:scale(1,1);
package/scss/global.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @import './_palette.scss';
2
2
 
3
- body, body[theme-mode="dark"] .semi-always-light {
3
+ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
4
4
  --semi-color-bg-0: rgba(var(--semi-white), 1);
5
5
  --semi-color-bg-1: rgba(var(--semi-white), 1);
6
6
  --semi-color-bg-2: rgba(var(--semi-white), 1);
@@ -20,13 +20,13 @@ body, body[theme-mode="dark"] .semi-always-light {
20
20
  --semi-color-data-7: rgba(139, 215, 210, 1);
21
21
  --semi-color-data-8: rgba(131, 176, 35, 1);
22
22
  --semi-color-data-9: rgba(233, 165, 229, 1);
23
- --semi-color-fill-0: rgba(var(--semi-grey-8),0.05);
24
- --semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
25
- --semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
26
- --semi-color-text-0: rgba(61,66,77,1);
27
- --semi-color-text-1: rgba(108,112,128,1);
28
- --semi-color-text-2: rgba(102,102,102,1);
29
- --semi-color-text-3: rgba(153,153,153,1);
23
+ --semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
24
+ --semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
25
+ --semi-color-fill-2: rgba(var(--semi-grey-8), 0.13);
26
+ --semi-color-text-0: rgba(var(--semi-grey-9), 1);
27
+ --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
28
+ --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
29
+ --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
30
30
  --semi-color-white: rgba(var(--semi-white), 1);
31
31
  --semi-color-data-10: rgba(48, 167, 206, 1);
32
32
  --semi-color-data-11: rgba(249, 192, 100, 1);
@@ -38,48 +38,48 @@ body, body[theme-mode="dark"] .semi-always-light {
38
38
  --semi-color-data-17: rgba(182, 215, 129, 1);
39
39
  --semi-color-data-18: rgba(212, 88, 212, 1);
40
40
  --semi-color-data-19: rgba(188, 198, 255, 1);
41
- --semi-color-border: rgba(var(--semi-grey-9),0.08);
42
- --semi-color-danger: rgba(213,73,65,1);
41
+ --semi-color-border: rgba(var(--semi-grey-9), 0.08);
42
+ --semi-color-danger: rgba(var(--semi-red-5), 1);
43
43
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
44
44
  --semi-color-default: rgba(var(--semi-grey-0), 1);
45
45
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
46
46
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
47
- --semi-color-primary: rgba(var(--semi-brand-5),1);
48
- --semi-color-success: rgba(43,164,113,1);
47
+ --semi-color-primary: rgba(var(--semi-brand-5), 1);
48
+ --semi-color-success: rgba(var(--semi-green-5), 1);
49
49
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
50
50
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
51
51
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
52
52
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
53
- --semi-color-tertiary: rgba(108,112,128,1);
53
+ --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
54
54
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
55
55
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
56
56
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
57
- --semi-color-danger-hover: rgba(177,51,49, 1);
57
+ --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
58
58
  --semi-color-highlight: rgba(var(--semi-black), 1);
59
- --semi-color-secondary: rgba(201,255,111,1);
60
- --semi-color-danger-active: rgba(142,35,36, 1);
59
+ --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
60
+ --semi-color-danger-active: rgba(var(--semi-red-7), 1);
61
61
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
62
62
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
63
63
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
64
- --semi-color-success-hover: rgba(34,137,95, 1);
64
+ --semi-color-success-hover: rgba(var(--semi-green-6), 1);
65
65
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
66
66
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
67
67
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
68
68
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
69
69
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
70
70
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
71
- --semi-color-success-active: rgba(26,109,77, 1);
71
+ --semi-color-success-active: rgba(var(--semi-green-7), 1);
72
72
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
73
- --semi-color-tertiary-hover: rgba(88,91,108, 1);
73
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
74
74
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
75
75
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
76
- --semi-color-success-disabled: rgba(154,219,188, 1);
77
- --semi-color-tertiary-active: rgba(61,66,77,1);
78
- --semi-color-secondary-hover: rgba(165,213,90, 1);
79
- --semi-color-secondary-active: rgba(129,170,71, 1);
76
+ --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
77
+ --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
78
+ --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
79
+ --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
80
80
  --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
81
81
  --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
82
- --semi-color-secondary-disabled: rgba(236,255,197, 1);
82
+ --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
83
83
  --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
84
84
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
85
85
  --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
@@ -108,14 +108,14 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
108
108
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
109
109
  --semi-border-radius-full: 9999px;
110
110
  --semi-border-radius-large: 12px;
111
- --semi-border-radius-small: 8px;
111
+ --semi-border-radius-small: 4px;
112
112
  --semi-border-radius-circle: 50%;
113
113
  --semi-border-radius-medium: 6px;
114
114
  --semi-border-radius-extra-small: 3px;
115
115
 
116
116
 
117
117
  }
118
- body[theme-mode="dark"], body .semi-always-dark {
118
+ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
119
119
  --semi-color-bg-0: rgba(22, 22, 26, 1);
120
120
  --semi-color-bg-1: rgba(35, 36, 41, 1);
121
121
  --semi-color-bg-2: rgba(53, 54, 60, 1);
@@ -223,7 +223,7 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
223
223
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
224
224
  --semi-border-radius-full: 9999px;
225
225
  --semi-border-radius-large: 12px;
226
- --semi-border-radius-small: 8px;
226
+ --semi-border-radius-small: 4px;
227
227
  --semi-border-radius-circle: 50%;
228
228
  --semi-border-radius-medium: 6px;
229
229
  --semi-border-radius-extra-small: 3px;
package/scss/variables.scss CHANGED
@@ -63,8 +63,8 @@ $font-size-header-6: 16px; // 六级标题字号
63
63
  $font-size-header-5: 18px; // 五级标题字号
64
64
  $font-size-header-4: 20px; // 四级标题字号
65
65
  $font-size-header-3: 24px; // 三级标题字号
66
- $font-size-header-2: 20px; // 二级标题字号
67
- $font-size-header-1: 18px; // 一级标题字号
66
+ $font-size-header-2: 28px; // 二级标题字号
67
+ $font-size-header-1: 32px; // 一级标题字号
68
68
 
69
69
 
70
70
  $font-weight-light: 200; // 字重 - 轻