@douyinfe/semi-theme-default 2.38.4-alpha.1 → 2.38.4-alpha.2-3117-3120
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 +9 -3
- package/scss/_palette.scss +4 -2
- package/scss/animation.scss +1 -1
- package/scss/global.scss +3 -42
- package/scss/variables.scss +0 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-theme-default",
|
|
3
|
-
"version": "2.38.4-alpha.
|
|
3
|
+
"version": "2.38.4-alpha.2-3117-3120",
|
|
4
4
|
"description": "semi-theme-default",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"semi-theme",
|
|
@@ -13,6 +13,12 @@
|
|
|
13
13
|
"sideEffects": "*.scss",
|
|
14
14
|
"author": "huangzhijing.pixel@bytedance.com",
|
|
15
15
|
"license": "MIT",
|
|
16
|
-
"gitHead": "
|
|
17
|
-
"
|
|
16
|
+
"gitHead": "03169476856f6bcec10f193fe109231d186afcaa",
|
|
17
|
+
"dependencies": {
|
|
18
|
+
"glob": "^7.1.6"
|
|
19
|
+
},
|
|
20
|
+
"_unpkg": true,
|
|
21
|
+
"devDependencies": {
|
|
22
|
+
"path": "^0.12.7"
|
|
23
|
+
}
|
|
18
24
|
}
|
package/scss/_palette.scss
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
body,
|
|
1
|
+
body,
|
|
2
|
+
body .semi-always-light {
|
|
2
3
|
--semi-amber-0: 254,251,235;
|
|
3
4
|
--semi-amber-1: 252,245,206;
|
|
4
5
|
--semi-amber-2: 249,232,158;
|
|
@@ -163,7 +164,8 @@ body, body .semi-always-light, :host, :host .semi-always-light {
|
|
|
163
164
|
--semi-yellow-9: 83,72,0;
|
|
164
165
|
}
|
|
165
166
|
|
|
166
|
-
body[theme-mode="dark"],
|
|
167
|
+
body[theme-mode="dark"],
|
|
168
|
+
body .semi-always-dark {
|
|
167
169
|
--semi-red-0: 108,9,11;
|
|
168
170
|
--semi-red-1: 144,17,16;
|
|
169
171
|
--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 {
|
|
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,6 +79,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
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
|
+
|
|
82
83
|
--semi-color-overlay-bg: rgba(22, 22, 26, .6); // 蒙层背景色
|
|
83
84
|
|
|
84
85
|
--semi-color-fill-0: rgba(var(--semi-grey-8), .05); // 填充色 - 默认态
|
|
@@ -102,29 +103,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
102
103
|
--semi-border-radius-full: 9999px; // 用于创建全尺寸圆角，如胶囊标签等
|
|
103
104
|
--semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1); // 高亮文本背景色
|
|
104
105
|
--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
|
|
125
106
|
}
|
|
126
107
|
|
|
127
|
-
body[theme-mode="dark"], body .semi-always-dark
|
|
108
|
+
body[theme-mode="dark"], body .semi-always-dark {
|
|
128
109
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
129
110
|
-webkit-font-smoothing: antialiased;
|
|
130
111
|
--semi-color-white: rgba(228, 231, 245, 1);
|
|
@@ -212,24 +193,4 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
212
193
|
--semi-border-radius-full: 9999px;
|
|
213
194
|
--semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1); // 高亮文本背景色
|
|
214
195
|
--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
|
|
235
196
|
}
|
package/scss/variables.scss
CHANGED
|
@@ -48,8 +48,6 @@ $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
|
|
53
51
|
|
|
54
52
|
// font
|
|
55
53
|
$font-family-regular: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
|