diff --git a/packages/layout/src/Main.vue b/packages/layout/src/Main.vue index d9e2dc328..657baa047 100644 --- a/packages/layout/src/Main.vue +++ b/packages/layout/src/Main.vue @@ -78,7 +78,7 @@ export default { #tiny-engine { display: flex; flex-flow: column; - min-width: var(--base-min-width); + min-width: var(--te-base-min-width); height: 100vh; overflow: hidden; .tiny-engine-main { diff --git a/packages/plugins/tree/src/styles/vars.less b/packages/plugins/tree/src/styles/vars.less index b34ebd5fc..2adac118f 100644 --- a/packages/plugins/tree/src/styles/vars.less +++ b/packages/plugins/tree/src/styles/vars.less @@ -3,5 +3,5 @@ --te-tree-icon-color: var(--te-common-icon-secondary); --te-tree-bg-color-active: var(--te-common-bg-container); --te-tree-text-color: var(--te-common-text-primary); - --te-tree-block-text-color: var(--te-common-color-prompt-secondary); + --te-tree-block-text-color: var(--te-common-text-purple); } diff --git a/packages/settings/design/src/App.vue b/packages/settings/design/src/App.vue index 2e516d44e..fb2f88d30 100644 --- a/packages/settings/design/src/App.vue +++ b/packages/settings/design/src/App.vue @@ -97,9 +97,9 @@ export default { diff --git a/packages/settings/design/src/components/SettingPanel.vue b/packages/settings/design/src/components/SettingPanel.vue index f27f017c5..8ac0b6b6e 100644 --- a/packages/settings/design/src/components/SettingPanel.vue +++ b/packages/settings/design/src/components/SettingPanel.vue @@ -369,9 +369,6 @@ export default { flex-wrap: wrap; width: 100%; } - :deep(.tiny-switch) { - width: var(--ti-switch-width); - } .setting-radio-group { &.setting-layout { width: 100%; diff --git a/packages/settings/styles/src/components/inputs/ModalMask.vue b/packages/settings/styles/src/components/inputs/ModalMask.vue index dff453213..7ff426241 100644 --- a/packages/settings/styles/src/components/inputs/ModalMask.vue +++ b/packages/settings/styles/src/components/inputs/ModalMask.vue @@ -107,12 +107,13 @@ export default { box-sizing: border-box; } .modal-padding { - padding: var(--ti-modal-padding-y, 14px) var(--ti-modal-padding-x, 20px); + padding: var(--te-styles-modal-padding-y) var(--te-styles-modal-padding-x); } .align-body { - right: var(--modal-right-offset, 280px); + right: var(--te-styles-modal-right-offset-first); left: calc( - 100% - var(--modal-right-offset, 287px) - var(--modal-right-offset, 280px) - var(--modal-spaceing, 16px) + 100% - var(--te-styles-modal-right-offset-first) - var(--te-styles-modal-right-offset-second) - + var(--te-styles-modal-spacing) ); } } diff --git a/packages/settings/styles/src/components/typography/TypographyGroup.vue b/packages/settings/styles/src/components/typography/TypographyGroup.vue index 5d2ba91c0..053a71fce 100644 --- a/packages/settings/styles/src/components/typography/TypographyGroup.vue +++ b/packages/settings/styles/src/components/typography/TypographyGroup.vue @@ -687,8 +687,4 @@ export default { } } } - -:deep(.tiny-select .tiny-input .tiny-input__inner) { - padding: 0 var(--ti-input-suffix-padding-right) 0 var(--ti-input-suffix-padding-left); -} diff --git a/packages/settings/styles/src/styles/vars.less b/packages/settings/styles/src/styles/vars.less index b470a1e26..b5dbcd907 100644 --- a/packages/settings/styles/src/styles/vars.less +++ b/packages/settings/styles/src/styles/vars.less @@ -68,4 +68,10 @@ // 样式面板-文本 --te-styles-typography-bg-color: var(--te-common-bg-container); --te-styles-typography-bg-color-hover: var(--te-common-bg-gray-hover); + + --te-styles-modal-padding-y: var(--te-base-modal-padding-y); + --te-styles-modal-padding-x: var(--te-base-modal-padding-x); + --te-styles-modal-right-offset-first: var(--te-base-modal-offset-1); + --te-styles-modal-right-offset-second: var(--te-base-modal-offset-2); + --te-styles-modal-spacing: var(--te-base-space-16); } diff --git a/packages/theme/base/src/base.less b/packages/theme/base/src/base.less index df9db54b1..ad22b46f4 100644 --- a/packages/theme/base/src/base.less +++ b/packages/theme/base/src/base.less @@ -280,6 +280,7 @@ --te-base-space-2: 2px; // 下拉面板距离上部输入框的间距 --te-base-space-6: 6px; // 其他间距-3 --te-base-space-10: 10px; // 其他间距-4 + --te-base-space-16: 16px; /** * 1.3 字号 @@ -317,4 +318,13 @@ --te-base-border-radius-2: 6px; // 圆角-2 --te-base-border-radius-3: 8px; // 圆角-3 --te-base-border-radius-4: 50%; // 圆形 + + /** + * 基础配置 + **/ + --te-base-min-width: 1280px; + --te-base-modal-offset-1: 287px; + --te-base-modal-offset-2: 280px; + --te-base-modal-padding-y: 14px; + --te-base-modal-padding-x: 20px; } diff --git a/packages/theme/dark/block.less b/packages/theme/dark/block.less deleted file mode 100644 index a3967f74b..000000000 --- a/packages/theme/dark/block.less +++ /dev/null @@ -1,19 +0,0 @@ -:root { - // 区块列表 - --ti-lowcode-component-block-list-item-color: var(--te-common-text-secondary); // 区块列表颜色 - --ti-lowcode-component-block-list-shortcut-title-color: var(--te-common-text-primary); // 快照标题颜色 - --ti-lowcode-component-block-list-shortcut-bg: var(--te-common-bg-default); // 快照标题颜色 - --ti-lowcode-component-block-list-item-active-bg: var(--te-common-bg-container); // 区块 active 背景色 - --ti-lowcode-component-block-setting-popover-bg: var(--te-common-bg-default); - --ti-lowcode-component-block-setting-item-text-color: var(--te-common-text-primary); -} - -// 区块设置 - 标签 -.block-tag-create { - --ti-lowcode-block-config-tag-color: var(--te-common-text-primary); - --ti-lowcode-block-config-tag-bg: var(--te-common-bg-disabled); - --ti-lowcode-block-config-tag-hover-color: var(--te-common-text-primary); - --ti-lowcode-block-config-tag-hover-bg: var(--te-common-bg-disabled); - --ti-lowcode-block-config-tag-close-color: var(--te-common-icon-secondary); - --ti-lowcode-block-config-tag-close-hover-color: var(--te-common-icon-primary); -} diff --git a/packages/theme/dark/bridge.less b/packages/theme/dark/bridge.less deleted file mode 100644 index 91ded6c64..000000000 --- a/packages/theme/dark/bridge.less +++ /dev/null @@ -1,6 +0,0 @@ -.plugin-panel { - // 资源管理 - --ti-lowcode-bridge-list-color: var(--te-common-text-primary); - --ti-lowcode-bridge-list-bg: var(--te-common-bg-container); - --ti-lowcode-birdge-editor-border-color: var(--te-common-border-divider); -} diff --git a/packages/theme/dark/canvas.less b/packages/theme/dark/canvas.less deleted file mode 100644 index 7e02a6934..000000000 --- a/packages/theme/dark/canvas.less +++ /dev/null @@ -1,27 +0,0 @@ -// 这里为canvas样式变量，canvas在暗色主题和亮色主题时，很多表现都一致，因此可以不使用common变量，而是直接用base变量 -#canvas-wrap { - --ti-lowcode-canvas-rect-border-color: var(--te-common-border-checked); - --ti-lowcode-canvas-hover-line-in-bg-color: var(--te-base-green-140); - --ti-lowcode-canvas-hover-line-forbid-bg-color: var(--te-common-color-error); - --ti-lowcode-canvas-hover-line-in-forbid-bg-color: var(--te-base-red-140); - --ti-lowcode-canvas-choose-slot-border-color: var(--te-common-border-checked); - --ti-lowcode-canvas-choose-slot-color: var(--te-common-text-dark-inverse); // 暗色和亮色存在差异 - --ti-lowcode-canvas-corner-mark-left-color: var(--te-common-text-emphasize); - --ti-lowcode-canvas-corner-mark-bottom-right-color: var(--te-common-text-dark-inverse); - --ti-lowcode-canvas-corner-mark-bottom-right-border-color: var(--te-common-border-hover); - --ti-lowcode-canvas-corner-mark-bottom-right-bg-color: var(--te-common-bg-primary-emphasize); // 暗色和亮色存在差异 - --ti-lowcode-canvas-corner-mark-right-color: var(--te-common-text-dark-inverse); - --ti-lowcode-canvas-corner-mark-right-bg-color: var(--te-common-bg-primary-checked); - --ti-lowcode-canvas-select-corner-mark-left-color: var(--te-common-text-dark-inverse); - --ti-lowcode-canvas-select-corner-mark-left-bg-color: var(--te-common-bg-primary-checked); - - --ti-lowcode-canvas-footer-border-top-color: transparent; // canvas 底部面包屑 边框色 - --ti-lowcode-canvas-tab-handle-bg: var(--te-common-bg-container); // canvas 宽度拖动手柄 背景色 - --ti-lowcode-canvas-tab-handle-hover-bg: var(--te-common-bg-primary-checked); // canvas 宽度拖动手柄 hover 背景色 - --ti-lowcode-canvas-tab-handle-color: var(--te-common-border-hover); // canvas 宽度拖动手柄 两条竖线颜色 - --ti-lowcode-canvas-menu-bg: var(--te-common-bg-container); // canvas 右键菜单背景 暗色和亮色存在差异 - --ti-lowcode-canvas-menu-item-color: var(--te-common-text-secondary); // 右键菜单文字颜色 - --ti-lowcode-canvas-menu-item-hover-bg-color: var(--te-common-bg-default); - --ti-lowcode-canvas-menu-border-color: var(--te-common-border-default); - --ti-lowcode-canvas-menu-item-disabled-color: var(--te-common-text-weaken); -} diff --git a/packages/theme/dark/datasource.less b/packages/theme/dark/datasource.less deleted file mode 100644 index 78f45d887..000000000 --- a/packages/theme/dark/datasource.less +++ /dev/null @@ -1,39 +0,0 @@ -:root { - --ti-lowcode-datasource-toolbar-icon-color: var(--te-common-text-primary); - --ti-lowcode-datasource-tabs-border-color: var(--te-common-border-default); - --ti-lowcode-datasource-toolbar-breadcrumb-color: var(--te-common-text-primary); - --ti-lowcode-datasource-json-border-color: var(--te-common-border-checked); - --ti-lowcode-datasource-tree-border-color: var(--te-common-color-success); - --ti-lowcode-datasource-common-border-primary-color: var(--te-common-border-checked); - --ti-lowcode-datasource-success-border-color: var(--te-common-color-success); - --ti-lowcode-datasource-input-icon-color: var(--te-common-text-secondary); - --ti-lowcode-datasource-dialog-demo-border-color: var(--te-common-text-secondary); - --ti-lowcode-datasource-canvas-wrap-bg: var(--te-common-border-default); - --ti-lowcode-datasource-dialog-font-color: var(--te-common-text-secondary); - --ti-lowcode-datasource-toolbar-bg: var(--te-common-bg-container); - --ti-lowcode-datasource-description-error-color: var(--te-common-color-error); - --ti-lowcode-datasource-common-text-main-color: var(--te-common-text-secondary); - --ti-lowcode-datasource-toolbar-more-hover-color: var(--te-common-text-weaken); - --ti-lowcode-datasource-delete-button-hover-bg: var(--te-common-color-error); - --ti-lowcode-datasource-common-text-color-5: var(--te-common-text-weaken); - --ti-lowcode-datasource-common-hover-bg-1: var(--te-common-bg-container); - --ti-lowcode-datasource-common-primary-text-color: var(--te-common-text-primary); - --ti-lowcode-datasource-icon-hover-bg: var(--te-common-bg-container); - --ti-lowcode-datasource-tabs-bg: var(--te-common-text-primary); - --ti-lowcode-datasource-canvas-handle-hover-bg: var(--te-common-bg-primary-checked); - --ti-lowcode-datasource-common-error-color: var(--te-common-color-error); - --ti-lowcode-datasource-description-minor-color: var(--te-common-text-weaken); - --ti-lowcode-datasource-description-warning-color: var(--te-common-color-warning); - --ti-lowcode-datasource-error-tip-color: var(--te-common-color-error); - --ti-lowcode-datasource-label-color: var(--te-common-text-secondary); // light - --ti-lowcode-datasource-list-hover-color: var(--te-common-bg-container); - --ti-lowcode-datasource-btn-click-color: var(--te-common-border-active); - --ti-lowcode-datasource-switch-off-bg-color: var(--te-common-bg-switch); - --ti-lowcode-datasource-switch-on-bg-color: var(--te-common-bg-primary-checked); - --ti-lowcode-datasource-modal-text-color: var(--te-common-text-primary); - --ti-lowcode-datasource-respones-color-bg: var(--te-common-bg-primary-checked); - --ti-lowcode-datasource-border-color: var(--te-common-border-default); - --ti-lowcode-datasource-color: var(--te-common-text-primary); - --ti-lowcode-datasource-box-bg: var(--te-common-bg-container); - --ti-lowcode-datasource-tip-color: var(--te-common-text-weaken); -} diff --git a/packages/theme/dark/events.less b/packages/theme/dark/events.less deleted file mode 100644 index 33a16e3d8..000000000 --- a/packages/theme/dark/events.less +++ /dev/null @@ -1,30 +0,0 @@ -.setting-advanced-bind-event-list { - --ti-lowcode-events-bind-event-list-color: var(--te-common-text-primary); - --ti-lowcode-events-bind-event-list-item-disabled-color: var(--te-common-text-disabled); - --lowcode-events-bind-event-list-item-hover-bg-color: var(--te-common-bg-container); -} -.bind-action-list { - --ti-lowcode-events-bind-action-item-border-color: var(--te-common-border-divider); - --ti-lowcode-events-event-bind-color: var(--te-common-text-weaken); - --ti-lowcode-events-bind-action-item-color: var(--te-common-text-primary); - --ti-lowcode-events-bind-action-item-hover-bg-color: var(--te-common-bg-container); - --ti-lowcode-events-bind-action-item-linked-color: var(--te-common-text-emphasize); - --ti-lowcode-events-empty-action-bg-color: var(--te-common-bg-container); - --ti-lowcode-events-empty-action-color: var(--te-common-text-weaken); -} - -.advanced-config-container { - --ti-lowcode-events-advanced-config-color: var(--te-common-text-secondary); - --ti-lowcode-events-advanced-label-color: var(--te-common-text-secondary); - --ti-lowcode-events-advanced-binding-state-bg-color: var(--te-common-bg-info); - --ti-lowcode-events-advanced-binding-state-border-color: var(--te-common-border-info); - --ti-lowcode-events-advanced-binding-state-color: var(--te-common-text-emphasize); -} - -.bind-event-dialog-content { - --ti-lowcode-bind-event-dialog-color: var(--te-common-text-secondary); - --ti-lowcode-bind-event-dialog-content-left-border-color: var(--te-common-border-divider); - --ti-lowcode-bind-event-dialog-content-right-monaco-border-color: var(--te-common-border-divider); - --ti-lowcode-bind-event-dialog-content-left-list-item-active-bg-color: var(--te-common-bg-container); - --ti-lowcode-bind-event-dialog-new-action-tip-color: var(--te-common-text-weaken); -} diff --git a/packages/theme/dark/gpt-dialog.less b/packages/theme/dark/gpt-dialog.less deleted file mode 100644 index 6ccb70cb2..000000000 --- a/packages/theme/dark/gpt-dialog.less +++ /dev/null @@ -1,67 +0,0 @@ -.robot-dialog { - // chatGPT聊天窗问题模板文字颜色 - --ti-lowcode-chat-model-text: #191919; - // chatGPT聊天窗右上角图标颜色 - --ti-lowcode-chat-model-icon: #191919; - // chatGPT聊天窗问题模板文字边框颜色 - --ti-lowcode-chat-model-text-border: #cbcbcb; - // chatGPT聊天窗用户头像边框色 - --ti-lowcode-chat-model-avatar-border: #dfe1e6; - // chatGPT聊天窗AI聊天文字背景 - --ti-lowcode-chat-model-ai-text-bg: #ffffff; - // chatGPT聊天窗AI聊天文字背景边框 - --ti-lowcode-chat-model-ai-text-border: #dbdbdb; - // chatGPT聊天窗AI聊天文字 - --ti-lowcode-chat-model-ai-text: #191919; - // chatGPT聊天窗AI连接失败文字背景 - --ti-lowcode-chat-model-ai-fail-text-bg: #feeaeb; - // chatGPT聊天窗AI连接失败文字背景边框 - --ti-lowcode-chat-model-ai-fail-text-border: #dc544f; - // chatGPT聊天窗AI连接失败文字 - --ti-lowcode-chat-model-ai-fail-text: #191919; - // chatGPT聊天窗用户聊天文字背景 - --ti-lowcode-chat-model-user-text-bg: rgba(20, 118, 255, 0.12); - // chatGPT聊天窗用户聊天文字边框 - --ti-lowcode-chat-model-user-text-border: #dbdbdb; - // chatGPT聊天窗用户聊天文字 - --ti-lowcode-chat-model-user-text: #191919; - // chatGPT聊天窗标题文字 - --ti-lowcode-chat-model-title: #333333; - // chatGPT聊天窗基础图标 - --ti-lowcode-chat-model-common-icon: #8a887b; - // chatGPT聊天窗输入框背景 - --ti-lowcode-chat-model-input-bg: #eeeeee; - // chatGPT聊天窗输入框背景 - --ti-lowcode-chat-model-input-border: rgb(129, 168, 255); - // chatGPT聊天窗发送按钮背景渐变色 - --ti-lowcode-chat-model-button-bg-1: rgba(96, 140, 255, 0.8); - --ti-lowcode-chat-model-button-bg-2: rgba(169, 117, 255, 0.8); - --ti-lowcode-chat-model-button-bg-3: rgba(177, 136, 255, 0.8); - // chatGPT聊天窗发送按钮边框 - --ti-lowcode-chat-model-button-border: #1476ff; - // chatGPT聊天窗发送按钮文字 - --ti-lowcode-chat-model-button-text: #ffffff; - // chatGPT背景渐变色 - --ti-lowcode-chat-bg-top-color: rgb(227, 236, 255); - --ti-lowcode-chat-bg-mid-color: rgb(236, 245, 255); - --ti-lowcode-chat-bg-bottom-color: rgb(255, 255, 255); - // chatGPT聊天窗背景色 - --ti-lowcode-chat-model-bg: #ffffff; - // chatGPT聊天窗小助手文字颜色 - --ti-lowcode-chat-model-helper-text: #808080; - // chatGPT聊天窗问题提示字体颜色 - --ti-lowcode-chat-model-tips-text: #595959; - // chatGPT聊天窗问题提示背景颜色 - --ti-lowcode-chat-model-tips-bg: #f5f5f5; - - // chatGPT加载 - --ti-lowcode-chat-loading-svg-color: var(--te-common-icon-link); - --ti-lowcode-chat-loading-text-color: #595959; -} - -.chat-model-popover { - --ti-lowcode-chat-model-popover-bg: #fff; - --ti-lowcode-chat-model-popover-color: var(--te-common-text-primary); - --ti-lowcode-chat-model-popover-active-bg: #fff; - --ti-lowcode-chat-model-popover-active-color: var(--te-common-text-checked); -} diff --git a/packages/theme/dark/help.less b/packages/theme/dark/help.less deleted file mode 100644 index f0cc08b31..000000000 --- a/packages/theme/dark/help.less +++ /dev/null @@ -1,12 +0,0 @@ -.shepherd-modal-overlay-container, -.tiny-guide { - --ti-lowcode-help-guide-content-text-color: var(--te-common-text-secondary); - --ti-lowcode-help-guide-title-text-color: var(--te-common-text-primary); - --ti-lowcode-help-guide-progress-style-text-color: var(--te-common-text-primary); -} -.help-plugin-box { - --ti-lowcode-help-box-title-text-color: var(--te-common-text-primary); - --ti-lowcode-help-box-item-text-color: var(--te-common-text-primary); - --ti-lowcode-help-box-question-border-top: var(--te-common-border-divider); - --ti-lowcode-help-box-item-hover-bg-color: var(--te-common-bg-container); -} diff --git a/packages/theme/dark/i18n.less b/packages/theme/dark/i18n.less deleted file mode 100644 index 43d229625..000000000 --- a/packages/theme/dark/i18n.less +++ /dev/null @@ -1,8 +0,0 @@ -:root { - // 国际化表格加载中字体颜色 - --ti-lowcode-i18n-loading-text-color: var(--te-common-text-weaken); - // 国际化表格加载中图标颜色 - --ti-lowcode-i18n-loading-svg-color: var(--te-common-icon-primary); - // 国际化按钮字体颜色 - --ti-lowcode-i18n-button-color: var(--te-common-text-primary); -} diff --git a/packages/theme/dark/index.less b/packages/theme/dark/index.less index 8fdcaa2be..864a4f0f3 100644 --- a/packages/theme/dark/index.less +++ b/packages/theme/dark/index.less @@ -1,20 +1 @@ // 主题配置优先于公共配置 -@import './variable.less'; -@import './block.less'; -@import './life-cycles.less'; -@import './tutorial.less'; -@import './help.less'; -@import './settings.less'; -@import './metaComponent.less'; -@import './events.less'; -@import './i18n.less'; -@import './pageManage.less'; -@import './materials.less'; -@import './tree.less'; -@import './canvas.less'; -@import './bridge.less'; -@import './toolbar.less'; -@import './datasource.less'; -@import './plugin-js.less'; -@import './gpt-dialog.less'; -@import './setting-style'; diff --git a/packages/theme/dark/life-cycles.less b/packages/theme/dark/life-cycles.less deleted file mode 100644 index 8636afa32..000000000 --- a/packages/theme/dark/life-cycles.less +++ /dev/null @@ -1,7 +0,0 @@ -:root { - // 生命周期 - --ti-lowcode-life-cycle-alert-color: var(--te-common-text-weaken); - --ti-lowcode-life-cycle-item-hover-bg: var(--te-common-bg-container); - --ti-lowcode-life-cycle-item-disable-color: var(--te-common-text-disabled); - --ti-lowcode-life-cycle-editor-border: var(--te-common-border-divider); -} diff --git a/packages/theme/dark/materials.less b/packages/theme/dark/materials.less deleted file mode 100644 index df57ee0ed..000000000 --- a/packages/theme/dark/materials.less +++ /dev/null @@ -1,24 +0,0 @@ -:root { - // 区块分组下拉选项下边框颜色 - --ti-lowcode-materials-block-group-item-border-color: var(--te-common-border-active); - // 添加区块筛选模块字体颜色 - --ti-lowcode-materials-block-filter-text-color: var(--te-common-text-secondary); - // 添加区块穿梭框面板背景颜色 - --ti-lowcode-materials-block-transfer-bg-color: var( - --te-common-bg-default - ); // BlockGroupTransferPanel文件暂未有地方引用 - // 添加区块穿梭框面板头部字体颜色 - --ti-lowcode-materials-block-transfer-header-text-color: var( - --te-common-text-primary - ); // BlockGroupTransferPanel文件暂未有地方引用 - // 添加区块穿梭框面板头部背景颜色 - --ti-lowcode-materials-block-transfer-header-bg-color: var( - --te-common-bg-container - ); // BlockGroupTransferPanel文件暂未有地方引用 - // 组件列表 组件名称颜色 - --ti-lowcode-materials-component-list-color: var(--te-common-text-primary); - // 删除区块分组气泡弹窗背景色 - --ti-lowcode-materials-block-group-delete-popover-bg-color: var(--te-common-bg-popover); - // 删除区块分组气泡弹窗标题色 - --ti-lowcode-materials-block-group-delete-popover-title-color: var(--te-common-text-primary); -} diff --git a/packages/theme/dark/metaComponent.less b/packages/theme/dark/metaComponent.less deleted file mode 100644 index 4ecb6e685..000000000 --- a/packages/theme/dark/metaComponent.less +++ /dev/null @@ -1,52 +0,0 @@ -:root { - // MetaListItem - --ti-lowcode-meta-list-item-bg-color: var(--te-common-bg-default); - --ti-lowcode-meta-list-item-border-color: var(--te-common-border-divider); - - --ti-lowcode-meta-list-top-color: var(--te-common-text-secondary); - // MetaJsSlot - --lowcode-meta-js-slot-color: var(--te-common-text-secondary); - - // MetaCodeEditor - --ti-lowcode-meta-codeEditor-color: var(--te-common-text-primary); - --ti-lowcode-meta-codeEditor-hover-color: var(--te-common-text-primary); - --ti-lowcode-meta-codeEditor-border-color: var(--te-common-border-default); - --ti-lowcode-meta-codeEditor-border-hover-color: var(--te-common-border-divider); - --ti-lowcode-meta-codeEditor-icon-color: var(--te-common-text-weaken); -} - -// config-item label popover tips -.prop-label-tips-container { - --ti-lowcode-meta-config-item-label-tips-desc-color: var(--te-common-text-secondary); - --ti-lowcode-meta-config-item-label-tips-title-color: var(--te-common-text-primary); -} - -// configItem -.properties-item { - --ti-lowcode-meta-config-item-error-tips-color: var(--te-common-color-error); - --ti-lowcode-meta-config-item-label-color: var(--te-common-text-primary); - --ti-lowcode-meta-config-item-bind-color: var(--te-common-text-emphasize); - --ti-lowcode-meta-config-item-bind-bg: var(--te-common-bg-info); - --ti-lowcode-meta-config-item-bind-border: var(--te-common-border-info); - --ti-lowcode-meta-config-item-active-bg: var(--te-common-bg-container); - --ti-lowcode-meta-config-item-link-color: var(--te-common-text-emphasize); -} - -// MetaBindVariable -.meta-bind-variable-dialog-box { - --ti-lowcode-meta-bind-variable-icon-color: var(--te-common-icon-primary); - --ti-lowcode-meta-bind-variable-content-left-title-color: var(--te-common-text-primary); - --ti-lowcode-meta-bind-variable-content-right-title-color: var(--te-common-text-primary); - --ti-lowcode-meta-bind-variable-bottom-color: var(--te-common-text-secondary); - --ti-lowcode-meta-bind-variable-content-left-list-color: var(--te-common-text-primary); - --ti-lowcode-meta-bind-variable-item-text-color: var(--te-common-text-primary); - --ti-lowcode-meta-bind-variable-header-alert-color: var(--te-common-text-primary); - --ti-lowcode-meta-bind-variable-top-color: var(--te-common-text-primary); -} - -// MetaCodeEditor -.meta-code-editor-dialog-box { - --ti-lowcode-meta-code-editor-header-tips-container-color: var(--te-common-text-primary); - --ti-lowcode-meta-code-editor-header-tips-demo-color: var(--te-common-text-primary); - --ti-lowcode-meta-code-editor-err-msg-color: var(--te-common-color-error); -} diff --git a/packages/theme/dark/pageManage.less b/packages/theme/dark/pageManage.less deleted file mode 100644 index cb9391f4d..000000000 --- a/packages/theme/dark/pageManage.less +++ /dev/null @@ -1,8 +0,0 @@ -:root { - --ti-lowcode-page-manage-title-background-text-color: var(--te-common-text-primary); - --ti-lowcode-page-manage-tip-text-color: var(--te-common-text-primary); - --ti-lowcode-page-manage-tree-text-background-color: var(--te-common-bg-default); - --ti-lowcode-page-manage-tree-node-background-color: var(--te-common-bg-default); - --ti-lowcode-page-manage-text-color: var(--te-common-text-secondary); - --ti-lowcode-page-manage-input-head-text-color: var(--te-common-text-primary); -} diff --git a/packages/theme/dark/plugin-js.less b/packages/theme/dark/plugin-js.less deleted file mode 100644 index 9fe181c46..000000000 --- a/packages/theme/dark/plugin-js.less +++ /dev/null @@ -1,4 +0,0 @@ -// 页面JS 插件面板 -.plugin-page-js-container { - --ti-lowcode-plugin-js-bg: var(--te-common-bg-default); -} diff --git a/packages/theme/dark/setting-style.less b/packages/theme/dark/setting-style.less deleted file mode 100644 index 7672f02a1..000000000 --- a/packages/theme/dark/setting-style.less +++ /dev/null @@ -1,7 +0,0 @@ -:root { - --ti-lowcode-setting-style-input-bg: var(--te-common-bg-primary-emphasize); - --ti-lowcode-setting-style-font-color: var(--te-common-text-dark-inverse); - --ti-lowcode-setting-style-input-font-color: var(--te-common-text-dark-inverse); - --ti-lowcode-setting-style-btn-font-color: var(--te-common-text-primary); - --ti-lowcode-setting-style-btn-border-color: var(--te-common-border-default); -} diff --git a/packages/theme/dark/settings.less b/packages/theme/dark/settings.less deleted file mode 100644 index 61017b264..000000000 --- a/packages/theme/dark/settings.less +++ /dev/null @@ -1,41 +0,0 @@ -// 右侧属性面板 css 变量 -#tiny-right-panel { - --ti-lowcode-setting-panel-bg-color: var(--te-common-bg-default); - --ti-lowcode-setting-panel-tabs-item-title-color: var(--te-common-text-secondary); - --ti-lowcode-setting-panel-tabs-item-title-active-color: var(--te-common-text-primary); - --ti-lowcode-setting-panel-tabs-item-title-hover-color: var(--te-common-text-primary); - // 插件设置面板左侧边框 - --ti-lowcode-plugin-setting-panel-border-left-color: var(--te-common-border-divider); -} - -// 属性面板-属性-新建区块属性 -.block-new-attr-popover { - --ti-lowcode-attr-popover-menu-item-hover-bg-color: var(--te-common-bg-container); - --ti-lowcode-attr-popover-menu-item-color: var(--te-common-text-primary); -} - -.className-container { - --ti-lowcode-className-selector-container-color: var(--te-common-text-primary); - --ti-lowcode-className-selector-container-error-border-color: var(--te-common-color-error); - --ti-lowcode-className-selector-container-error-bg-color: var(--te-common-bg-error); - --ti-lowcode-className-selector-error-tips-color: var(--te-common-color-error); - --ti-lowcode-className-selector-container-border-color: var(--te-common-border-default); - --ti-lowcode-className-selector-container-hover-border-color: var(--te-common-border-hover); - --ti-lowcode-className-selector-container-empty-tips-color: var(--te-common-text-secondary); - --ti-lowcode-className-selector-container-label-bg-color: var(--te-base-blue-140); - --ti-lowcode-className-selector-container-label-color: var(--te-common-text-checked); - --ti-lowcode-className-selector-container-option-btn-color: var(--te-common-text-checked); - --ti-lowcode-className-selector-dropdown-list-bg-color: var(--te-common-bg-default); - --ti-lowcode-className-selector-dropdown-list-item-color: var(--te-common-text-primary); - --ti-lowcode-className-selector-dropdown-list-item-active-bg-color: var(--te-common-bg-container); - --ti-lowcode-className-selector-dropdown-list-tips-color: var(--te-common-text-weaken); -} - -:root { - --ti-lowcode-className-selector-del-popover-bg-color: var(--te-common-bg-default); - --ti-lowcode-className-selector-del-popover-title-color: var(--te-common-text-primary); - --ti-lowcode-property-active-color: var(--te-common-bg-primary-checked); - --ti-lowcode-spacing-margin-color: var(--te-common-bg-container-weaken); - --ti-lowcode-spacing-padding-color: var(--te-common-bg-prompt); - --ti-lowcode-setting-plugin-icon-color: var(--te-common-icon-secondary); -} diff --git a/packages/theme/dark/toolbar.less b/packages/theme/dark/toolbar.less deleted file mode 100644 index c16009dd0..000000000 --- a/packages/theme/dark/toolbar.less +++ /dev/null @@ -1,17 +0,0 @@ -:root { - // 头部工具栏 - --ti-lowcode-toolbar-border-bottom-color: var(--te-common-border-divider); - --ti-lowcode-toolbar-title-color: var(--te-common-text-primary); - --ti-lowcode-toolbar-sub-title-color: var(--te-common-text-secondary); - --ti-lowcode-toolbar-hover-color: var(--te-common-bg-container); - --ti-lowcode-toolbar-view-active-bg: var(--te-common-bg-prompt); - --ti-lowcode-toolbar-left-icon-bg-hover: var(--te-common-bg-disabled); - --ti-lowcode-toolbar-active-color: var(--te-common-bg-disabled); - --ti-lowcode-toolbar-user-img-border-color: var(--te-common-border-default); - --ti-lowcode-toolbar-dot-color: var(--te-common-color-error); - --ti-lowcode-toolbar-right-line: var(--te-common-border-divider); - // 顶部按钮显示背景色 - --ti-lowcode-toolbar-button-bg: var(--te-common-bg-prompt); - // 顶部隐藏导航栏按钮hover颜色 - --ti-lowcode-toolbar-ellipsis-hover-bg: var(--te-common-bg-container); -} diff --git a/packages/theme/dark/tree.less b/packages/theme/dark/tree.less deleted file mode 100644 index 812c617e8..000000000 --- a/packages/theme/dark/tree.less +++ /dev/null @@ -1,3 +0,0 @@ -.outlinebox { - --ti-lowcode-tree-border-color: var(--te-common-border-divider); -} diff --git a/packages/theme/dark/tutorial.less b/packages/theme/dark/tutorial.less deleted file mode 100644 index 4e963d5d3..000000000 --- a/packages/theme/dark/tutorial.less +++ /dev/null @@ -1,5 +0,0 @@ -#tiny-engine-left-panel { - --ti-lowcode-tutorial-primary-text-color: var(--te-common-text-secondary); - --ti-lowcode-tutorial-primary-bg-color: var(--te-common-bg-default); - --ti-lowcode-tutorial-hover-bg-color: var(--te-common-bg-container); -} diff --git a/packages/theme/dark/variable.less b/packages/theme/dark/variable.less deleted file mode 100644 index def9298a8..000000000 --- a/packages/theme/dark/variable.less +++ /dev/null @@ -1,238 +0,0 @@ -// 暗色主题 -:root { - // 基础配置，前缀为 --base - --base-min-width: 1280px; - - // ------ 主要的公共主题色，前缀为 --ti-lowcode-common ------- - --ti-lowcode-common-transparent-color: transparent; - --ti-lowcode-common-secondary-text-color: #adb0b8; - --ti-lowcode-common-third-text-color: #ababab; - - // tiny vue 的 css 变量，覆盖掉就好 - - .tiny-form-item { - // 错误背景色 - --ti-form-item-error-bg-color: #433535; - } - - .tiny-grid { - --ti-grid-light-color: var(--te-common-bg-default); - --ti-grid-text-color: var(--te-common-text-weaken); - } - - --ti-lowcode-trigger-color: #adb0b8; - --ti-lowcode-trigger-hover-color: #8a8e99; - --ti-lowcode-input-error-color: var(--te-common-color-error); - --ti-lowcode-input-error-bg: rgba(246, 111, 106, 0.1); - - // ------ 公共组件的主题色，前缀为 --ti-lowcode-component-组件名 ------ - // tinysearch 边框色 - --ti-lowcode-component-input-border-color: transparent; - // svgButton - --ti-lowcode-component-svg-button-color: var(--te-common-text-primary); - --ti-lowcode-component-svg-button-hover-color: var(--te-common-text-primary); - --ti-lowcode-component-svg-button-hover-bg-color: var(--te-common-bg-prompt); - --ti-lowcode-component-svg-button-active-color: var(--te-common-text-primary); - --ti-lowcode-component-svg-button-active-bg-color: var(--te-common-bg-prompt); - - --ti-lowcode-tabs-active-border-bottom-color: var(--te-common-border-checked); - - --ti-lowcode-form-error-tips-color: var(--te-common-color-error); - - // 设置面板 - --ti-lowcode-component-setting-panel-label-color: var(--te-common-text-secondary); - --ti-lowcode-component-setting-panel-icon-color: var(--te-common-text-secondary); - - // 插件面板 - --ti-lowcode-plugin-panel-title-color: var(--te-common-text-primary); // 插件面板标题色 - --ti-lowcode-plugin-panel-bg: var(--te-common-bg-default); // 插件面板背景色 - --ti-lowcode-plugin-panel-border-right-color: var(--te-common-border-divider); // 插件面板右侧边框色 - --ti-lowcode-plugin-panel-header-border-bottom-color: var( - --te-common-border-divider - ); // 插件面板头部区域底部边框线颜色 - --ti-lowcode-plugin-panel-title-font-weight: 400; // 插件面板标题加粗效果 - - // 插件设置面板 - --ti-lowcode-plugin-setting-panel-bg: var(--te-common-bg-default); // 插件设置面板背景色 - - // ------ 各个模块的主题色，前缀为 --ti-lowcode-模块名 ------- - - --ti-lowcode-design-plugin-color: var(--te-common-text-primary); - - // 物料-组件列表 - --ti-lowcode-material-component-list-hover-bg: var(--te-common-bg-container); - - // 页面管理 - --ti-lowcode-page-tree-color: var(--ti-lowcode-common-secondary-text-color); - --ti-lowcode-page-tree-hover-color: var(--te-common-text-primary); - - // 画布 canvas - --ti-lowcode-canvas-iframe-scrollbar-track-color: var(--te-common-bg-container); // iframe 内部滚动条 track 颜色 - // iframe 内部滚动条 滑块 颜色 - --ti-lowcode-canvas-iframe-scrollbar-thumb-color: var(--te-common-bg-default); - - // 数据源 - --ti-lowcode-datasource-list-color: var(--ti-lowcode-toolbar-more-hover-color); - - // 状态管理 - --ti-lowcode-data-list-color: var(--ti-lowcode-toolbar-icon-color); - // 状态管理面板头部的底部边框色 - --ti-lowcode-data-header-border-bottom-color: var(--te-common-border-divider); - // 添加高级属性文字颜色 - --ti-lowcode-data-advanced-text-color: #dfe1e6; - // 添加高级属性 hover 文字颜色 - --ti-lowcode-data-advanced-text-hover-color: #8a8e99; - - // 状态管理按默认背景色 - --ti-lowcode-data-radio-group-bg: var(--te-common-bg-default); - - // 教程 - --ti-lowcode-tutorial-list-item-color: var(--te-common-text-secondary); - - // 头部工具栏背景色 - --ti-lowcode-toolbar-bg: #404040; - // 头部工具栏选中背景色 - --ti-lowcode-toolbar-active-bg: #212121; - // 头部工具栏icon颜色 && 右侧属性面板tabs hover字体颜色 && switch 选中hover圆背景色 - --ti-lowcode-toolbar-icon-color: #fff; - // 头部工具栏icon颜色 - --ti-lowcode-toolbar-icon-active-color: #4f77ff; - // 头部工具栏面包屑背景颜色 - --ti-lowcode-toolbar-breadcrumb-background-color: rgba(0, 179, 54, 0.6); - // 头部工具栏更多more图标颜色 - --ti-lowcode-toolbar-more-color: rgba(217, 217, 217, 0.4); - // 头部工具栏更多more图标hover颜色 - --ti-lowcode-toolbar-more-hover-color: rgba(217, 217, 217, 0.8); - // 头部工具栏i18n国际化字体颜色 - --ti-lowcode-toolbar-i18n-color: rgba(255, 255, 255, 0.4); - // 应用发布弹窗图标颜色 - --ti-lowcode-toolbar-publish-icon-color: var(--te-common-text-primary); - // 头部左侧logo颜色 - --ti-lowcode-logo-color: #8a8e99; - // 头部左侧logo颜色 - --ti-lowcode-logo-active-color: rgba(255, 255, 255, 0.5); - // 中间画布边框色 - --ti-lowcode-canvas-border-color: #1a1a1a; - // 右侧属性面板tab页签边框色 && 弹框边框色 && context-menu 边框色 - --ti-lowcode-tabs-border-color: var(--te-common-border-default); - // 右侧属性面板tab页签激活状态背景色 && 弹框title背景颜色 - --ti-lowcode-tabs-active-bg: #404040; - // 中间画布拖拽宽度按钮背景色 - --ti-lowcode-canvas-handle-bg: #2b2b2b; - // 中间画布拖拽宽度按钮背景色 - --ti-lowcode-canvas-handle-hover-bg: var(--te-common-bg-primary-checked); - // 中间画布底部面包屑背景色 && popover 背景颜色 - --ti-lowcode-breadcrumb-bg: #ebebeb; - // 中间画布底部面包屑字体颜色 && popover 字体颜色 - --ti-lowcode-breadcrumb-color: #4d4d4d; - // 中间画布底部面包屑三角箭头颜色 - --ti-lowcode-breadcrumb-icon-color: #858585; - // 弹框遮罩层背景色 - --ti-lowcode-mask-modal-bg: rgba(0, 0, 0, 0.2); - // 引导提示框遮罩层背景色 - --ti-lowcode-guide-mask-bg: rgba(255, 255, 255, 0.5); - // 引导高亮遮罩层背景色 - --ti-lowcode-guide-highlight-mask-bg: rgba(200, 200, 200, 0.2); - // 引导弹框背景色 - --ti-lowcode-guide-dialog-bg: #041320; - // 引导弹框标题，按钮文本字体色 - --ti-lowcode-guide-title-color: #fff; - // 引导弹框描述文本字体色 - --ti-lowcode-guide-message-color: #a7aab2; - - // collapse 折叠面板激活后字体颜色 - --ti-lowcode-collapse-active-color: #ebebeb; - // 左侧插件激活背景色 - --ti-lowcode-left-panel-active-bg: var(--te-common-bg-container); - // 左侧插件激活边框色 - --ti-lowcode-left-panel-active-border-color: #212121; - // 左侧按钮边框色 - --ti-lowcode-left-button-border-color: #212121; - - // radio 按钮组激活背景色 - --ti-lowcode-radio-button-active-bg: #2b2b2b; - // grid 布局设置按钮字体颜色 - --ti-lowcode-grid-edit-color: var(--te-common-text-primary); - // grid 布局设置按钮背景色 - --ti-lowcode-grid-edit-bg: var(--te-common-bg-default); - - // Fit 字体颜色 - --ti-lowcode-fit-label-color: #ebebeb; - // Fit 背景颜色 - --ti-lowcode-fit-coordinate-bg: #2b2b2b; - // Fit 边框颜色 - --ti-lowcode-fit-coordinate-border-color: #212121; - // Fit 圆点颜色 - --ti-lowcode-fit-coordinate-origin-color: #757575; - // more icon 选中背景色 - --ti-lowcode-more-icon-selected-bg: #2e2e2e; - // main menu 背景色 - --ti-lowcode-main-menu-bg: var(--te-common-bg-default); - --ti-lowcode-main-menu-item-hover-bg: var(--te-common-bg-container); - --ti-lowcode-main-menu-item-hover-color: var(--ti-lowcode-toolbar-icon-color); - // spacing svg 图标上下颜色 - --ti-lowcode-spacing-tb-color: #4d4d4d; - // spacing svg 图标上下hover颜色 - --ti-lowcode-spacing-tb-hover-color: #5a5a5a; - // spacing svg 图标左右颜色 - --ti-lowcode-spacing-lr-color: #555; - // spacing svg 图标左右hover颜色 - --ti-lowcode-spacing-lr-hover-color: #626262; - // spacing svg 图标边框颜色 - // position direction 字体颜色 - --ti-lowcode-position-direction-color: #ebebeb; - // position direction 弹框显示时字体背景色 - --ti-lowcode-position-direction-bg: #6b6b6b; - // position Relative to 按钮字体颜色 - --ti-lowcode-position-relative-to-color: #ababab; - // position Relative to 按钮边框颜色 - --ti-lowcode-position-relative-to-border-color: #363636; - // position Relative to 按钮背景色 - --ti-lowcode-position-relative-to-bg: #363636; - // position 选中背景色 - --ti-lowcode-position-selected-bg: #2b2b2b; - // icon 图标选择弹框背景色 - --ti-lowcode-icon-popover-bg: #404040; - // icon 图标选择弹框字体颜色 - --ti-lowcode-icon-popover-color: #d9d9d9; - // icon 图标选择弹框hover颜色 - --ti-lowcode-icon-popover-hover-color: #fff; - // 查看区块详情icon颜色 - --ti-lowcode-block-detail-icon-color: #f6eeee; - - // 中间画布底部面包屑hover背景色 - --ti-lowcode-breadcrumb-hover-bg: #fff; - // 弹框中tip提示边框颜色 - --ti-lowcode-dialog-tip-border-color: #d9d9d9; - // 输入框icon图标颜色 - --ti-lowcode-input-icon-color: #737373; - // 右侧optionitem的边框色 - --ti-lowcode-optionitem-border-color: var(--te-common-border-default); - // 右侧optionitem的背景色 - --ti-lowcode-optionitem-background-color: var(--te-common-bg-default); - // 关闭 icon 图标hover背景色 && 输入框后置文本hover背景色 - --ti-lowcode-icon-hover-bg: rgba(255, 255, 255, 0.1); // 需要确认 - // 大纲树node节点选中背景色 - --ti-lowcode-node-current-bg: var(--te-common-bg-primary-checked); - - // 描述颜色 - --ti-lowcode-description-color: var(--te-base-green-40); - // 绑定时icon图标颜色 - --ti-lowcode-icon-bind-color: var(--te-common-text-checked); - // 样式设置 label 字体颜色 - --ti-lowcode-style-setting-label-color: var(--te-common-bg-primary-checked); - // 样式设置 label 背景颜色 - --ti-lowcode-style-setting-label-bg: var(--te-base-blue-140); - // 工具栏 media 提示框标题字体颜色 - --ti-lowcode-media-popover-title-color: var(--te-common-text-primary); - // 工具栏icon禁用颜色 - --ti-lowcode-disabled-color: var(--te-common-text-disabled); - // 状态管理代码编辑器边框颜色 - --ti-lowcode-state-management-monaco-editor-border-color: transparent; - - // 数字输入框组件下拉列表文字颜色 - --ti-lowcode-numeric-unit-text-color: var(--te-common-text-primary); - - // 查看指引视频 - --ti-lowcode-block-video-tip-color: var(--te-common-text-link); -} diff --git a/packages/theme/light/block.less b/packages/theme/light/block.less deleted file mode 100644 index a3967f74b..000000000 --- a/packages/theme/light/block.less +++ /dev/null @@ -1,19 +0,0 @@ -:root { - // 区块列表 - --ti-lowcode-component-block-list-item-color: var(--te-common-text-secondary); // 区块列表颜色 - --ti-lowcode-component-block-list-shortcut-title-color: var(--te-common-text-primary); // 快照标题颜色 - --ti-lowcode-component-block-list-shortcut-bg: var(--te-common-bg-default); // 快照标题颜色 - --ti-lowcode-component-block-list-item-active-bg: var(--te-common-bg-container); // 区块 active 背景色 - --ti-lowcode-component-block-setting-popover-bg: var(--te-common-bg-default); - --ti-lowcode-component-block-setting-item-text-color: var(--te-common-text-primary); -} - -// 区块设置 - 标签 -.block-tag-create { - --ti-lowcode-block-config-tag-color: var(--te-common-text-primary); - --ti-lowcode-block-config-tag-bg: var(--te-common-bg-disabled); - --ti-lowcode-block-config-tag-hover-color: var(--te-common-text-primary); - --ti-lowcode-block-config-tag-hover-bg: var(--te-common-bg-disabled); - --ti-lowcode-block-config-tag-close-color: var(--te-common-icon-secondary); - --ti-lowcode-block-config-tag-close-hover-color: var(--te-common-icon-primary); -} diff --git a/packages/theme/light/bridge.less b/packages/theme/light/bridge.less deleted file mode 100644 index 377574ebe..000000000 --- a/packages/theme/light/bridge.less +++ /dev/null @@ -1,6 +0,0 @@ -.plugin-panel { - // 资源管理 - --ti-lowcode-bridge-list-color: var(--te-common-text-primary); - --ti-lowcode-bridge-list-bg: var(--te-common-bg-container); - --ti-lowcode-birdge-editor-border-color: var(--te-common-border-divider); // 代码编辑器描边色 -} diff --git a/packages/theme/light/canvas.less b/packages/theme/light/canvas.less deleted file mode 100644 index de33eb032..000000000 --- a/packages/theme/light/canvas.less +++ /dev/null @@ -1,27 +0,0 @@ -// 这里为canvas样式变量，canvas在暗色主题和亮色主题时，很多表现都一致，因此可以不使用common变量，而是直接用base变量 -#canvas-wrap { - --ti-lowcode-canvas-rect-border-color: var(--te-common-border-checked); - --ti-lowcode-canvas-hover-line-in-bg-color: var(--te-base-green-140); - --ti-lowcode-canvas-hover-line-forbid-bg-color: var(--te-common-color-error); - --ti-lowcode-canvas-hover-line-in-forbid-bg-color: var(--te-base-red-140); - --ti-lowcode-canvas-choose-slot-border-color: var(--te-common-border-checked); - --ti-lowcode-canvas-choose-slot-color: var(--te-common-text-dark-inverse); - --ti-lowcode-canvas-corner-mark-left-color: var(--te-common-text-emphasize); - --ti-lowcode-canvas-corner-mark-bottom-right-color: var(--te-common-text-emphasize); - --ti-lowcode-canvas-corner-mark-bottom-right-border-color: var(--te-common-border-hover); - --ti-lowcode-canvas-corner-mark-bottom-right-bg-color: var(--te-common-bg-container); - --ti-lowcode-canvas-corner-mark-right-color: var(--te-common-text-dark-inverse); - --ti-lowcode-canvas-corner-mark-right-bg-color: var(--te-common-bg-primary-checked); - --ti-lowcode-canvas-select-corner-mark-left-color: var(--te-common-text-dark-inverse); - --ti-lowcode-canvas-select-corner-mark-left-bg-color: var(--te-common-bg-primary-checked); - - --ti-lowcode-canvas-footer-border-top-color: var(--te-common-border-default); // canvas 底部面包屑 边框色 - --ti-lowcode-canvas-tab-handle-bg: var(--te-common-bg-container); // canvas 宽度拖动手柄 背景色 - --ti-lowcode-canvas-tab-handle-hover-bg: var(--te-common-bg-primary-checked); // canvas 宽度拖动手柄 hover 背景色 - --ti-lowcode-canvas-tab-handle-color: var(--te-common-border-hover); // canvas 宽度拖动手柄 两条竖线颜色 - --ti-lowcode-canvas-menu-bg: var(--te-common-bg-default); // canvas 右键菜单背景 - --ti-lowcode-canvas-menu-item-color: var(--te-common-text-primary); // 右键菜单文字颜色 - --ti-lowcode-canvas-menu-item-hover-bg-color: var(--te-common-bg-container); - --ti-lowcode-canvas-menu-border-color: var(--te-common-border-default); - --ti-lowcode-canvas-menu-item-disabled-color: var(--te-common-text-weaken); -} diff --git a/packages/theme/light/datasource.less b/packages/theme/light/datasource.less deleted file mode 100644 index cb8a8898b..000000000 --- a/packages/theme/light/datasource.less +++ /dev/null @@ -1,39 +0,0 @@ -:root { - --ti-lowcode-datasource-toolbar-icon-color: var(--te-common-text-secondary); - --ti-lowcode-datasource-tabs-border-color: var(--te-common-border-default); - --ti-lowcode-datasource-toolbar-breadcrumb-color: var(--te-common-text-primary); - --ti-lowcode-datasource-json-border-color: var(--te-common-border-checked); - --ti-lowcode-datasource-tree-border-color: var(--te-common-color-success); - --ti-lowcode-datasource-common-border-primary-color: var(--te-common-border-checked); - --ti-lowcode-datasource-success-border-color: var(--te-common-color-success); - --ti-lowcode-datasource-input-icon-color: var(--te-common-text-secondary); - --ti-lowcode-datasource-dialog-demo-border-color: var(--te-common-text-secondary); - --ti-lowcode-datasource-canvas-wrap-bg: var(--te-common-border-default); - --ti-lowcode-datasource-dialog-font-color: var(--te-common-text-secondary); - --ti-lowcode-datasource-toolbar-bg: var(--te-common-bg-container); - --ti-lowcode-datasource-description-error-color: var(--te-common-color-error); - --ti-lowcode-datasource-common-text-main-color: var(--te-common-text-secondary); - --ti-lowcode-datasource-toolbar-more-hover-color: var(--te-common-text-weaken); - --ti-lowcode-datasource-delete-button-hover-bg: var(--te-common-color-error); - --ti-lowcode-datasource-common-text-color-5: var(--te-common-text-weaken); - --ti-lowcode-datasource-common-hover-bg-1: var(--te-common-bg-container); - --ti-lowcode-datasource-common-primary-text-color: var(--te-common-text-primary); - --ti-lowcode-datasource-icon-hover-bg: var(--te-common-bg-container); - --ti-lowcode-datasource-tabs-bg: var(--te-common-text-primary); - --ti-lowcode-datasource-canvas-handle-hover-bg: var(--te-common-bg-primary-checked); - --ti-lowcode-datasource-common-error-color: var(--te-common-color-error); - --ti-lowcode-datasource-description-minor-color: var(--te-common-text-weaken); - --ti-lowcode-datasource-description-warning-color: var(--te-common-color-warning); - --ti-lowcode-datasource-error-tip-color: var(--te-common-color-error); - --ti-lowcode-datasource-label-color: var(--te-common-text-secondary); // light - --ti-lowcode-datasource-list-hover-color: var(--te-common-bg-container); - --ti-lowcode-datasource-btn-click-color: var(--te-common-border-active); - --ti-lowcode-datasource-switch-off-bg-color: var(--te-common-bg-switch); - --ti-lowcode-datasource-switch-on-bg-color: var(--te-common-bg-primary-checked); - --ti-lowcode-datasource-modal-text-color: var(--te-common-text-primary); - --ti-lowcode-datasource-respones-color-bg: var(--te-common-bg-primary-checked); - --ti-lowcode-datasource-border-color: var(--te-common-border-default); - --ti-lowcode-datasource-color: var(--te-common-text-primary); - --ti-lowcode-datasource-box-bg: var(--te-common-bg-container); - --ti-lowcode-datasource-tip-color: var(--te-common-text-weaken); -} diff --git a/packages/theme/light/events.less b/packages/theme/light/events.less deleted file mode 100644 index c570808f2..000000000 --- a/packages/theme/light/events.less +++ /dev/null @@ -1,31 +0,0 @@ -.setting-advanced-bind-event-list { - --ti-lowcode-events-bind-event-list-color: var(--te-common-text-primary); - --ti-lowcode-events-bind-event-list-item-disabled-color: var(--te-common-text-disabled); - --lowcode-events-bind-event-list-item-hover-bg-color: var(--te-common-bg-container); -} - -.bind-action-list { - --ti-lowcode-events-bind-action-item-border-color: var(--te-common-border-divider); - --ti-lowcode-events-event-bind-color: var(--te-common-text-weaken); - --ti-lowcode-events-bind-action-item-color: var(--te-common-text-primary); - --ti-lowcode-events-bind-action-item-hover-bg-color: var(--te-common-bg-container); - --ti-lowcode-events-bind-action-item-linked-color: var(--te-common-text-emphasize); - --ti-lowcode-events-empty-action-bg-color: var(--te-common-bg-container); - --ti-lowcode-events-empty-action-color: var(--te-common-text-weaken); -} - -.advanced-config-container { - --ti-lowcode-events-advanced-config-color: var(--te-common-text-secondary); - --ti-lowcode-events-advanced-label-color: var(--te-common-text-secondary); - --ti-lowcode-events-advanced-binding-state-bg-color: var(--te-common-bg-info); - --ti-lowcode-events-advanced-binding-state-border-color: var(--te-common-border-info); - --ti-lowcode-events-advanced-binding-state-color: var(--te-common-text-emphasize); -} - -.bind-event-dialog-content { - --ti-lowcode-bind-event-dialog-color: var(--te-common-text-secondary); - --ti-lowcode-bind-event-dialog-content-left-border-color: var(--te-common-border-divider); - --ti-lowcode-bind-event-dialog-content-right-monaco-border-color: var(--te-common-border-divider); - --ti-lowcode-bind-event-dialog-content-left-list-item-active-bg-color: var(--te-common-bg-container); - --ti-lowcode-bind-event-dialog-new-action-tip-color: var(--te-common-text-weaken); -} diff --git a/packages/theme/light/gpt-dialog.less b/packages/theme/light/gpt-dialog.less deleted file mode 100644 index 568d5fd77..000000000 --- a/packages/theme/light/gpt-dialog.less +++ /dev/null @@ -1,67 +0,0 @@ -.robot-dialog { - // chatGPT聊天窗问题模板文字颜色 - --ti-lowcode-chat-model-text: #191919; - // chatGPT聊天窗右上角图标颜色 - --ti-lowcode-chat-model-icon: #191919; - // chatGPT聊天窗问题模板文字边框颜色 - --ti-lowcode-chat-model-text-border: #cbcbcb; - // chatGPT聊天窗用户头像边框色 - --ti-lowcode-chat-model-avatar-border: #dfe1e6; - // chatGPT聊天窗AI聊天文字背景 - --ti-lowcode-chat-model-ai-text-bg: #ffffff; - // chatGPT聊天窗AI聊天文字背景边框 - --ti-lowcode-chat-model-ai-text-border: #dbdbdb; - // chatGPT聊天窗AI聊天文字 - --ti-lowcode-chat-model-ai-text: #191919; - // chatGPT聊天窗AI连接失败文字背景 - --ti-lowcode-chat-model-ai-fail-text-bg: #feeaeb; - // chatGPT聊天窗AI连接失败文字背景边框 - --ti-lowcode-chat-model-ai-fail-text-border: #dc544f; - // chatGPT聊天窗AI连接失败文字 - --ti-lowcode-chat-model-ai-fail-text: #191919; - // chatGPT聊天窗用户聊天文字背景 - --ti-lowcode-chat-model-user-text-bg: rgba(20, 118, 255, 0.12); - // chatGPT聊天窗用户聊天文字边框 - --ti-lowcode-chat-model-user-text-border: #dbdbdb; - // chatGPT聊天窗用户聊天文字 - --ti-lowcode-chat-model-user-text: #191919; - // chatGPT聊天窗标题文字 - --ti-lowcode-chat-model-title: #333333; - // chatGPT聊天窗基础图标 - --ti-lowcode-chat-model-common-icon: #8a887b; - // chatGPT聊天窗输入框背景 - --ti-lowcode-chat-model-input-bg: #eeeeee; - // chatGPT聊天窗输入框背景 - --ti-lowcode-chat-model-input-border: rgb(129, 168, 255); - // chatGPT聊天窗发送按钮背景渐变色 - --ti-lowcode-chat-model-button-bg-1: rgba(96, 140, 255, 0.8); - --ti-lowcode-chat-model-button-bg-2: rgba(169, 117, 255, 0.8); - --ti-lowcode-chat-model-button-bg-3: rgba(177, 136, 255, 0.8); - // chatGPT聊天窗发送按钮边框 - --ti-lowcode-chat-model-button-border: #1476ff; - // chatGPT聊天窗发送按钮文字 - --ti-lowcode-chat-model-button-text: #ffffff; - // chatGPT背景渐变色 - --ti-lowcode-chat-bg-top-color: rgb(227, 236, 255); - --ti-lowcode-chat-bg-mid-color: rgb(236, 245, 255); - --ti-lowcode-chat-bg-bottom-color: rgb(255, 255, 255); - // chatGPT聊天窗背景色 - --ti-lowcode-chat-model-bg: #ffffff; - // chatGPT聊天窗小助手文字颜色 - --ti-lowcode-chat-model-helper-text: #808080; - // chatGPT聊天窗问题提示字体颜色 - --ti-lowcode-chat-model-tips-text: #595959; - // chatGPT聊天窗问题提示背景颜色 - --ti-lowcode-chat-model-tips-bg: #f5f5f5; - - // chatGPT加载 - --ti-lowcode-chat-loading-svg-color: #1476ff; - --ti-lowcode-chat-loading-text-color: #595959; -} - -.chat-model-popover { - --ti-lowcode-chat-model-popover-bg: #fff; - --ti-lowcode-chat-model-popover-color: #191919; - --ti-lowcode-chat-model-popover-active-bg: #fff; - --ti-lowcode-chat-model-popover-active-color: #1476ff; -} diff --git a/packages/theme/light/help.less b/packages/theme/light/help.less deleted file mode 100644 index f0cc08b31..000000000 --- a/packages/theme/light/help.less +++ /dev/null @@ -1,12 +0,0 @@ -.shepherd-modal-overlay-container, -.tiny-guide { - --ti-lowcode-help-guide-content-text-color: var(--te-common-text-secondary); - --ti-lowcode-help-guide-title-text-color: var(--te-common-text-primary); - --ti-lowcode-help-guide-progress-style-text-color: var(--te-common-text-primary); -} -.help-plugin-box { - --ti-lowcode-help-box-title-text-color: var(--te-common-text-primary); - --ti-lowcode-help-box-item-text-color: var(--te-common-text-primary); - --ti-lowcode-help-box-question-border-top: var(--te-common-border-divider); - --ti-lowcode-help-box-item-hover-bg-color: var(--te-common-bg-container); -} diff --git a/packages/theme/light/i18n.less b/packages/theme/light/i18n.less deleted file mode 100644 index 43d229625..000000000 --- a/packages/theme/light/i18n.less +++ /dev/null @@ -1,8 +0,0 @@ -:root { - // 国际化表格加载中字体颜色 - --ti-lowcode-i18n-loading-text-color: var(--te-common-text-weaken); - // 国际化表格加载中图标颜色 - --ti-lowcode-i18n-loading-svg-color: var(--te-common-icon-primary); - // 国际化按钮字体颜色 - --ti-lowcode-i18n-button-color: var(--te-common-text-primary); -} diff --git a/packages/theme/light/index.less b/packages/theme/light/index.less index 66a84d889..864a4f0f3 100644 --- a/packages/theme/light/index.less +++ b/packages/theme/light/index.less @@ -1,20 +1 @@ // 主题配置优先于公共配置 -@import './variable.less'; -@import './tutorial.less'; -@import './help.less'; -@import './block.less'; -@import './life-cycles.less'; -@import './settings.less'; -@import './metaComponent.less'; -@import './events.less'; -@import './i18n.less'; -@import './pageManage.less'; -@import './materials.less'; -@import './tree.less'; -@import './canvas.less'; -@import './bridge.less'; -@import './toolbar.less'; -@import './datasource.less'; -@import './plugin-js.less'; -@import './gpt-dialog.less'; -@import './setting-style'; diff --git a/packages/theme/light/life-cycles.less b/packages/theme/light/life-cycles.less deleted file mode 100644 index 8636afa32..000000000 --- a/packages/theme/light/life-cycles.less +++ /dev/null @@ -1,7 +0,0 @@ -:root { - // 生命周期 - --ti-lowcode-life-cycle-alert-color: var(--te-common-text-weaken); - --ti-lowcode-life-cycle-item-hover-bg: var(--te-common-bg-container); - --ti-lowcode-life-cycle-item-disable-color: var(--te-common-text-disabled); - --ti-lowcode-life-cycle-editor-border: var(--te-common-border-divider); -} diff --git a/packages/theme/light/materials.less b/packages/theme/light/materials.less deleted file mode 100644 index df57ee0ed..000000000 --- a/packages/theme/light/materials.less +++ /dev/null @@ -1,24 +0,0 @@ -:root { - // 区块分组下拉选项下边框颜色 - --ti-lowcode-materials-block-group-item-border-color: var(--te-common-border-active); - // 添加区块筛选模块字体颜色 - --ti-lowcode-materials-block-filter-text-color: var(--te-common-text-secondary); - // 添加区块穿梭框面板背景颜色 - --ti-lowcode-materials-block-transfer-bg-color: var( - --te-common-bg-default - ); // BlockGroupTransferPanel文件暂未有地方引用 - // 添加区块穿梭框面板头部字体颜色 - --ti-lowcode-materials-block-transfer-header-text-color: var( - --te-common-text-primary - ); // BlockGroupTransferPanel文件暂未有地方引用 - // 添加区块穿梭框面板头部背景颜色 - --ti-lowcode-materials-block-transfer-header-bg-color: var( - --te-common-bg-container - ); // BlockGroupTransferPanel文件暂未有地方引用 - // 组件列表 组件名称颜色 - --ti-lowcode-materials-component-list-color: var(--te-common-text-primary); - // 删除区块分组气泡弹窗背景色 - --ti-lowcode-materials-block-group-delete-popover-bg-color: var(--te-common-bg-popover); - // 删除区块分组气泡弹窗标题色 - --ti-lowcode-materials-block-group-delete-popover-title-color: var(--te-common-text-primary); -} diff --git a/packages/theme/light/metaComponent.less b/packages/theme/light/metaComponent.less deleted file mode 100644 index c74698cf9..000000000 --- a/packages/theme/light/metaComponent.less +++ /dev/null @@ -1,52 +0,0 @@ -:root { - // MetaListItem - --ti-lowcode-meta-list-item-bg-color: var(--te-common-bg-default); - --ti-lowcode-meta-list-item-border-color: var(--te-common-border-divider); - // - --ti-lowcode-meta-list-top-color: var(--te-common-text-secondary); - // MetaJsSlot - --lowcode-meta-js-slot-color: var(--te-common-text-secondary); - - // MetaCodeEditor - --ti-lowcode-meta-codeEditor-color: var(--te-common-text-primary); - --ti-lowcode-meta-codeEditor-hover-color: var(--te-common-text-primary); - --ti-lowcode-meta-codeEditor-border-color: var(--te-common-border-default); - --ti-lowcode-meta-codeEditor-border-hover-color: var(--te-common-border-divider); - --ti-lowcode-meta-codeEditor-icon-color: var(--te-common-text-weaken); -} - -// config-item label popover tips -.prop-label-tips-container { - --ti-lowcode-meta-config-item-label-tips-desc-color: var(--te-common-text-secondary); - --ti-lowcode-meta-config-item-label-tips-title-color: var(--te-common-text-primary); -} - -// configItem -.properties-item { - --ti-lowcode-meta-config-item-error-tips-color: var(--te-common-color-error); - --ti-lowcode-meta-config-item-label-color: var(--te-common-text-primary); - --ti-lowcode-meta-config-item-bind-color: var(--te-common-text-emphasize); - --ti-lowcode-meta-config-item-bind-bg: var(--te-common-bg-info); - --ti-lowcode-meta-config-item-bind-border: var(--te-common-border-info); - --ti-lowcode-meta-config-item-active-bg: var(--te-common-bg-container); - --ti-lowcode-meta-config-item-link-color: var(--te-common-text-emphasize); -} - -// MetaBindVariable -.meta-bind-variable-dialog-box { - --ti-lowcode-meta-bind-variable-icon-color: var(--te-common-icon-primary); - --ti-lowcode-meta-bind-variable-content-left-title-color: var(--te-common-text-primary); - --ti-lowcode-meta-bind-variable-content-right-title-color: var(--te-common-text-primary); - --ti-lowcode-meta-bind-variable-bottom-color: var(--te-common-text-secondary); - --ti-lowcode-meta-bind-variable-content-left-list-color: var(--te-common-text-primary); - --ti-lowcode-meta-bind-variable-item-text-color: var(--te-common-text-primary); - --ti-lowcode-meta-bind-variable-header-alert-color: var(--te-common-text-primary); - --ti-lowcode-meta-bind-variable-top-color: var(--te-common-text-primary); -} - -// MetaCodeEditor -.meta-code-editor-dialog-box { - --ti-lowcode-meta-code-editor-header-tips-container-color: var(--te-common-text-primary); - --ti-lowcode-meta-code-editor-header-tips-demo-color: var(--te-common-text-primary); - --ti-lowcode-meta-code-editor-err-msg-color: var(--te-common-color-error); -} diff --git a/packages/theme/light/pageManage.less b/packages/theme/light/pageManage.less deleted file mode 100644 index cb9391f4d..000000000 --- a/packages/theme/light/pageManage.less +++ /dev/null @@ -1,8 +0,0 @@ -:root { - --ti-lowcode-page-manage-title-background-text-color: var(--te-common-text-primary); - --ti-lowcode-page-manage-tip-text-color: var(--te-common-text-primary); - --ti-lowcode-page-manage-tree-text-background-color: var(--te-common-bg-default); - --ti-lowcode-page-manage-tree-node-background-color: var(--te-common-bg-default); - --ti-lowcode-page-manage-text-color: var(--te-common-text-secondary); - --ti-lowcode-page-manage-input-head-text-color: var(--te-common-text-primary); -} diff --git a/packages/theme/light/plugin-js.less b/packages/theme/light/plugin-js.less deleted file mode 100644 index 9fe181c46..000000000 --- a/packages/theme/light/plugin-js.less +++ /dev/null @@ -1,4 +0,0 @@ -// 页面JS 插件面板 -.plugin-page-js-container { - --ti-lowcode-plugin-js-bg: var(--te-common-bg-default); -} diff --git a/packages/theme/light/setting-style.less b/packages/theme/light/setting-style.less deleted file mode 100644 index 7672f02a1..000000000 --- a/packages/theme/light/setting-style.less +++ /dev/null @@ -1,7 +0,0 @@ -:root { - --ti-lowcode-setting-style-input-bg: var(--te-common-bg-primary-emphasize); - --ti-lowcode-setting-style-font-color: var(--te-common-text-dark-inverse); - --ti-lowcode-setting-style-input-font-color: var(--te-common-text-dark-inverse); - --ti-lowcode-setting-style-btn-font-color: var(--te-common-text-primary); - --ti-lowcode-setting-style-btn-border-color: var(--te-common-border-default); -} diff --git a/packages/theme/light/settings.less b/packages/theme/light/settings.less deleted file mode 100644 index 1f6ac18ff..000000000 --- a/packages/theme/light/settings.less +++ /dev/null @@ -1,41 +0,0 @@ -// 右侧属性面板 css 变量 -#tiny-right-panel { - --ti-lowcode-setting-panel-bg-color: var(--te-common-bg-default); - --ti-lowcode-setting-panel-tabs-item-title-color: var(--te-common-text-secondary); - --ti-lowcode-setting-panel-tabs-item-title-active-color: var(--te-common-text-primary); - --ti-lowcode-setting-panel-tabs-item-title-hover-color: var(--te-common-text-primary); - // 插件设置面板左侧边框 - --ti-lowcode-plugin-setting-panel-border-left-color: var(--te-common-border-divider); -} - -// 属性面板-属性-区块关联属性-新建区块属性popover -.block-new-attr-popover { - --ti-lowcode-attr-popover-menu-item-hover-bg-color: var(--te-common-bg-container); - --ti-lowcode-attr-popover-menu-item-color: var(--te-common-text-primary); -} - -.className-container { - --ti-lowcode-className-selector-container-color: var(--te-common-text-primary); - --ti-lowcode-className-selector-container-error-border-color: var(--te-common-color-error); - --ti-lowcode-className-selector-container-error-bg-color: var(--te-common-bg-error); - --ti-lowcode-className-selector-error-tips-color: var(--te-common-color-error); - --ti-lowcode-className-selector-container-border-color: var(--te-common-border-default); - --ti-lowcode-className-selector-container-hover-border-color: var(--te-common-border-hover); - --ti-lowcode-className-selector-container-empty-tips-color: var(--te-common-text-secondary); - --ti-lowcode-className-selector-container-label-bg-color: var(--te-base-blue-140); - --ti-lowcode-className-selector-container-label-color: var(--te-common-text-checked); - --ti-lowcode-className-selector-container-option-btn-color: var(--te-common-text-checked); - --ti-lowcode-className-selector-dropdown-list-bg-color: var(--te-common-bg-default); - --ti-lowcode-className-selector-dropdown-list-item-color: var(--te-common-text-primary); - --ti-lowcode-className-selector-dropdown-list-item-active-bg-color: var(--te-common-bg-container); - --ti-lowcode-className-selector-dropdown-list-tips-color: var(--te-common-text-weaken); -} - -:root { - --ti-lowcode-className-selector-del-popover-bg-color: var(--te-common-bg-default); - --ti-lowcode-className-selector-del-popover-title-color: var(--te-common-text-primary); - --ti-lowcode-property-active-color: var(--te-common-bg-primary-checked); - --ti-lowcode-spacing-margin-color: var(--te-common-bg-container-weaken); - --ti-lowcode-spacing-padding-color: var(--te-common-bg-prompt); - --ti-lowcode-setting-plugin-icon-color: var(--te-common-icon-secondary); -} diff --git a/packages/theme/light/toolbar.less b/packages/theme/light/toolbar.less deleted file mode 100644 index 455ac1fbb..000000000 --- a/packages/theme/light/toolbar.less +++ /dev/null @@ -1,17 +0,0 @@ -:root { - // 头部工具栏 - --ti-lowcode-toolbar-border-bottom-color: var(--te-common-border-divider); - --ti-lowcode-toolbar-title-color: var(--te-common-text-primary); - --ti-lowcode-toolbar-sub-title-color: var(--te-common-text-secondary); - --ti-lowcode-toolbar-hover-color: var(--te-common-bg-container); - --ti-lowcode-toolbar-view-active-bg: var(--te-common-bg-prompt); // 相当于 规范中定义的 #191919 透明度5% - --ti-lowcode-toolbar-left-icon-bg-hover: var(--te-common-bg-disabled); - --ti-lowcode-toolbar-active-color: var(--te-common-bg-disabled); - --ti-lowcode-toolbar-user-img-border-color: var(--te-common-border-default); - --ti-lowcode-toolbar-dot-color: var(--te-common-color-error); - --ti-lowcode-toolbar-right-line: var(--te-common-border-divider); - // 顶部按钮显示背景色 - --ti-lowcode-toolbar-button-bg: var(--te-common-bg-prompt); - // 顶部隐藏导航栏按钮hover颜色 - --ti-lowcode-toolbar-ellipsis-hover-bg: var(--te-common-bg-container); -} diff --git a/packages/theme/light/tree.less b/packages/theme/light/tree.less deleted file mode 100644 index 812c617e8..000000000 --- a/packages/theme/light/tree.less +++ /dev/null @@ -1,3 +0,0 @@ -.outlinebox { - --ti-lowcode-tree-border-color: var(--te-common-border-divider); -} diff --git a/packages/theme/light/tutorial.less b/packages/theme/light/tutorial.less deleted file mode 100644 index 4e963d5d3..000000000 --- a/packages/theme/light/tutorial.less +++ /dev/null @@ -1,5 +0,0 @@ -#tiny-engine-left-panel { - --ti-lowcode-tutorial-primary-text-color: var(--te-common-text-secondary); - --ti-lowcode-tutorial-primary-bg-color: var(--te-common-bg-default); - --ti-lowcode-tutorial-hover-bg-color: var(--te-common-bg-container); -} diff --git a/packages/theme/light/variable.less b/packages/theme/light/variable.less deleted file mode 100644 index f091f7721..000000000 --- a/packages/theme/light/variable.less +++ /dev/null @@ -1,216 +0,0 @@ -// 亮色主题 -:root { - // 基础配置，前缀为 --base - --base-min-width: 1280px; - - // ------ 主要的公共主题色，前缀为 --ti-lowcode-common ------- - --ti-lowcode-common-secondary-text-color: #c2c2c2; - --ti-lowcode-common-third-text-color: #ababab; - - // ------ 公共组件的主题色，前缀为 --ti-lowcode-component-组件名 ------- - - // svgButton - --ti-lowcode-component-svg-button-color: var(--te-common-text-primary); - --ti-lowcode-component-svg-button-hover-color: var(--te-common-text-primary); - --ti-lowcode-component-svg-button-hover-bg-color: var(--te-common-bg-prompt); - --ti-lowcode-component-svg-button-active-color: var(--te-common-text-primary); - --ti-lowcode-component-svg-button-active-bg-color: var(--te-common-bg-prompt); - // 插件面板 - --ti-lowcode-plugin-panel-title-color: rgb(25, 25, 25); // 插件面板标题色 - --ti-lowcode-plugin-panel-title-font-weight: 700; // 插件面板标题加粗效果 - --ti-lowcode-plugin-panel-bg: var(--te-common-bg-default); // 插件面板背景色 - --ti-lowcode-plugin-panel-border-right-color: var(--te-common-border-divider); // 插件面板右侧边框色 - --ti-lowcode-plugin-panel-header-border-bottom-color: var( - --te-common-border-divider - ); // 插件面板头部区域底部边框线颜色 - - // 插件设置面板 - --ti-lowcode-plugin-setting-panel-bg: var(--te-common-bg-default); // 插件设置面板背景色 - - // 设置面板 - --ti-lowcode-component-setting-panel-label-color: var(--te-common-text-secondary); - --ti-lowcode-component-setting-panel-icon-color: var(--te-common-text-secondary); - - // ------ 各个模块的主题色，前缀为 --ti-lowcode-模块名 ------- - - --ti-lowcode-design-plugin-color: var(--te-common-text-primary); - - // 物料-组件列表 - --ti-lowcode-material-component-list-hover-bg: var(--te-common-bg-container); - - // 页面管理 - --ti-lowcode-page-tree-color: var(--te-common-text-secondary); - --ti-lowcode-page-tree-hover-color: var(--te-common-text-primary); - - // 数据源 - --ti-lowcode-datasource-list-color: var(--te-common-text-secondary); - - // 状态管理 - --ti-lowcode-data-list-color: var(--te-common-text-secondary); - // 状态管理面板头部的底部边框色 - --ti-lowcode-data-header-border-bottom-color: var(--te-common-border-divider); - // 添加高级属性文字颜色 - --ti-lowcode-data-advanced-text-color: #252b3a; - // 添加高级属性 hover 文字颜色 - --ti-lowcode-data-advanced-text-hover-color: #5073e5; - // 状态管理按背景色 - --ti-lowcode-data-radio-group-bg: transparent; - - // 教程 - --ti-lowcode-tutorial-list-item-color: var(--te-common-text-secondary); - - // 头部工具栏背景色 - --ti-lowcode-toolbar-bg: #fafafa; - // 头部工具栏选中背景色 - --ti-lowcode-toolbar-active-bg: transparent; - // 头部工具栏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: var(--te-common-icon-secondary); - - // 头部工具栏i18n国际化字体颜色 - --ti-lowcode-toolbar-i18n-color: red; - // 应用发布弹窗图标颜色 - --ti-lowcode-toolbar-publish-icon-color: var(--te-common-text-primary); - // 头部左侧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-border-color: var(--te-common-border-default); - // 右侧属性面板tab页签激活状态背景色 - --ti-lowcode-tabs-active-bg: #f3f3f3; - // 中间画布拖拽宽度按钮背景色 - --ti-lowcode-canvas-handle-bg: red; - // 中间画布拖拽宽度按钮背景色 - --ti-lowcode-canvas-handle-hover-bg: var(--te-common-bg-primary-checked); - // 中间画布底部面包屑背景色 - --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.2); - // 引导提示框遮罩层背景色 - --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; - - // -----下拉框相关主题配置----- - // 左侧插件激活背景色 - --ti-lowcode-left-panel-active-bg: var(--te-common-bg-container); - // 左侧插件激活边框色 - --ti-lowcode-left-panel-active-border-color: #999; - // 左侧tabs按钮边框色 - --ti-lowcode-left-button-border-color: #ddd; - - // radio 按钮组激活背景色 - --ti-lowcode-radio-button-active-bg: #9d9d9d; - // grid 布局设置按钮字体颜色 - --ti-lowcode-grid-edit-color: var(--te-common-text-primary); - // grid 布局设置按钮背景色 - --ti-lowcode-grid-edit-bg: var(--te-common-bg-default); - - // 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(--te-common-bg-primary-checked); - --ti-lowcode-main-menu-item-hover-color: var(--te-common-text-dark-inverse); - // 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; - // 顶部面包屑显示背景色 - --ti-lowcode-toolbar-breadcrumb-bg: rgba(110, 81, 224, 0.1); - // 顶部左侧面包屑显示字体色 - --ti-lowcode-toolbar-breadcrumb-left-color: rgb(110, 81, 224); - // 顶部面包屑显示背景色 - --ti-lowcode-toolbar-breadcrumb-bg-hover: rgba(110, 81, 224, 0.06); - - // 中间画布底部面包屑hover背景色 - --ti-lowcode-breadcrumb-hover-bg: #fff; - // 弹框中tip提示边框颜色 - --ti-lowcode-dialog-tip-border-color: #575d6c; - // 输入框icon图标颜色 - --ti-lowcode-input-icon-color: #737373; - // 右侧optionitem的边框色 - --ti-lowcode-optionitem-border-color: var(--te-common-border-default); - // 右侧optionitem的背景色 - --ti-lowcode-optionitem-background-color: var(--te-common-bg-default); - // 关闭 icon 图标hover背景色 && 输入框后置文本hover背景色 - --ti-lowcode-icon-hover-bg: rgba(255, 255, 255, 0.1); // 需要确认 - // 大纲树node节点选中背景色 - --ti-lowcode-node-current-bg: var(--te-common-bg-primary-checked); - // 描述颜色 - --ti-lowcode-description-color: var(--te-base-green-40); - // 绑定时icon图标颜色 - --ti-lowcode-icon-bind-color: var(--te-common-text-checked); - // 样式设置 label 字体颜色 - --ti-lowcode-style-setting-label-color: var(--te-common-bg-primary-checked); - // 样式设置 label 背景颜色 - --ti-lowcode-style-setting-label-bg: var(--te-base-blue-140); - // 工具栏 media 提示框标题字体颜色 - --ti-lowcode-media-popover-title-color: var(--te-common-text-primary); - // 工具栏icon禁用颜色 - --ti-lowcode-disabled-color: var(--te-common-text-disabled); - // 状态管理代码编辑器边框颜色 - --ti-lowcode-state-management-monaco-editor-border-color: var(--te-common-border-hover); - - // 数字输入框组件下拉列表文字颜色 - --ti-lowcode-numeric-unit-text-color: var(--te-common-text-primary); - - // 查看指引视频 - --ti-lowcode-block-video-tip-color: var(--te-common-text-link); -}