-
Notifications
You must be signed in to change notification settings - Fork 321
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix: engine component dark color theme variable replacement
- Loading branch information
1 parent
371c89c
commit 5ee33e4
Showing
30 changed files
with
884 additions
and
497 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); | ||
} |
Oops, something went wrong.