Skip to content

Commit

Permalink
fix: engine component dark color theme variable replacement
Browse files Browse the repository at this point in the history
  • Loading branch information
James-9696 committed Jul 22, 2024
1 parent 371c89c commit 5ee33e4
Show file tree
Hide file tree
Showing 30 changed files with 884 additions and 497 deletions.
2 changes: 1 addition & 1 deletion packages/layout/src/Main.vue
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ export default {
#tiny-engine {
display: flex;
flex-flow: column;
min-width: var(--base-min-width);
min-width: var(--ti-common-min-width);
height: 100vh;
overflow: hidden;
.tiny-engine-main {
Expand Down
4 changes: 2 additions & 2 deletions packages/plugins/datasource/src/DataSourceField.vue
Original file line number Diff line number Diff line change
Expand Up @@ -186,9 +186,9 @@ export default {
align-items: center;
&.field-row-add {
color: var(--ti-lowcode-datasource-json-border-colorr);
color: var(--ti-lowcode-datasource-json-border-color);
svg {
color: var(--ti-lowcode-datasource-json-border-colorr);
color: var(--ti-lowcode-datasource-json-border-color);
}
}
}
Expand Down
2 changes: 1 addition & 1 deletion packages/plugins/datasource/src/DataSourceRecordList.vue
Original file line number Diff line number Diff line change
Expand Up @@ -650,7 +650,7 @@ export default {
color: var(--ti-lowcode-datasource-common-empty-color);
}
.add-column {
color: var(--ti-lowcode-datasource-json-border-colorr);
color: var(--ti-lowcode-datasource-json-border-color);
cursor: pointer;
}
}
Expand Down
2 changes: 1 addition & 1 deletion packages/plugins/datasource/src/DataSourceTemplate.vue
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ export default {
}
}
.blue::before {
border: 1px solid var(--ti-lowcode-datasource-json-border-colorr);
border: 1px solid var(--ti-lowcode-datasource-json-border-color);
}
.green::before {
Expand Down
25 changes: 23 additions & 2 deletions packages/theme/base/src/base.less
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,9 @@
--ti-lowcode-base-gray-58: #919191;
--ti-lowcode-base-gray-59: #e7e8e9;
--ti-lowcode-base-gray-60: #9e9e9e;
--ti-lowcode-base-gray-61: #63666c;
--ti-lowcode-base-gray-62: #858585;
--ti-lowcode-base-gray-63: #f6eeee;

// black
--ti-lowcode-base-dark-1: #1f1f1f;
Expand All @@ -81,8 +84,8 @@
--ti-lowcode-base-dark-12: #2b2b2b;
--ti-lowcode-base-dark-13: #262626;
--ti-lowcode-base-dark-14: #222;

--ti-lowcode-base-dark-16: #292929;
--ti-lowcode-base-dark-15: #323644;
--ti-lowcode-base-dark-16: #1e1e1e;
--ti-lowcode-base-dark-17: #292929;
--ti-lowcode-base-dark-18: #3c3c3c;
--ti-lowcode-base-dark-19: #313131;
Expand Down Expand Up @@ -115,6 +118,7 @@
--ti-lowcode-base-red-18: #ff0000;
--ti-lowcode-base-red-19: #ea384c;
--ti-lowcode-base-red-20: #c92c3f;
--ti-lowcode-base-red-21: #de504e;

// expand-orange
--ti-lowcode-base-orange-1: #fff5e8;
Expand Down Expand Up @@ -149,6 +153,7 @@
--ti-lowcode-base-yellow-12: #d4b57f;
--ti-lowcode-base-yellow-13: #e6d3b8;
--ti-lowcode-base-yellow-14: #501c1c;
--ti-lowcode-base-yellow-15: #8d5421;

// expand-lemon
--ti-lowcode-base-lemon-1: #fcfae8;
Expand Down Expand Up @@ -267,6 +272,7 @@
--ti-lowcode-base-blue-21: #6bb0ff;
--ti-lowcode-base-blue-22: #006cff;
--ti-lowcode-base-blue-23: #8bbefa;
--ti-lowcode-base-blue-24: #476be5;

// expand-indigo
--ti-lowcode-base-indigo-1: #eee8ff;
Expand Down Expand Up @@ -328,6 +334,7 @@
--ti-lowcode-base-rose-11: #993d6e;
--ti-lowcode-base-rose-12: #cc7aa6;
--ti-lowcode-base-rose-13: #e6b8d2;
--ti-lowcode-base-rose-14: #f66f6a;

// 公司品牌色
--ti-lowcode-base-brand-color: #c7000b;
Expand Down Expand Up @@ -372,6 +379,7 @@
--ti-lowcode-base-dark-text-link-color-1: #a6a6a6;

// 按钮边框色
--ti-lowcode-base-button-border-none: none;
--ti-lowcode-base-secondary-button-border-color: #595959;
--ti-lowcode-base-secondary-button-border-hover-color: #c2c2c2;
--ti-lowcode-base-default-button-border-color: #c2c2c2;
Expand All @@ -396,6 +404,19 @@
--ti-lowcode-base-rgba-7: rgba(200, 200, 200, 0.2);
--ti-lowcode-base-rgba-8: rgba(255, 255, 255, 0.1);
--ti-lowcode-base-rgba-9: rgba(76, 152, 241, 0.15);
--ti-lowcode-base-rgba-10: rgba(173, 176, 184, 0.6);
--ti-lowcode-base-rgba-11: rgba(0, 255, 0, 0.1);
--ti-lowcode-base-rgba-12: rgba(242, 48, 48, 0.3);
--ti-lowcode-base-rgba-13: rgba(255, 255, 255, 0.08);
--ti-lowcode-base-rgba-14: rgba(246, 111, 106, 0.1);
--ti-lowcode-base-rgba-15: rgba(217, 217, 217, 0.8);
--ti-lowcode-base-rgba-16: rgba(0, 179, 54, 0.6);
--ti-lowcode-base-rgba-17: rgba(217, 217, 217, 0.4);
--ti-lowcode-base-rgba-18: rgba(255, 255, 255, 0.4);
--ti-lowcode-base-rgba-19: rgba(255, 255, 255, 0.5);
--ti-lowcode-base-rgba-20: rgba(94, 94, 94, 0.8);
--ti-lowcode-base-rgba-21: rgba(121, 121, 121, 0.4);
--ti-lowcode-base-rgba-22: rgba(138, 142, 153, 0.99);

// 状态色
--ti-lowcode-base-error-color: #f23030;
Expand Down
87 changes: 87 additions & 0 deletions packages/theme/base/src/common.less
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,42 @@
--ti-lowcode-common-component-bg-43: var(--ti-lowcode-base-blue-20);
--ti-lowcode-common-component-bg-44: var(--ti-lowcode-base-rgba-7);
--ti-lowcode-common-component-bg-45: var(--ti-lowcode-base-red-19);
--ti-lowcode-common-component-bg-46: var(--ti-lowcode-base-dark-18);
--ti-lowcode-common-component-bg-47: var(--ti-lowcode-base-dark-8);
--ti-lowcode-common-component-bg-48: var(--ti-lowcode-base-yellow-15);
--ti-lowcode-common-component-bg-49: var(--ti-lowcode-base-dark-17);
--ti-lowcode-common-component-bg-50: var(--ti-lowcode-base-dark-15);
--ti-lowcode-common-component-bg-51: var(--ti-lowcode-base-dark-12);
--ti-lowcode-common-component-bg-52: var(--ti-lowcode-base-dark-13);
--ti-lowcode-common-component-bg-53: var(--ti-lowcode-base-rgba-11);
--ti-lowcode-common-component-bg-54: var(--ti-lowcode-base-rgba-12);
--ti-lowcode-common-component-bg-55: var(--ti-lowcode-base-gray-29);
--ti-lowcode-common-component-bg-56: var(--ti-lowcode-base-blue-14);
--ti-lowcode-common-component-bg-57: var(--ti-lowcode-base-dark-22);
--ti-lowcode-common-component-bg-58: var(--ti-lowcode-base-gray-43);
--ti-lowcode-common-component-bg-59: var(--ti-lowcode-base-gray-25);
--ti-lowcode-common-component-bg-60: var(--ti-lowcode-base-kelly-6);
--ti-lowcode-common-component-bg-61: var(--ti-lowcode-base-dark-1);
--ti-lowcode-common-component-bg-62: var(--ti-lowcode-base-dark-bg-6);
--ti-lowcode-common-component-bg-63: var(--ti-lowcode-base-dark-16);
--ti-lowcode-common-component-bg-64: var(--ti-lowcode-base-rgba-14);
--ti-lowcode-common-component-bg-65: var(--ti-lowcode-base-dark-bg-3);
--ti-lowcode-common-component-bg-66: var(--ti-lowcode-base-dark-14);
--ti-lowcode-common-component-bg-67: var(--ti-lowcode-base-dark-bg-2);
--ti-lowcode-common-component-bg-68: var(--ti-lowcode-base-dark-bg-5);
--ti-lowcode-common-component-bg-69: var(--ti-lowcode-base-dark-24);
--ti-lowcode-common-component-bg-70: var(--ti-lowcode-base-gray-4);
--ti-lowcode-common-component-bg-71: var(--ti-lowcode-base-dark-9);
--ti-lowcode-common-component-bg-72: var(--ti-lowcode-base-dark-20);
--ti-lowcode-common-component-bg-73: var(--ti-lowcode-base-rgba-16);
--ti-lowcode-common-component-bg-74: var(--ti-lowcode-base-rgba-19);
--ti-lowcode-common-component-bg-75: var(--ti-lowcode-base-dark-25);
--ti-lowcode-common-component-bg-76: var(--ti-lowcode-base-gray-34);
--ti-lowcode-common-component-bg-77: var(--ti-lowcode-base-gray-12);
--ti-lowcode-common-component-bg-78: var(--ti-lowcode-base-dark-7);
--ti-lowcode-common-component-bg-79: var(--ti-lowcode-base-dark-5);
--ti-lowcode-common-component-bg-80: var(--ti-lowcode-base-rgba-21);
--ti-lowcode-common-component-bg-81: var(--ti-lowcode-base-rgba-20);

// 文本
--ti-lowcode-common-primary-text-color: var(--ti-lowcode-base-dark-5);
Expand Down Expand Up @@ -90,8 +126,37 @@
--ti-lowcode-common-text-color-32: var(--ti-lowcode-base-blue-23);
--ti-lowcode-common-text-color-33: var(--ti-lowcode-base-blue-20);
--ti-lowcode-common-text-color-34: var(--ti-lowcode-base-gray-25);
--ti-lowcode-common-text-color-35: var(--ti-lowcode-base-gray-21);
--ti-lowcode-common-text-color-36: var(--ti-lowcode-base-blue-24);
--ti-lowcode-common-text-color-37: var(--ti-lowcode-base-gray-61);
--ti-lowcode-common-text-color-38: var(--ti-base-color-transparent);
--ti-lowcode-common-text-color-39: var(--ti-lowcode-base-gray-11);
--ti-lowcode-common-text-color-40: var(--ti-lowcode-base-gray-45);
--ti-lowcode-common-text-color-41: var(--ti-lowcode-base-dark-text-color);
--ti-lowcode-common-text-color-42: var(--ti-lowcode-base-red-21);
--ti-lowcode-common-text-color-43: var(--ti-lowcode-base-gray-23);
--ti-lowcode-common-text-color-44: var(--ti-lowcode-base-gray-9);
--ti-lowcode-common-text-color-45: var(--ti-lowcode-base-gray-7);
--ti-lowcode-common-text-color-46: var(--ti-lowcode-base-gray-47);
--ti-lowcode-common-text-color-47: var(--ti-lowcode-base-dark-18);
--ti-lowcode-common-text-color-48: var(--ti-lowcode-base-blue-15);
--ti-lowcode-common-text-color-49: var(--ti-lowcode-base-dark-8);
--ti-lowcode-common-text-color-50: var(--ti-lowcode-base-gray-29);
--ti-lowcode-common-text-color-51: var(--ti-lowcode-base-rgba-15);
--ti-lowcode-common-text-color-52: var(--ti-lowcode-base-rgba-17);
--ti-lowcode-common-text-color-53: var(--ti-lowcode-base-rgba-18);
--ti-lowcode-common-text-color-54: var(--ti-lowcode-base-rgba-19);
--ti-lowcode-common-text-color-55: var(--ti-lowcode-base-gray-62);
--ti-lowcode-common-text-color-56: var(--ti-lowcode-base-gray-24);
--ti-lowcode-common-text-color-57: var(--ti-lowcode-base-gray-27);
--ti-lowcode-common-text-color-58: var(--ti-lowcode-base-gray-28);
--ti-lowcode-common-text-color-59: var(--ti-lowcode-base-gray-38);
--ti-lowcode-common-text-color-60: var(--ti-lowcode-base-gray-63);
--ti-lowcode-common-text-color-61: var(--ti-lowcode-base-red-14);
--ti-lowcode-common-text-color-62: var(--ti-lowcode-base-rgba-22);

// 边框
--ti-lowcode-common-border-none: var(--ti-lowcode-base-button-border-none);
--ti-lowcode-common-border-color-1: var(--ti-lowcode-base-gray-9);
--ti-lowcode-common-border-color-2: var(--ti-lowcode-base-gray-6);
--ti-lowcode-common-border-color-3: var(--ti-lowcode-base-gray-35);
Expand All @@ -117,6 +182,26 @@
--ti-lowcode-common-border-color-23: var(--ti-lowcode-base-gray-29);
--ti-lowcode-common-border-color-24: var(--ti-lowcode-base-green-15);
--ti-lowcode-common-border-color-25: var(--ti-lowcode-base-gray-60);
--ti-lowcode-common-border-color-26: var(--ti-lowcode-base-dark-9);
--ti-lowcode-common-border-color-27: var(--ti-lowcode-base-dark-13);
--ti-lowcode-common-border-color-28: var(--ti-lowcode-base-dark-19);
--ti-lowcode-common-border-color-29: var(--ti-lowcode-base-blue-14);
--ti-lowcode-common-border-color-30: var(--ti-lowcode-base-dark-text-color);
--ti-lowcode-common-border-color-31: var(--ti-lowcode-base-dark-6);
--ti-lowcode-common-border-color-32: var(--ti-lowcode-base-dark-12);
--ti-lowcode-common-border-color-33: var(--ti-lowcode-base-rgba-13);
--ti-lowcode-common-border-color-34: var(--ti-lowcode-base-gray-44);
--ti-lowcode-common-border-color-35: var(--ti-lowcode-base-rose-14);
--ti-lowcode-common-border-color-36: var(--ti-lowcode-base-rgba-8);
--ti-lowcode-common-border-color-37: var(--ti-lowcode-base-gray-21);
--ti-lowcode-common-border-color-38: var(--ti-lowcode-base-gray-34);
--ti-lowcode-common-border-color-39: var(--ti-lowcode-base-gray-31);
--ti-lowcode-common-border-color-40: var(--ti-lowcode-base-mint-14);
--ti-lowcode-common-border-color-41: var(--ti-lowcode-base-gray-23);
--ti-lowcode-common-border-color-42: var(--ti-lowcode-base-dark-2);
--ti-lowcode-common-border-color-43: var(--ti-lowcode-base-dark-22);
--ti-lowcode-common-border-color-44: var(--ti-lowcode-base-gray-12);
--ti-lowcode-common-border-color-45: var(--ti-lowcode-base-dark-21);

// 提示
--ti-lowcode-common-primary-color: var(--ti-lowcode-base-blue-6);
Expand Down Expand Up @@ -157,6 +242,7 @@

// 权重值
--ti-lowcode-common-font-weight-normal: var(--ti-lowcode-base-font-weight-bold);
--ti-lowcode-common-font-weight-400: var(--ti-lowcode-base-font-weight-4);

// 其他
--ti-lowcode-common-dark-1: var(--ti-lowcode-base-dark-1);
Expand All @@ -175,5 +261,6 @@
--ti-lowcode-common-text-hover: var(--ti-lowcode-base-blue-17);
--ti-lowcode-common-component-hover-bg: var(--ti-lowcode-base-gray-5);
--ti-lowcode-common-rgba-1: var(--ti-lowcode-base-rgba-1);
--ti-lowcode-common-rgba-10: var(--ti-lowcode-base-rgba-10);
--ti-lowcode-common-color-unset: var(--ti-base-color-unset);
}
2 changes: 1 addition & 1 deletion packages/theme/common/global.less
Original file line number Diff line number Diff line change
Expand Up @@ -590,7 +590,7 @@
}

