forked from opentiny/tiny-engine
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathvariable.less
More file actions
424 lines (395 loc) · 19.1 KB
/
Copy pathvariable.less
File metadata and controls
424 lines (395 loc) · 19.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
// 亮色主题
:root {
// 基础配置，前缀为 --base
--base-min-width: 1280px;
// ------ 主要的公共主题色，前缀为 --ti-lowcode-common -------
--ti-lowcode-common-primary-color: var(--ti-lowcode-base-primary-color-2);
--ti-lowcode-common-primary-hover-color: var(--ti-lowcode-base-primary-color-2); // hover时，颜色不变
--ti-lowcode-common-component-bg: #fff;
--ti-lowcode-common-component-hover-bg: #f5f5f5;
--ti-lowcode-common-layout-bg: #fff;
--ti-lowcode-common-header-bg: #eee;
--ti-lowcode-common-primary-text-color: var(--ti-lowcode-base-text-color);
--ti-lowcode-common-secondary-text-color: #c2c2c2;
--ti-lowcode-common-text-title-color: var(--ti-lowcode-base-text-color);
--ti-lowcode-common-text-main-color: var(--ti-lowcode-base-text-color-1);
--ti-lowcode-common-text-desc-color: var(--ti-lowcode-base-text-color-3);
--ti-lowcode-common-text-placeholder-color: var(--ti-lowcode-base-text-color-1);
--ti-lowcode-common-text-color-1: #6a6a6a;
--ti-lowcode-common-text-color-2: #d9d9d9;
--ti-lowcode-common-text-color-3: #fff;
--ti-lowcode-common-text-color-4: #50d4ab;
--ti-lowcode-common-text-color-5: var(--ti-lowcode-base-text-color-3);
--ti-lowcode-common-text-color-6: var(--ti-lowcode-base-text-color-1);
--ti-lowcode-common-border-color-1: #dfe1e6;
--ti-lowcode-common-border-color-3: #606165;
--ti-lowcode-common-border-color-4: #dfe1e6;
--ti-lowcode-common-hover-bg-1: #f5f5f5;
--ti-lowcode-common-third-text-color: #ababab;
--ti-lowcode-common-error-color: var(--ti-lowcode-base-error-color);
--ti-lowcode-info-color: var(--ti-lowcode-base-prompt-color);
--ti-lowcode-warning-color: var(--ti-lowcode-base-warn-color);
--ti-lowcode-warning-color-1: var(--ti-lowcode-base-warn-color-1);
--ti-lowcode-dark-1: #464c59;
// ------ 公共组件的主题色，前缀为 --ti-lowcode-component-组件名 -------
--ti-lowcode-component-btn-default-color: var(--ti-lowcode-base-primary-color-1); // 默认按钮颜色
--ti-lowcode-component-btn-default-disabled-color: var(--ti-lowcode-common-secondary-text-color); // 默认禁用颜色
--ti-lowcode-component-btn-default-hover-color: var(--ti-lowcode-common-text-main-color); // 默认按钮 hover 颜色
--ti-lowcode-component-btn-default-border-color: var(--ti-lowcode-base-primary-color-1); // 默认按钮边框色
--ti-lowcode-component-btn-default-border-hover-color: var(
--ti-lowcode-common-text-main-color
); // 默认按钮 hover 边框色
--ti-lowcode-component-search-bg: #fff; // tinysearch 背景色
// svgButton
--ti-lowcode-component-svg-button-color: var(--ti-lowcode-base-text-color);
--ti-lowcode-component-svg-button-hover-color: var(--ti-lowcode-base-text-color);
--ti-lowcode-component-svg-button-hover-bg-color: rgba(0, 0, 0, 0.05);
--ti-lowcode-component-svg-button-active-color: var(--ti-lowcode-base-text-color);
--ti-lowcode-component-svg-button-active-bg-color: rgba(0, 0, 0, 0.05);
--ti-lowcode-meta-codeEditor-color: var(--ti-lowcode-component-btn-default-color);
--ti-lowcode-meta-codeEditor-border-color: var(--ti-lowcode-component-btn-default-border-color);
--ti-lowcode-meta-codeEditor-hover-color: var(--ti-lowcode-component-btn-default-hover-color);
--ti-lowcode-meta-codeEditor-border-hover-color: var(--ti-lowcode-component-btn-default-border-hover-color);
// 关闭按钮
--ti-lowcode-component-close-icon-text-color: var(--ti-lowcode-base-text-color); // 关闭按钮默认颜色
--ti-lowcode-component-close-icon-text-hover-color: var(
--ti-lowcode-common-primary-text-color
); // 关闭按钮 hover 颜色
// 插件面板
--ti-lowcode-plugin-panel-title-color: var(--ti-lowcode-common-text-title-color); // 插件面板标题色
--ti-lowcode-plugin-panel-title-font-weight: 700; // 插件面板标题加粗效果
--ti-lowcode-plugin-panel-bg: var(--ti-lowcode-common-component-bg); // 插件面板背景色
--ti-lowcode-plugin-panel-border-right-color: var(--ti-lowcode-common-border-color-4); // 插件面板右侧边框色
--ti-lowcode-plugin-panel-header-border-bottom-color: #ebebeb; // 插件面板头部区域底部边框线颜色
// 插件设置面板
--ti-lowcode-plugin-setting-panel-bg: var(--ti-lowcode-common-component-bg); // 插件设置面板背景色
// 设置面板
--ti-lowcode-component-setting-panel-label-color: var(--ti-lowcode-common-text-main-color);
--ti-lowcode-component-setting-panel-icon-color: var(--ti-lowcode-common-text-main-color);
// ------ 各个模块的主题色，前缀为 --ti-lowcode-模块名 -------
--ti-lowcode-design-plugin-color: var(--ti-lowcode-base-gray-90);
--ti-lowcode-design-toolbar-icon-color: #8a8e99;
// 物料-组件列表
--ti-lowcode-material-component-list-border-color: var(--ti-lowcode-common-border-color-4);
--ti-lowcode-material-component-list-hover-bg: var(--ti-lowcode-common-component-hover-bg);
// 页面管理
--ti-lowcode-page-tree-color: var(--ti-lowcode-common-text-main-color);
--ti-lowcode-page-tree-hover-color: var(--ti-lowcode-common-primary-text-color);
// 数据源
--ti-lowcode-datasource-list-color: var(--ti-lowcode-common-text-main-color);
// 状态管理
--ti-lowcode-data-list-color: var(--ti-lowcode-common-text-main-color);
// 状态管理面板头部的底部边框色
--ti-lowcode-data-header-border-bottom-color: var(--ti-lowcode-common-border-color-4);
// 状态管理示例背景色
--ti-lowcode-data-example-bg-color: var(--ti-lowcode-dark-1);
// 状态管理示例文字色
--ti-lowcode-data-example-color: var(--ti-lowcode-common-text-color-2);
// 添加高级属性文字颜色
--ti-lowcode-data-advanced-text-color: #252b3a;
// 添加高级属性 hover 文字颜色
--ti-lowcode-data-advanced-text-hover-color: #5073e5;
// 状态管理按激活背景色
--ti-lowcode-data-radio-group-active-bg: var(--ti-lowcode-base-gray-0);
// 状态管理按背景色
--ti-lowcode-data-radio-group-bg: transparent;
// 教程
--ti-lowcode-tutorial-list-item-color: var(--ti-lowcode-common-text-main-color);
// 头部工具栏背景色
--ti-lowcode-toolbar-bg: #fafafa;
// 头部工具栏选中背景色
--ti-lowcode-toolbar-active-bg: transparent;
// 头部工具栏边框色
--ti-lowcode-toolbar-border-color: var(--ti-lowcode-base-default-button-border-color);
// 头部工具栏icon颜色
--ti-lowcode-toolbar-icon-color: #404040;
// 头部工具栏icon颜色
--ti-lowcode-toolbar-icon-active-color: #4f77ff;
// 头部工具栏更多more图标颜色
--ti-lowcode-toolbar-more-color: #000;
// 头部工具栏更多more图标hover颜色
--ti-lowcode-toolbar-more-hover-color: #666;
// 头部工具栏面包屑字体颜色
--ti-lowcode-toolbar-breadcrumb-color: var(--ti-lowcode-base-gray-90);
// 头部工具栏画布大小文本hover背景色 && 头部弹框背景色 && context-menu 背景色 && 大纲树节点hover背景色 && 日期组件背景色
--ti-lowcode-toolbar-view-hover-bg: #e9e9e9;
// 头部工具栏i18n国际化字体颜色
--ti-lowcode-toolbar-i18n-color: red;
// 应用发布弹窗图标颜色
--ti-lowcode-toolbar-publish-icon-color: var(--ti-lowcode-common-primary-text-color);
// 头部左侧logo颜色
--ti-lowcode-logo-color: #8a8e99;
// 头部左侧logo颜色
--ti-lowcode-logo-active-color: rgba(0, 0, 0, 0.5);
// 中间画布边框色
--ti-lowcode-canvas-border-color: #999;
// 右侧属性面板tab页签背景色
--ti-lowcode-tabs-bg: #ebebeb;
// 右侧属性面板tab页签边框色
--ti-lowcode-tabs-border-color: #ddd;
// 右侧属性面板tab页签激活状态背景色
--ti-lowcode-tabs-active-bg: #f3f3f3;
// 右侧属性面板折叠面板展开内容边框色
--ti-lowcode-collapse-active-border-color: #333;
// 中间画布外框容器背景色
--ti-lowcode-canvas-wrap-bg: #e5e5e5;
// 中间画布拖拽宽度按钮背景色
--ti-lowcode-canvas-handle-bg: red;
// 中间画布拖拽宽度按钮背景色
--ti-lowcode-canvas-handle-hover-bg: #5e7ce0;
// 中间画布底部面包屑背景色
--ti-lowcode-breadcrumb-bg: #fff;
// 中间画布底部面包屑字体颜色
--ti-lowcode-breadcrumb-color: #999;
// 中间画布底部面包屑三角箭头颜色
--ti-lowcode-breadcrumb-icon-color: #ccc;
// 弹框遮罩层背景色
--ti-lowcode-mask-modal-bg: rgba(0, 0, 0, 0.5);
// 引导提示框遮罩层背景色
--ti-lowcode-guide-mask-bg: rgba(0, 0, 0, 0.5);
// 引导高亮遮罩层背景色
--ti-lowcode-guide-highlight-mask-bg: rgba(200, 200, 200, 0.2);
// 引导弹框背景色
--ti-lowcode-guide-dialog-bg: #fff;
// 引导弹框标题，按钮文本字体色
--ti-lowcode-guide-title-color: #252b3a;
// 引导弹框描述文本字体色
--ti-lowcode-guide-message-color: #575d6c;
// collapse 折叠面板激活后字体颜色
--ti-lowcode-collapse-active-color: #252b3a;
// input 框背景色
--ti-lowcode-input-bg: #fff;
// switch 圆点背景色
--ti-lowcode-switch-after-bg: #fff;
// switch 圆点 hover 背景色
--ti-lowcode-switch-after-hover-bg: #f5f5f5;
// switch 圆点 checked 背景色
--ti-lowcode-switch-after-checked-bg: #fff;
// -----下拉框相关主题配置-----
// 下拉框聚焦时边框颜色
--ti-lowcode-select-focus-border-color: var(--ti-lowcode-base-default-button-border-hover-color);
// 下拉框选中标签字体颜色
--ti-lowcode-select-tags-text-color: var(--ti-lowcode-base-text-color-3);
// 下拉框选中标签背景颜色
--ti-lowcode-select-tags-bg-color: #5959591a;
// 下拉框suffix图标悬浮颜色
--ti-lowcode-select-suffix-icon-color-hover: var(--ti-lowcode-base-text-color);
// select 下拉框背景色
--ti-lowcode-dropdown-bg-color: #202020;
// select 下拉面板边框颜色
--ti-lowcode-dropdown-border-color: transparent;
// select 下拉面板选型字体颜色
--ti-lowcode-dropdown-item-text-color: var(--ti-lowcode-base-text-color);
// select 下拉框背景色
--ti-lowcode-dropdown-bg-color: #fff;
// select 下拉框选项hover背景色
--ti-lowcode-dropdown-item-hover-bg-color: #f2f2f2;
// select 下拉框选项选中背景色
--ti-lowcode-dropdown-item-selected-bg: #fff;
// select 下拉框选项选中字体颜色
--ti-lowcode-dropdown-item-selected-color: var(--ti-lowcode-base-text-color-2);
// select 下拉框选项hover字体颜色
--ti-lowcode-dropdown-item-hover-text-color: var(--ti-lowcode-base-text-color);
// button info 字体颜色
--ti-lowcode-button-info-color: #fff;
// button default 背景颜色
--ti-lowcode-button-default-bg: #fff;
// 按钮hover字体颜色
--ti-lowcode-button-default-hover-color: var(--ti-lowcode-common-primary-color);
// 按钮hover背景色
--ti-lowcode-button-default-hover-bg: #fff;
--ti-lowcode-button-default-hover-border-color: var(--ti-lowcode-common-primary-color);
// info 保存按钮背景色
--ti-lowcode-button-info-bg: var(--ti-lowcode-common-primary-color);
// info 保存按钮 hover 背景色
--ti-lowcode-button-info-hover-bg: var(--ti-lowcode-common-primary-hover-color);
// primary 按钮字体颜色
--ti-lowcode-button-primary-color: #fff;
// 按钮边框颜色
--ti-lowcode-button-border-color: var(--ti-lowcode-common-primary-color);
// 组件icon颜色
--ti-lowcode-component-icon-color: #8d8d8d;
// 组件item hover 背景色
--ti-lowcode-component-item-hover-bg: #e3e3e3;
// 左侧插件激活背景色
--ti-lowcode-left-panel-active-bg: #f2f2f2;
// 左侧插件激活边框色
--ti-lowcode-left-panel-active-border-color: #999;
// 左侧tabs按钮边框色
--ti-lowcode-left-button-border-color: #ddd;
// list-item 项背景色
--ti-lowcode-list-item-bg: #fafafa;
// list-item 项激活背景色
--ti-lowcode-list-item-active-bg: #e9e9e9;
// radio 按钮组激活背景色
--ti-lowcode-radio-button-active-bg: #9d9d9d;
// grid 布局设置按钮字体颜色
--ti-lowcode-grid-edit-color: #252b3a;
// grid 布局设置按钮背景色
--ti-lowcode-grid-edit-bg: #fff;
// tooltip字体颜色
--ti-lowcode-tooltip-text-color: var(--ti-lowcode-base-text-color);
// tooltip背景颜色
--ti-lowcode-tooltip-bg-color: var(--ti-lowcode-base-bg-5);
// tooltip错误提示背景颜色
--ti-lowcode-tooltip-error-bg-color: var(--ti-lowcode-base-bg-5);
// Fit 字体颜色
--ti-lowcode-fit-label-color: #252b3a;
// Fit 背景颜色
--ti-lowcode-fit-coordinate-bg: #fff;
// Fit 边框颜色
--ti-lowcode-fit-coordinate-border-color: #ddd;
// Fit 圆点颜色
--ti-lowcode-fit-coordinate-origin-color: #757575;
// more icon 选中背景色
--ti-lowcode-more-icon-selected-bg: #e5e5e5;
// main menu 背景色
--ti-lowcode-main-menu-bg: #fff;
// main menu hover 背景色
--ti-lowcode-main-menu-item-hover-bg: var(--ti-lowcode-common-primary-color);
--ti-lowcode-main-menu-item-hover-color: var(--ti-lowcode-common-text-color-3);
// spacing svg 图标上下颜色
--ti-lowcode-spacing-tb-color: #d1d1d1;
// spacing svg 图标上下hover颜色
--ti-lowcode-spacing-tb-hover-color: #bdbdbd;
// spacing svg 图标左右颜色
--ti-lowcode-spacing-lr-color: #e5e5e5;
// spacing svg 图标左右hover颜色
--ti-lowcode-spacing-lr-hover-color: #dfdfdf;
// spacing svg 图标边框颜色
--ti-lowcode-spacing-border-color: #999;
// position direction 字体颜色
--ti-lowcode-position-direction-color: #252b3a;
// position direction 弹框显示时字体背景色
--ti-lowcode-position-direction-bg: #bfbfbf;
// position Relative to 按钮字体颜色
--ti-lowcode-position-relative-to-color: #252b3a;
// position Relative to 按钮边框颜色
--ti-lowcode-position-relative-to-border-color: #ddd;
// position Relative to 按钮背景色
--ti-lowcode-position-relative-to-bg: #e5e5e5;
// position 选中背景色
--ti-lowcode-position-selected-bg: #b5b5b5;
// icon 图标选择弹框背景色
--ti-lowcode-icon-popover-bg: #ebebeb;
// icon 图标选择弹框字体颜色
--ti-lowcode-icon-popover-color: #666;
// icon 图标选择弹框hover颜色
--ti-lowcode-icon-popover-hover-color: #333;
// 查看区块详情icon颜色
--ti-lowcode-block-detail-icon-color: #999;
// 中间画布底部面包屑hover背景色
--ti-lowcode-breadcrumb-hover-bg: #fff;
// 弹框中tip提示边框颜色
--ti-lowcode-dialog-tip-border-color: #575d6c;
// 弹框字体颜色 && 左侧面板 title 字体颜色
--ti-lowcode-dialog-font-color: #333;
// 输入框icon图标颜色
--ti-lowcode-input-icon-color: #737373;
// 弹框字体颜色 && 图标颜色 && 输入框 suffix 字体颜色
--ti-lowcode-text-color: #6a6a6a;
// 右侧optionitem的边框色
--ti-lowcode-optionitem-border-color: #9f9f9f;
// 右侧optionitem的背景色
--ti-lowcode-optionitem-background-color: #e5e5e5;
//tootip里的input框字体颜色
--ti-lowcode-tootip-input-color: #fff;
//tootip里的input背景颜色
--ti-lowcode-tootip-input-background-color: #363636;
//tootip里的input框边框颜色
--ti-lowcode-tootip-input-border-color: #b9b9b9;
//tootip里的input框箭头颜色
--ti-lowcode-tootip-arrow-border-color: #404040;
// dialogBox弹框示例框边框色
--ti-lowcode-dialog-demo-border-color: #5e5e5e;
// 关闭 icon 图标hover背景色 && 输入框后置文本hover背景色
--ti-lowcode-icon-hover-bg: rgba(255, 255, 255, 0.1);
// 说明提示框警告颜色
--ti-lowcode-description-warning-color: #facb4b;
// 说明提示框错误颜色
--ti-lowcode-description-error-color: #ff0000;
// switch checked状态边框色
--ti-lowcode-switch-checked-border-color: var(--ti-lowcode-common-primary-color);
// 文本链接颜色
--ti-lowcode-text-link-color: #6bb0ff;
// 大纲树node节点选中背景色
--ti-lowcode-node-current-bg: var(--ti-lowcode-common-primary-color);
// 大纲树node节点不可拖拽背景色 && 表单校验错误边框色
--ti-lowcode-node-nodrag-bg: #ea384c;
// 成功状态按钮边框色
--ti-lowcode-success-border-color: #2ad986;
// 错误提示颜色
--ti-lowcode-error-tip-color: var(--ti-lowcode-base-error-color);
// 画布拖拽元素背景色
--ti-lowcode-drag-ghost-bg: #888;
// 画布拖拽位置线背景色
--ti-lowcode-ghost-line-bg: #ffb100;
// 描述颜色
--ti-lowcode-description-color: var(--ti-lowcode-common-text-color-4);
// 更多折叠面板头部hover背景色
--ti-lowcode-more-collapse-header-hover-color: #afafaf;
// 绑定时icon图标颜色
--ti-lowcode-icon-bind-color: #006cff;
// 创建字体颜色
--ti-lowcode-create-color: #575d6c;
// 删除按钮hover背景色 && 表单校验错误背景色
--ti-lowcode-delete-button-hover-bg: #c92c3f;
// input框focus 获焦时边框颜色
--ti-lowcode-input-focus-border-color: var(--ti-lowcode-base-default-button-border-hover-color);
// 次要描述字体颜色 && 面包屑label 字体颜色
--ti-lowcode-description-minor-color: #ababab;
// 样式设置 label 字体颜色
--ti-lowcode-style-setting-label-color: #8bbefa;
// 样式设置 label 背景颜色
--ti-lowcode-style-setting-label-bg: rgba(76, 152, 241, 0.15);
// 多人协作item项hover背景色
--ti-lowcode-user-item-hover-bg: #f3f3f5;
// 多人协作人员头像背景色
--ti-lowcode-user-header-bg: #919191;
// 工具栏提示框字体颜色
--ti-lowcode-toolbar-popover-color: #363636;
// 工具栏 media 提示框字体颜色
--ti-lowcode-media-popover-color: var(--ti-lowcode-base-gray-60);
// 工具栏 media 提示框标题字体颜色
--ti-lowcode-media-popover-title-color: #191919;
// 工具栏icon禁用颜色
--ti-lowcode-disabled-color: #c2c2c2;
// 状态管理详情收缩摩纳哥编辑器icon颜色
--ti-lowcode-state-management-screen-icon-color: #404040;
// 状态管理搜索无结果显示颜色
--ti-lowcode-state-management-query-color: #404040;
// Popover提示框
--ti-lowcode-popover-color: var(--ti-lowcode-base-text-color);
// popover 弹框背景色
--ti-lowcode-popover-bg-color: #fff;
// 自定义类名lowcode弹框背景色
--ti-lowcode-custom-popover-bg-color: #fff;
// 自定义类名lowcode弹框字体颜色
--ti-lowcode-custom-popover-text-color: #191919;
// 自定义类名lowcode弹框边框颜色
--ti-lowcode-custom-popover-border-color: #fff;
// 滚动条thumb颜色
--ti-lowcode-scrollbar-thumb-background-color: #e7e8e9;
// 可点击交互的文字颜色
--ti-lowcode-common-interaction-text-color: #5e7ce0;
// 数字输入框组件下拉列表文字颜色
--ti-lowcode-numeric-unit-text-color: var(--ti-lowcode-text-color);
//左侧插件栏hover背景色
--ti-plugins-hover-bg-color: #fff;
//左侧插件栏hover边框色
--ti-plugins-hover-border-color: #9e9e9e;
//左侧插件栏hover文字色
--ti-plugins-hover-text-color: #4d4d4d;
// 表格行间背景色
--ti-lowcode-new-table-row-sepline-background: #f0f0f0;
// 查看指引视频
--ti-lowcode-block-video-tip-color: var(--ti-lowcode-base-primary-color-2);
// 右侧optionitem的边框色
--ti-lowcode-optionitem-border-color: rgba(0, 0, 0, 0.08);
// 右侧optionitem的背景色
--ti-lowcode-optionitem-background-color: #fff;
// 空数据图标颜色
--ti-lowcode-empty-icon-color: unset;
--ti-lowcode-popover-option-popper-border-color: transparent;
--ti-lowcode-toolbar-hover-popper: var(--ti-lowcode-toolbar-more-color);
}