@douyinfe/semi-theme-default 2.38.3-alpha.4 → 2.38.4-alpha.1
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 +3 -9
- package/scss/_palette.scss +2 -4
- package/scss/animation.scss +1 -1
- package/scss/global.scss +42 -3
- package/scss/variables.scss +2 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-theme-default",
|
|
3
|
-
"version": "2.38.
|
|
3
|
+
"version": "2.38.4-alpha.1",
|
|
4
4
|
"description": "semi-theme-default",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"semi-theme",
|
|
@@ -13,12 +13,6 @@
|
|
|
13
13
|
"sideEffects": "*.scss",
|
|
14
14
|
"author": "huangzhijing.pixel@bytedance.com",
|
|
15
15
|
"license": "MIT",
|
|
16
|
-
"gitHead": "
|
|
17
|
-
"
|
|
18
|
-
"glob": "^7.1.6"
|
|
19
|
-
},
|
|
20
|
-
"_unpkg": true,
|
|
21
|
-
"devDependencies": {
|
|
22
|
-
"path": "^0.12.7"
|
|
23
|
-
}
|
|
16
|
+
"gitHead": "a10113a75a207a0a2d4e4d46797a1093260c9dba",
|
|
17
|
+
"_unpkg": true
|
|
24
18
|
}
|
package/scss/_palette.scss
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
body,
|
|
2
|
-
body .semi-always-light {
|
|
1
|
+
body, body .semi-always-light, :host, :host .semi-always-light {
|
|
3
2
|
--semi-amber-0: 254,251,235;
|
|
4
3
|
--semi-amber-1: 252,245,206;
|
|
5
4
|
--semi-amber-2: 249,232,158;
|
|
@@ -164,8 +163,7 @@ body .semi-always-light {
|
|
|
164
163
|
--semi-yellow-9: 83,72,0;
|
|
165
164
|
}
|
|
166
165
|
|
|
167
|
-
body[theme-mode="dark"],
|
|
168
|
-
body .semi-always-dark {
|
|
166
|
+
body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
|
|
169
167
|
--semi-red-0: 108,9,11;
|
|
170
168
|
--semi-red-1: 144,17,16;
|
|
171
169
|
--semi-red-2: 180,32,25;
|
package/scss/animation.scss
CHANGED
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
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
5
5
|
-webkit-font-smoothing: antialiased;
|
|
6
6
|
--semi-color-white: rgba(var(--semi-white), 1); // 浅色模式下深色背景内容Inverse
|
|
@@ -79,7 +79,6 @@ body, body[theme-mode="dark"] .semi-always-light {
|
|
|
79
79
|
|
|
80
80
|
--semi-color-border: rgba(var(--semi-grey-9), .08); // 默认描边颜色
|
|
81
81
|
--semi-color-nav-bg: rgba(var(--semi-white), 1); // 导航背景色
|
|
82
|
-
|
|
83
82
|
--semi-color-overlay-bg: rgba(22, 22, 26, .6); // 蒙层背景色
|
|
84
83
|
|
|
85
84
|
--semi-color-fill-0: rgba(var(--semi-grey-8), .05); // 填充色 - 默认态
|
|
@@ -103,9 +102,29 @@ body, body[theme-mode="dark"] .semi-always-light {
|
|
|
103
102
|
--semi-border-radius-full: 9999px; // 用于创建全尺寸圆角，如胶囊标签等
|
|
104
103
|
--semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1); // 高亮文本背景色
|
|
105
104
|
--semi-color-highlight: rgba(var(--semi-black), 1); // 高亮文本色
|
|
105
|
+
--semi-color-data-0: rgba(87, 105, 255, 1); //vchart 数据色板颜色 - 0
|
|
106
|
+
--semi-color-data-1: rgba(142, 212, 231, 1); //vchart 数据色板颜色 - 1
|
|
107
|
+
--semi-color-data-2: rgba(245, 135, 0, 1); //vchart 数据色板颜色 - 2
|
|
108
|
+
--semi-color-data-3: rgba(220, 183, 252, 1); //vchart 数据色板颜色 - 3
|
|
109
|
+
--semi-color-data-4: rgba(74, 156, 247, 1); //vchart 数据色板颜色 - 4
|
|
110
|
+
--semi-color-data-5: rgba(243, 204, 53, 1); //vchart 数据色板颜色 - 5
|
|
111
|
+
--semi-color-data-6: rgba(254, 128, 144, 1); //vchart 数据色板颜色 - 6
|
|
112
|
+
--semi-color-data-7: rgba(139, 215, 210, 1); //vchart 数据色板颜色 - 7
|
|
113
|
+
--semi-color-data-8: rgba(131, 176, 35, 1); //vchart 数据色板颜色 - 8
|
|
114
|
+
--semi-color-data-9: rgba(233, 165, 229, 1); //vchart 数据色板颜色 - 9
|
|
115
|
+
--semi-color-data-10: rgba(48, 167, 206, 1); //vchart 数据色板颜色 - 10
|
|
116
|
+
--semi-color-data-11: rgba(249, 192, 100, 1); //vchart 数据色板颜色 - 11
|
|
117
|
+
--semi-color-data-12: rgba(177, 113, 249, 1); //vchart 数据色板颜色 - 12
|
|
118
|
+
--semi-color-data-13: rgba(119, 182, 249, 1); //vchart 数据色板颜色 - 13
|
|
119
|
+
--semi-color-data-14: rgba(200, 143, 2, 1); //vchart 数据色板颜色 - 14
|
|
120
|
+
--semi-color-data-15: rgba(255, 170, 178, 1); //vchart 数据色板颜色 - 15
|
|
121
|
+
--semi-color-data-16: rgba(51, 176, 171, 1); //vchart 数据色板颜色 - 16
|
|
122
|
+
--semi-color-data-17: rgba(182, 215, 129, 1); //vchart 数据色板颜色 - 17
|
|
123
|
+
--semi-color-data-18: rgba(212, 88, 212, 1); //vchart 数据色板颜色 - 18
|
|
124
|
+
--semi-color-data-19: rgba(188, 198, 255, 1); //vchart 数据色板颜色 - 19
|
|
106
125
|
}
|
|
107
126
|
|
|
108
|
-
body[theme-mode="dark"], body .semi-always-dark {
|
|
127
|
+
body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
|
|
109
128
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
110
129
|
-webkit-font-smoothing: antialiased;
|
|
111
130
|
--semi-color-white: rgba(228, 231, 245, 1);
|
|
@@ -193,4 +212,24 @@ body[theme-mode="dark"], body .semi-always-dark {
|
|
|
193
212
|
--semi-border-radius-full: 9999px;
|
|
194
213
|
--semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1); // 高亮文本背景色
|
|
195
214
|
--semi-color-highlight: rgba(var(--semi-white), 1); // 高亮文本色
|
|
215
|
+
--semi-color-data-0: rgba(94, 109, 194, 1); //vchart 数据色板颜色 - 0
|
|
216
|
+
--semi-color-data-1: rgba(8, 104, 120, 1); //vchart 数据色板颜色 - 1
|
|
217
|
+
--semi-color-data-2: rgba(250, 173, 63, 1); //vchart 数据色板颜色 - 2
|
|
218
|
+
--semi-color-data-3: rgba(76, 43, 156, 1); //vchart 数据色板颜色 - 3
|
|
219
|
+
--semi-color-data-4: rgba(16, 125, 248, 1); //vchart 数据色板颜色 - 4
|
|
220
|
+
--semi-color-data-5: rgba(248, 202, 16, 1); //vchart 数据色板颜色 - 5
|
|
221
|
+
--semi-color-data-6: rgba(195, 30, 87, 1); //vchart 数据色板颜色 - 6
|
|
222
|
+
--semi-color-data-7: rgba(5, 119, 115, 1); //vchart 数据色板颜色 - 7
|
|
223
|
+
--semi-color-data-8: rgba(154, 207, 13, 1); //vchart 数据色板颜色 - 8
|
|
224
|
+
--semi-color-data-9: rgba(117, 29, 138, 1); //vchart 数据色板颜色 - 9
|
|
225
|
+
--semi-color-data-10: rgba(16, 162, 180, 1); //vchart 数据色板颜色 - 10
|
|
226
|
+
--semi-color-data-11: rgba(208, 110, 11, 1); //vchart 数据色板颜色 - 11
|
|
227
|
+
--semi-color-data-12: rgba(113, 66, 197, 1); //vchart 数据色板颜色 - 12
|
|
228
|
+
--semi-color-data-13: rgba(7, 100, 212, 1); //vchart 数据色板颜色 - 13
|
|
229
|
+
--semi-color-data-14: rgba(251, 232, 110, 1); //vchart 数据色板颜色 - 14
|
|
230
|
+
--semi-color-data-15: rgba(160, 19, 73, 1); //vchart 数据色板颜色 - 15
|
|
231
|
+
--semi-color-data-16: rgba(11, 179, 167, 1); //vchart 数据色板颜色 - 16
|
|
232
|
+
--semi-color-data-17: rgba(98, 138, 6, 1); //vchart 数据色板颜色 - 17
|
|
233
|
+
--semi-color-data-18: rgba(162, 48, 179, 1); //vchart 数据色板颜色 - 18
|
|
234
|
+
--semi-color-data-19: rgba(40, 51, 138, 1); //vchart 数据色板颜色 - 19
|
|
196
235
|
}
|
package/scss/variables.scss
CHANGED
|
@@ -48,6 +48,8 @@ $z-image_preview_header: 1; // Image 组件预览层中 header 部分 z-index
|
|
|
48
48
|
// 正在拖拽中的元素的 z-index，需要高于所有的弹出层组件 z-index
|
|
49
49
|
$z-transfer_right_item_drag_item_move: 2000; // 穿梭框右侧面板中正在拖拽元素的z-index
|
|
50
50
|
$z-tagInput_drag_item_move: 2000; // 标签输入框中正在拖拽元素的z-index
|
|
51
|
+
$z-resizable_handler: 2000; // 伸缩框组件中handler的z-index
|
|
52
|
+
// $z-resizable_background: 2010; // 伸缩框组件中背景的z-index
|
|
51
53
|
|
|
52
54
|
// font
|
|
53
55
|
$font-family-regular: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
|