&.tiny-pager__selector {
background-color: var(--ti-lowcode-common-hover-bg-1);
background-color: var(--ti-lowcode-common-component-bg-25);

.tiny-pager__selector-poplist {
background: var(--ti-lowcode-toolbar-view-hover-bg);
Expand Down
68 changes: 35 additions & 33 deletions packages/theme/dark/block.less
Original file line number Diff line number Diff line change
@@ -1,57 +1,59 @@
:root {
// 历史备份列表
--ti-lowcode-component-block-history-list-item-border-color: var(--ti-lowcode-common-border-color-1); // 组件边框色
--ti-lowcode-component-block-history-list-item-border-color: var(--ti-lowcode-common-border-color-26); // 组件边框色
// 组件 hover 背景 色
--ti-lowcode-component-block-history-list-item-hover-bg: var(--ti-lowcode-common-component-hover-bg);
--ti-lowcode-component-block-history-list-item-hover-bg: var(--ti-lowcode-common-component-bg-46);
// 组件默认颜色
--ti-lowcode-component-block-history-list-item-text-color: var(--ti-lowcode-common-secondary-text-color);
--ti-lowcode-component-block-history-list-item-text-color: var(--ti-lowcode-common-text-color-35);
// 预览还原 hover 颜色
--ti-lowcode-component-block-history-list-item-btn-hover-color: var(--ti-lowcode-common-primary-text-color);
--ti-lowcode-component-block-history-list-item-btn-hover-bg: var(--ti-lowcode-common-hover-bg-1); // 预览还原背景色
--ti-lowcode-component-block-history-list-item-btn-hover-color: var(--ti-lowcode-common-text-color-3);
--ti-lowcode-component-block-history-list-item-btn-hover-bg: var(
--ti-lowcode-common-component-bg-25
); // 预览还原背景色
// 预览还原边框色
--ti-lowcode-component-block-history-list-item-btn-border-color: var(--ti-lowcode-common-border-color-3);
--ti-lowcode-component-block-history-list-item-title-color: var(--ti-lowcode-common-text-color-2); // 组件title颜色
--ti-lowcode-component-block-history-list-item-time-color: rgba(173, 176, 184, 0.6); // 组件时间颜色
--ti-lowcode-component-block-history-list-item-time-color: var(--ti-lowcode-common-rgba-10); // 组件时间颜色

// 区块列表
--ti-lowcode-component-block-list-item-color: var(--ti-lowcode-common-secondary-text-color); // 区块列表颜色
--ti-lowcode-component-block-list-shortcut-title-color: var(--ti-lowcode-common-primary-text-color); // 快照标题颜色
--ti-lowcode-component-block-list-shortcut-bg: var(--ti-lowcode-common-component-bg); // 快照标题颜色
--ti-lowcode-component-block-list-item-color: var(--ti-lowcode-common-text-color-35); // 区块列表颜色
--ti-lowcode-component-block-list-shortcut-title-color: var(--ti-lowcode-common-text-color-3); // 快照标题颜色
--ti-lowcode-component-block-list-shortcut-bg: var(--ti-lowcode-common-component-bg-47); // 快照标题颜色
--ti-lowcode-component-block-list-border-color: var(--ti-lowcode-common-border-color-4); // 快照标题颜色
--ti-lowcode-component-block-list-item-active-bg: var(--ti-lowcode-common-component-hover-bg); // 区块 active 背景色
--ti-lowcode-component-block-list-item-tag-bg: #8d5421;
--ti-lowcode-component-block-version-list-item-border-color: #202020;
--ti-lowcode-component-block-version-list-item-bg: #292929;
--ti-lowcode-component-block-version-list-version-bg: #323644;
--ti-lowcode-component-block-version-list-version-color: #476be5;
--ti-lowcode-component-block-version-list-panel-title-color: var(--ti-lowcode-common-primary-text-color);
--ti-lowcode-component-block-version-list-time-color: var(--ti-lowcode-common-text-color-5);
--ti-lowcode-component-block-version-list-desc-color: #63666c;
--ti-lowcode-component-block-version-list-current-version-color: var(--ti-lowcode-base-text-color-2);
--ti-lowcode-component-block-setting-popover-bg: #202020;
--ti-lowcode-component-block-setting-item-hover-bg: #202020;
--ti-lowcode-component-block-setting-item-text-color: var(--ti-lowcode-common-secondary-text-color);
--ti-lowcode-component-block-list-item-active-bg: var(--ti-lowcode-common-component-bg-46); // 区块 active 背景色
--ti-lowcode-component-block-list-item-tag-bg: var(--ti-lowcode-common-component-bg-48);
--ti-lowcode-component-block-version-list-item-border-color: var(--ti-lowcode-common-component-bg-29);
--ti-lowcode-component-block-version-list-item-bg: var(--ti-lowcode-common-component-bg-49);
--ti-lowcode-component-block-version-list-version-bg: var(--ti-lowcode-common-component-bg-50);
--ti-lowcode-component-block-version-list-version-color: var(--ti-lowcode-common-text-color-36);
--ti-lowcode-component-block-version-list-panel-title-color: var(--ti-lowcode-common-text-color-3);
--ti-lowcode-component-block-version-list-time-color: var(--ti-lowcode-common-text-color-14);
--ti-lowcode-component-block-version-list-desc-color: var(--ti-lowcode-common-text-color-37);
--ti-lowcode-component-block-version-list-current-version-color: var(--ti-lowcode-common-primary-color);
--ti-lowcode-component-block-setting-popover-bg: var(--ti-lowcode-common-component-bg-29);
--ti-lowcode-component-block-setting-item-hover-bg: var(--ti-lowcode-common-component-bg-29);
--ti-lowcode-component-block-setting-item-text-color: var(--ti-lowcode-common-text-color-35);
// 区块管理 - 添加分类
--ti-lowcode-component-block-list-add-group-btn-bg: var(--ti-lowcode-common-header-bg);
--ti-lowcode-component-block-list-add-group-btn-border: none;
--ti-lowcode-component-block-list-setting-btn-color: var(--ti-lowcode-common-text-color-5);
--ti-lowcode-component-block-list-add-group-btn-bg: var(--ti-lowcode-common-component-bg-29);
--ti-lowcode-component-block-list-add-group-btn-border: var(--ti-lowcode-common-border-none);
--ti-lowcode-component-block-list-setting-btn-color: var(--ti-lowcode-common-text-color-14);
--ti-lowcode-component-block-list-setting-btn-hover-color: var(--ti-lowcode-common-primary-color);
--ti-lowcode-component-block-list-add-group-btn-border-radius: none;
--ti-lowcode-component-block-list-add-group-btn-border-radius: var(--ti-lowcode-common-border-none);
}

.block-setting-content {
--ti-lowcode-block-config-form-item-color: var(--ti-lowcode-toolbar-breadcrumb-color);
--ti-lowcode-block-config-form-item-color: var(--ti-lowcode-common-text-color-2);

.tiny-form-item.is-error .tiny-input__inner {
background-color: var(--ti-lowcode-tabs-bg);
background-color: var(--ti-lowcode-common-component-bg-51);
}
}

// 区块设置 - 标签
.block-tag-create {
--ti-lowcode-block-config-tag-color: var(--ti-lowcode-toolbar-breadcrumb-color);
--ti-lowcode-block-config-tag-bg: var(--ti-lowcode-input-bg);
--ti-lowcode-block-config-tag-hover-color: var(--ti-lowcode-toolbar-icon-color);
--ti-lowcode-block-config-tag-hover-bg: transparent;
--ti-lowcode-block-config-tag-close-color: var(--ti-lowcode-toolbar-icon-color);
--ti-lowcode-block-config-tag-color: var(--ti-lowcode-common-text-color-2);
--ti-lowcode-block-config-tag-bg: var(--ti-lowcode-common-component-bg-52);
--ti-lowcode-block-config-tag-hover-color: var(--ti-lowcode-common-text-color-3);
--ti-lowcode-block-config-tag-hover-bg: var(--ti-lowcode-common-bg-0);
--ti-lowcode-block-config-tag-close-color: var(--ti-lowcode-common-text-color-3);
}
12 changes: 6 additions & 6 deletions packages/theme/dark/bridge.less
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
.plugin-panel {
// 资源管理
--ti-lowcode-bridge-list-color: #adb0b8;
--ti-lowcode-bridge-list-bg: #3c3c3c;
--ti-lowcode-birdge-editor-border-color: #262626;
--ti-lowcode-birdge-input-label-color: #adb0b8;
--ti-lowcode-bridge-list-color: var(--ti-lowcode-common-text-color-35);
--ti-lowcode-bridge-list-bg: var(--ti-lowcode-common-component-bg-46);
--ti-lowcode-birdge-editor-border-color: var(--ti-lowcode-common-border-color-27);
--ti-lowcode-birdge-input-label-color: var(--ti-lowcode-common-text-color-35);

// npm工具类中代码预览的主题
--ti-lowcode-birdge-code-preview-color: var(--ti-lowcode-base-gray-20);
--ti-lowcode-birdge-code-preview-bg-color: #262626;
--ti-lowcode-birdge-code-preview-color: var(--ti-lowcode-common-text-color-2);
--ti-lowcode-birdge-code-preview-bg-color: var(--ti-lowcode-common-component-bg-52);
}
Loading

0 comments on commit 5ee33e4

Please sign in to comment.