From cfdcf1c02f8771fcfb54677b9306bd0747be9287 Mon Sep 17 00:00:00 2001 From: shenjunjian <40288193@qq.com> Date: Tue, 22 Oct 2024 01:18:31 -0700 Subject: [PATCH] fix(theme): remove theme/src/theme fold --- .../theme/src/theme/aurora-theme/index.js | 561 ------------------ .../theme/src/theme/deep-theme/devui.json | 45 -- packages/theme/src/theme/deep-theme/index.js | 22 - .../theme/src/theme/deep-theme/index.json | 5 - packages/theme/src/theme/devui-theme-map.js | 164 ----- .../theme/src/theme/galaxy-theme/devui.json | 124 ---- .../theme/src/theme/galaxy-theme/index.js | 24 - .../theme/src/theme/galaxy-theme/index.json | 5 - packages/theme/src/theme/generate-theme.js | 48 -- .../src/theme/impression-theme/devui.json | 136 ----- .../theme/src/theme/impression-theme/index.js | 13 - .../src/theme/impression-theme/index.json | 4 - packages/theme/src/theme/index.d.ts | 15 - packages/theme/src/theme/index.js | 60 -- .../theme/infinity-theme/component-vars.js | 381 ------------ .../theme/src/theme/infinity-theme/devui.json | 150 ----- .../theme/src/theme/infinity-theme/index.js | 156 ----- .../theme/src/theme/infinity-theme/index.json | 5 - packages/theme/src/theme/smb-theme/index.js | 461 -------------- 19 files changed, 2379 deletions(-) delete mode 100644 packages/theme/src/theme/aurora-theme/index.js delete mode 100644 packages/theme/src/theme/deep-theme/devui.json delete mode 100644 packages/theme/src/theme/deep-theme/index.js delete mode 100644 packages/theme/src/theme/deep-theme/index.json delete mode 100644 packages/theme/src/theme/devui-theme-map.js delete mode 100644 packages/theme/src/theme/galaxy-theme/devui.json delete mode 100644 packages/theme/src/theme/galaxy-theme/index.js delete mode 100644 packages/theme/src/theme/galaxy-theme/index.json delete mode 100644 packages/theme/src/theme/generate-theme.js delete mode 100644 packages/theme/src/theme/impression-theme/devui.json delete mode 100644 packages/theme/src/theme/impression-theme/index.js delete mode 100644 packages/theme/src/theme/impression-theme/index.json delete mode 100644 packages/theme/src/theme/index.d.ts delete mode 100644 packages/theme/src/theme/index.js delete mode 100644 packages/theme/src/theme/infinity-theme/component-vars.js delete mode 100644 packages/theme/src/theme/infinity-theme/devui.json delete mode 100644 packages/theme/src/theme/infinity-theme/index.js delete mode 100644 packages/theme/src/theme/infinity-theme/index.json delete mode 100644 packages/theme/src/theme/smb-theme/index.js diff --git a/packages/theme/src/theme/aurora-theme/index.js b/packages/theme/src/theme/aurora-theme/index.js deleted file mode 100644 index 957ca1c523..0000000000 --- a/packages/theme/src/theme/aurora-theme/index.js +++ /dev/null @@ -1,561 +0,0 @@ -export const tinyBaseAuroraTheme = { - /* 1.1品牌色 */ - /* 品牌主色 */ - 'ti-base-color-brand-6': '#1890ff' /* 主色蓝 */, - /* 主色衍生色 */ - 'ti-base-color-brand-8': '#096dd9', // 品牌色-8 active - 'ti-base-color-brand-7': '#0c82f0', // 品牌色-7 - 'ti-base-color-brand-5': '#40a9ff', // 品牌色-5 // hover active - 'ti-base-color-brand-4': '#000', // 品牌色-4 - 'ti-base-color-brand-3': '#8cc7f7', // 品牌色-3 - 'ti-base-color-brand-2': '#e6f7ff', // 品牌色-2 - 'ti-base-color-brand-1': '#f2f5fc', // 品牌色-1 - - /* 1.2中立色 */ - /* 公用灰色系，用于文本、图标、线条、背景色 */ - 'ti-base-color-common-9': '#181818', // 中立色-9 - 'ti-base-color-common-8': '#2e3243', // 中立色-8 导航条背景 - 'ti-base-color-common-7': '#333', // 中立色-7 默认文本色 - 'ti-base-color-common-6': '#464c59', // 中立色-6 - 'ti-base-color-common-5': '#666', // 中立色-5 次要文本 - 'ti-base-color-common-4': '#54657e', // 中立色-4 - 'ti-base-color-common-3': '#8a8e99', // 中立色-3 - 'ti-base-color-common-2': '#666', // 中立色-2 文本禁用使用 - 'ti-base-color-common-1': '#d9d9d9', // 中立色-1 分隔线，disabled - - /* 1.3背景色 */ - // 不变，前3个用不到， 后面的看不太出来。 - 'ti-base-color-bg-9': '#cf1322', // 背景-9 - 'ti-base-color-bg-8': '#f5222d', // 背景-8 - 'ti-base-color-bg-7': '#ff4d4f', // 背景-7 - 'ti-base-color-bg-6': '#eef0f5', // 背景-6 - 'ti-base-color-bg-5': '#f5f5f5', // 背景-5 - 'ti-base-color-bg-4': '#fafafa', // 背景-4 - 'ti-base-color-bg-3': '#ffffff', // 背景-3 - 'ti-base-color-bg-2': '#ffffff', // 背景-2 - 'ti-base-color-bg-1': '#ffffff', // 背景-1 - - /* 1.4功能色 */ - 'ti-base-color-error-4': '#cf1322', // 错误-4 - 'ti-base-color-error-3': '#f5222d', // 错误-3 - 'ti-base-color-error-2': '#ff4d4f', // 错误-2 - 'ti-base-color-error-1': '#d8bab5', // 错误-1 - - 'ti-base-color-success-4': '#389e0d', // 成功-4 - 'ti-base-color-success-3': '#52c41a', // 成功-3 - 'ti-base-color-success-2': '#73d13d', // 成功-2 - 'ti-base-color-success-1': '#a6c3b9', // 成功-1 - - 'ti-base-color-warn-5': '#ffc53d', // 告警-5 文本色使用 - 'ti-base-color-warn-4': '#faad14', // 告警-4 图标色使用 - 'ti-base-color-warn-3': '#ffc53d', // 告警-3 未使用到, 补一个色 - 'ti-base-color-warn-2': '#ffc53d', // 告警-2 border使用 - 'ti-base-color-warn-1': '#d3c6a2', // 告警-1 背景使用 - - /* 2.公共色：此处颜色为组件场景色，根据使用场景分为以下几大类，具体组件引用以下颜色，如在使用过程中有问题，请自行按类别添加 */ - /** - * 2.1 基础色 - **/ - 'ti-common-color-transparent': 'var(--ti-base-color-transparent)', - 'ti-common-color-light': '#fff', - 'ti-common-color-dark': '#000', - - /** - * 2.2 提示类型颜色 - * 用于 alert组件、Modal（message）组件、Tag 标签组件、Notify 通知组件涉及功能提示的背景、文字、图标等的颜色使用 - **/ - 'ti-common-color-text-success': '#333', // 成功-文字色 - 'ti-common-color-success-bg': '#f6ffed', // 成功-背景色 - 'ti-common-color-success-border': '#95de64', // 成功-边框色 - - 'ti-common-color-error-text': 'var(--ti-base-color-error-3)', // 错误-文字色 - 'ti-common-color-error-bg': '#fff1f0', // 错误-背景色/校验背景色 - 'ti-common-color-error-border': '#ff7875', // 错误-校验边框色 - - 'ti-common-color-info': '#909399', // 信息-图标色/状态图标-信息 - 'ti-common-color-info-text': '#909399', // 信息-文字色 - 'ti-common-color-info-bg': 'rgba(51, 51, 51, 0.06)', // 信息-背景色 - 'ti-common-color-info-border': 'rgba(51,51,51,.15)', // 信息-边框色 - - 'ti-common-color-warn-text': '#333', // 告警-文字色 - 'ti-common-color-warn-bg': '#fffbe6', // 告警-背景色 - 'ti-common-color-warn-border': '#ffd666', // 告警-边框色 - - 'ti-common-color-prompt-text': '#333', // 提示-图标色 - 'ti-common-color-prompt-bg': '#e6f7ff', // 提示-背景色 - 'ti-common-color-prompt-border': '#91d5ff', // 提示-边框色 - - /** - * 2.3 交互类型颜色 - * 用于涉及 primary / success / warning / danger / info 类型区分，拥有状态或交互的组件（没有边框） - * 例如：Button组件、Badge 标记、Link 文字链接，需要标识一些交互的状态颜色：hover、active、disabled - **/ - 'ti-common-color-primary-active': 'var(--ti-base-color-brand-8)', - 'ti-common-color-primary-disabled': '#bfbfbf', - 'ti-common-color-primary-disabled-bgcolor': '#d9d9d9', - 'ti-common-color-primary-disabled-border': '#bfbfbf', - 'ti-common-color-primary-disabled-text': '#fff', - - 'ti-common-color-success-disabled-bgcolor': '#a6c3b9', - 'ti-common-color-success-active': 'var(--ti-base-color-success-4)', - 'ti-common-color-success-disabled': 'var(--ti-base-color-success-1)', // 禁用背景色 - 'ti-common-color-success-disabled-border': 'var(--ti-base-color-success-1)', // 禁用边框色 - 'ti-common-color-success-disabled-text': '#fff', // 禁用文本色 - - 'ti-common-color-warning-disabled': '#d3c6a2', - 'ti-common-color-warning-disabled-bgcolor': '#d3c6a2', - 'ti-common-color-warning-disabled-border': '#d3c6a2', - 'ti-common-color-warning-disabled-text': '#fff', - - 'ti-common-color-danger-disabled': '#d8bab5', - 'ti-common-color-danger-disabled-bgcolor': '#d8bab5', - 'ti-common-color-danger-disabled-border': '#d8bab5', - 'ti-common-color-danger-disabled-text': '#fff', - - 'ti-common-color-info-disabled': '#bfbfbf', - 'ti-common-color-info-disabled-bgcolor': '#bfbfbf', - 'ti-common-color-info-disabled-border': '#bfbfbf', - 'ti-common-color-info-disabled-text': '#fff', - - /** - * 2.4 文本色 - **/ - 'ti-common-color-text-primary': 'var(--ti-base-color-common-7)', // 一级文本色-重要信息/标题颜色/输入类文本颜色 - 'ti-common-color-text-secondary': '#666', // 二级文本色-次要信息 - 'ti-common-color-text-weaken': 'var(--ti-base-color-common-3)', // 三级文本色-弱化信息/说明文字 未使用 - 'ti-common-color-text-disabled': '#999', // 文本禁用信息 - 'ti-common-color-text-darkbg': 'var(--ti-base-color-common-2)', // 深色背景下文本信息 未使用 - 'ti-common-color-text-darkbg-disabled': 'var(--ti-base-color-common-5)', // 深色背景下文本信息禁用色 未使用 - 'ti-common-color-text-link': '#606266', // 链接色 - 'ti-common-color-text-link-hover': '#40a9ff', // 链接悬浮色 - 'ti-common-color-text-link-darkbg': 'var(--ti-base-color-brand-4)', // 深色背景链接色 - 'ti-common-color-text-link-darkbg-hover': 'var(--ti-base-color-brand-3)', // 深色背景链接悬浮色 - 'ti-common-color-text-highlight': 'var(--ti-base-color-brand-6)', // 文本高亮色 - 'ti-common-color-text-white': 'var(--ti-base-color-white)', // 深色背景或图标上文字色 - 'ti-common-color-text-gray': 'var(--ti-base-color-white)', // 深色背景下的文本色，用于tip - 'ti-common-color-text-gray-disabled': 'var(--ti-base-color-common-4)', // 深色背景下的灰色文本禁用色，用于tab页签中 - 'ti-common-color-text-important': 'var(--ti-base-color-error-4)', // 文本_金额 - 'ti-common-color-placeholder': '#999', // NewCssVar 占位/禁用文本颜色 - 'ti-common-color-selected-text-color': '#333', // 默认/选中时的文本颜色 - - /** - * 2.5 图标色 - **/ - - // 浅底背景图标色 - 'ti-common-color-icon-normal': 'var(--ti-base-color-brand-6)', - 'ti-common-color-icon-hover': 'var(--ti-base-color-brand-6)', - 'ti-common-color-icon-active': 'var(--ti-base-color-brand-6)', - 'ti-common-color-icon-disabled': '#999', // 图标禁用色/状态图标-禁用、停止 - 'ti-common-color-icon-white': 'var(--ti-base-color-white)', - - // 灰色背景下图标色 - 'ti-common-color-icon-graybg-normal': '#999', - 'ti-common-color-icon-graybg-hover': '#999', - 'ti-common-color-icon-graybg-active': 'var(--ti-base-color-brand-6)', - 'ti-common-color-icon-graybg-disabled': '#999', - - // 深底背景图标色 - 'ti-common-color-icon-darkbg-normal': 'var(--ti-base-color-common-2)', - 'ti-common-color-icon-darkbg-hover': 'var(--ti-base-color-brand-5)', - 'ti-common-color-icon-darkbg-active': 'var(--ti-base-color-brand-5)', - 'ti-common-color-icon-darkbg-disabled': 'var(--ti-base-color-common-5)', - - // 状态图标背景色 - 'ti-common-color-icon-info': 'var(--ti-base-color-icon-info)', // 状态图标-常规、信息提示 - - /** - * 2.6 背景色 - **/ - /* 基础背景色 各状态色 */ - 'ti-common-color-bg-normal': 'var(--ti-base-color-bg-6)', // 通用背景-页面背景色/下拉搜索框背景色/标签背景色 - 'ti-common-color-bg-emphasize': 'var(--ti-base-color-brand-6)', // 背景高亮色 - 'ti-common-color-bg-disabled': '#f5f5f5', - 'ti-common-color-bg-hover': 'var(--ti-base-color-brand-8)', // 主色背景悬浮色 - 'ti-common-color-bg-gray': 'var(--ti-base-color-bg-4)', // 新区域组件-悬浮背景色 - 'ti-common-color-bg-secondary': 'var(--ti-base-color-common-2)', // 开关组件-关闭状态-背景色 - - /* 重要背景色，主要用于重要按钮场景。仅用于NG的button组件 */ - 'ti-common-bg-primary': 'var(--ti-base-color-bg-8)', // 重要按钮背景色 - 'ti-common-bg-primary-hover': 'var(--ti-base-color-bg-7)', // 重要按钮背景悬浮、focus色 - 'ti-common-bg-primary-active': 'var(--ti-base-color-bg-9)', // 重要按钮背景色按下色 - - /* 次要背景色，主要用于次要按钮场景 */ - 'ti-common-bg-minor': 'var(--ti-base-color-bg-2)', // 次要按钮背景色 - 'ti-common-bg-minor-hover': 'var(--ti-base-color-bg-1)', // 次要按钮背景悬浮、focus色 - 'ti-common-bg-minor-active': 'var(--ti-base-color-bg-3)', // 次要按钮背景色按下色 - - /* 白底背景状态色 */ - 'ti-common-color-bg-white-normal': 'var(--ti-base-color-white)', // 白色背景，用于输入框背景 - 'ti-common-color-bg-white-emphasize': 'var(--ti-base-color-brand-1)', // 白色hover或强调色，如表头背景、表格悬浮、下拉选项悬浮背景 - - /* 浅底背景状态色 */ - 'ti-common-color-bg-light-normal': 'var(--ti-base-color-brand-2)', // 滑块slider-背景色/多选快buttongroup-默认背景色/树组件选中背景色 - 'ti-common-color-bg-light-emphasize': 'var(--ti-base-color-brand-3)', // 浅背景hover或强调色，开关组件“开”禁用背景色 - - /* 深色底背景状态色 */ - 'ti-common-color-bg-dark-normal': 'var(--ti-base-color-common-6)', // 一级tab页签背景色 - 'ti-common-color-bg-dark-emphasize': 'var(--ti-base-color-common-4)', // 一级tab页签背景-悬浮色 - 'ti-common-color-bg-dark-active': 'var(--ti-common-color-bg-normal)', // 一级tab页签背景-激活/focus状态背景色 - 'ti-common-color-bg-dark-deep': 'var(--ti-base-color-common-6)', // tip、alert提示背景色 - 'ti-common-color-bg-dark-disabled': 'var(--ti-base-color-common-1)', // 深色背景禁用色，开关组件“关”禁用背景色 - - /* 顶部导航背景色,用于navMenu */ - 'ti-common-color-bg-navigation': '#2e3243', // 深色导航背景色 - 'ti-common-color-bg-dark-select': 'var(--ti-base-color-common-9)', // 顶部导航下拉背景色 - - /** - * 这里类选择组件都使用这里的状态颜色：Select、Autocomplete、Cascader、DatePicker、DropTimes、Search、TimePicker、Roles - * TimeSelect、Amount、Area、Company、Country、Currency、Dept、DropRoles、Hrapprover、User、Calendar - **/ - 'ti-common-color-selected-background': '#f5f5f5', // 选中高亮背景色 - 'ti-common-color-hover-background': '#e6f7ff', // NewCssVar 组件或者组件下拉选项hover时的背景色 - - /** - * 2.7 图表色 - **/ - 'ti-common-color-data-1': 'var(--ti-base-color-success-3)', // 图表数据色-1 - 'ti-common-color-data-2': 'var(--ti-base-color-icon-info)', // 图表数据色-2 - 'ti-common-color-data-3': 'var(--ti-base-color-data-3)', // 图表数据色-3 - 'ti-common-color-data-4': 'var(--ti-base-color-data-4)', // 图表数据色-4 - 'ti-common-color-data-5': 'var(--ti-base-color-data-5)', // 图表数据色-5 - 'ti-common-color-data-6': 'var(--ti-base-color-warn-3)', // 图表数据色-6 - 'ti-common-color-data-7': 'var(--ti-base-color-warn-4)', // 图表数据色-7 - 'ti-common-color-data-8': 'var(--ti-base-color-error-3)', // 图表数据色-8 - - /** - * 2.8 行高 - * TinyNG只有一个1.5倍的行高,其余行高抽出来是为了适配AUI，但是全局都是1.5倍行高可以保持风格统一 - */ - - 'ti-common-line-height-number': '1.5', // 文字行高倍数，建议组件中设置行高使用该变量，如有特殊情况，请自行定义 - 'ti-common-line-height-base': '12px', // NewCssVar 跟字号保持一致 - 'ti-common-line-height-1': '14px', // NewCssVar - 'ti-common-line-height-2': '16px', // NewCssVar - 'ti-common-line-height-3': '18px', // NewCssVar - 'ti-common-line-height-4': '20px', // NewCssVar - 'ti-common-line-height-5': '24px', // NewCssVar - 'ti-common-line-height-6': '32px', // NewCssVar - 'ti-common-line-height-7': '36px', // NewCssVar - - /** - * 2.9 间距 - * 适用于组件中的margin、padding - **/ - - /* 基础间距 */ - 'ti-common-space-base': '4px', - 'ti-common-space-2x': 'calc(var(--ti-common-space-base) * 2)', // 间距-2 - 'ti-common-space-3x': 'calc(var(--ti-common-space-base) * 3)', // 间距-3 - 'ti-common-space-4x': 'calc(var(--ti-common-space-base) * 4)', // 间距-4 - 'ti-common-space-5x': 'calc(var(--ti-common-space-base) * 5)', // 间距-5 - 'ti-common-space-6x': 'calc(var(--ti-common-space-base) * 6)', // 间距-6 - 'ti-common-space-8x': 'calc(var(--ti-common-space-base) * 8)', // 间距-7 - 'ti-common-space-10x': 'calc(var(--ti-common-space-base) * 10)', // 间距-8 - - /* 其他间距 */ - 'ti-common-space-0': '0px', // 其他间距-1 - 'ti-common-space-1': '1px', // 其他间距-2 - 'ti-common-space-6': '6px', // 其他间距-3 - 'ti-common-space-10': '10px', // 其他间距-4 - 'ti-common-dropdown-gap': '2px', // NewCssVar 下拉面板距离上部输入框的间距 - - /** - * 2.10 阴影 - **/ - 'ti-common-shadow-1-up': '0 -1px 4px 0 rgba(0, 0, 0, 0.1)', // 阴影-1 上 - 'ti-common-shadow-1-down': '0 1px 4px 0 rgba(0, 0, 0, 0.1)', // 阴影-1 下 - 'ti-common-shadow-1-left': '-1px 0px 4px 0 rgba(0, 0, 0, 0.1)', // 阴影-1 左 - 'ti-common-shadow-1-right': '1px 0px 4px 0 rgba(0, 0, 0, 0.1)', // 阴影-1 右 - 'ti-common-shadow-2-up': '0 -2px 8px 0 rgba(0, 0, 0, 0.2)', // 阴影-2 上 - 'ti-common-shadow-2-down': '0 2px 12px rgba(0, 0, 0, 0.1)', // 阴影-2 下 select 等下拉弹框的阴影 - 'ti-common-shadow-2-left': '-2px 0 8px 0 rgba(238, 10, 10, 0.2)', // 阴影-2 左 - 'ti-common-shadow-2-right': '2px 0 8px 0 rgba(252, 5, 5, 0.2)', // 阴影-2 右 - 'ti-common-shadow-3-up': '0 -4px 16px 0 rgba(0, 0, 0, 0.2)', // 阴影-3 上 - 'ti-common-shadow-3-down': '0 4px 16px 0 rgba(0, 0, 0, 0.2)', // 阴影-3 下 - 'ti-common-shadow-3-left': '-4px 0 16px 0 rgba(0, 0, 0, 0.2)', // 阴影-3 左 - 'ti-common-shadow-3-right': '4px 0 16px 0 rgba(0, 0, 0, 0.2)', // 阴影-3 右 - 'ti-common-shadow-4-up': '0 -8px 40px 0 rgba(0, 0, 0, 0.2)', // 阴影-4 上 - 'ti-common-shadow-4-down': '0 8px 40px 0 rgba(0, 0, 0, 0.2)', // 阴影-4 下 - 'ti-common-shadow-4-left': '-8px 0 40px 0 rgba(0, 0, 0, 0.2)', // 阴影-4 左 - 'ti-common-shadow-4-right': '0 0 10px 0 rgba(0, 0, 0, 0.2)', // 阴影-4 右 modal等弹窗的阴影 - - /* 提示类阴影 */ - 'ti-common-shadow-error': '0 1px 3px 0 rgba(199, 54, 54, 0.25)', // 错误 - 'ti-common-shadow-warn': '0 1px 3px 0 rgba(204, 100, 20, 0.25)', // 告警 - 'ti-common-shadow-prompt': '0 1px 3px 0 rgba(70, 94, 184, 0.25)', // 提示 - 'ti-common-shadow-success': '0 1px 3px 0 rgba(39, 176, 128, 0.25)', // 成功 - - /** - * 2.11 字体 - **/ - 'ti-common-font-family': 'Helvetica, Arial, microsoft yahei', - - /** - * 2.12 字号 - **/ - 'ti-common-font-size-base': '12px', // NewCssVar 正文-常规 - 'ti-common-font-size-1': '14px', // NewCssVar 标题-小 - 'ti-common-font-size-2': '16px', // NewCssVar 标题-中 - 'ti-common-font-size-3': '18px', // NewCssVar 标题-大 - 'ti-common-font-size-4': '20px', // NewCssVar 字号-4 - 'ti-common-font-size-5': '24px', // NewCssVar 字号-5 - 'ti-common-font-size-6': '32px', // NewCssVar 字号-6 - 'ti-common-font-size-7': '36px', // NewCssVar 字号-7 - - /** - * 2.13 字重 - **/ - 'ti-common-font-weight-1': '100', // 极细 - 'ti-common-font-weight-2': '200', // 纤细 - 'ti-common-font-weight-3': '300', // 细体 - 'ti-common-font-weight-4': 'normal', // 常规 - 'ti-common-font-weight-5': '500', // 中等 - 'ti-common-font-weight-6': '600', // 半粗 - 'ti-common-font-weight-7': 'bold', // 粗体 - 'ti-common-font-weight-8': '800', // 中黑 - 'ti-common-font-weight-9': '900', // 黑体 - 'ti-common-font-weight-bold': '700', // NewCssVar - - /** - * 2.14 线颜色 - * 用于边框，分割线等的颜色使用 - **/ - 'ti-common-color-line-normal': 'var(--ti-base-color-common-1)', // 边框默认色 - 'ti-common-color-line-hover': 'var(--ti-base-color-brand-6)', // 边框悬浮色 - 'ti-common-color-line-active': 'var(--ti-base-color-brand-6)', - 'ti-common-color-line-disabled': 'var(--ti-base-color-common-1)', // 边框禁用色 - 'ti-common-color-line-dividing': 'var(--ti-base-color-common-1)', // 分割线颜色 - /* 虚线 */ - 'ti-common-color-dash-line-normal': 'var(--ti-base-color-common-5)', - 'ti-common-color-dash-line-hover': 'var(--ti-base-color-brand-7)', - /* 待整改后删除 */ - 'ti-common-color-border': 'var(--ti-base-color-common-1)', // 边框默认色 - 'ti-common-color-border-hover': 'var(--ti-base-color-brand-6)', // 边框悬浮色 - - /** - * 2.15 线粗细 - **/ - 'ti-common-border-weight-normal': '1px', // 常规 - 'ti-common-border-weight-1': '2px', // 较粗 - 'ti-common-border-weight-2': '3px', // 粗 - - /** - * 2.16 线样式 - **/ - 'ti-common-border-style-dashed': 'dasehd', // 虚线 - 'ti-common-border-style-dotted': 'dotted', // 点线 - 'ti-common-border-style-solid': 'solid', // 实线 - - /** - * 2.17 圆角 - **/ - 'ti-common-border-radius-normal': '2px', // 常规 - 'ti-common-border-radius-0': '0px', // 直角 未使用 - 'ti-common-border-radius-1': '4px', // 圆角-1 - 'ti-common-border-radius-2': '8px', // 圆角-2 - 'ti-common-border-radius-3': '50%', // 圆形 - - /** - * 2.18 尺寸 - **/ - 'ti-common-size-base': '4px', // 基础尺寸 - 'ti-common-size-2x': 'calc(var(--ti-common-size-base) * 2)', // 尺寸-2 - 'ti-common-size-3x': 'calc(var(--ti-common-size-base) * 3)', // 尺寸-3 - 'ti-common-size-4x': 'calc(var(--ti-common-size-base) * 4)', // 尺寸-4 - 'ti-common-size-5x': 'calc(var(--ti-common-size-base) * 5)', // 尺寸-5 - 'ti-common-size-6x': 'calc(var(--ti-common-size-base) * 6)', // 尺寸-6 - 'ti-common-size-7x': 'calc(var(--ti-common-size-base) * 7)', // 尺寸-7 - 'ti-common-size-8x': 'calc(var(--ti-common-size-base) * 8)', // 尺寸-8 - 'ti-common-size-9x': 'calc(var(--ti-common-size-base) * 9)', // 尺寸-9 - 'ti-common-size-10x': 'calc(var(--ti-common-size-base) * 10)', // 尺寸-10 - 'ti-common-size-11x': 'calc(var(--ti-common-size-base) * 11)', // 尺寸-11 - 'ti-common-size-12x': 'calc(var(--ti-common-size-base) * 12)', // 尺寸-12 - 'ti-common-size-13x': 'calc(var(--ti-common-size-base) * 13)', // 尺寸-13 - 'ti-common-size-14x': 'calc(var(--ti-common-size-base) * 14)', // 尺寸-14 - 'ti-common-size-15x': 'calc(var(--ti-common-size-base) * 15)', // 尺寸-15 - 'ti-common-size-16x': 'calc(var(--ti-common-size-base) * 16)', // 尺寸-16 - 'ti-common-size-17x': 'calc(var(--ti-common-size-base) * 17)', // 尺寸-17 - 'ti-common-size-18x': 'calc(var(--ti-common-size-base) * 18)', // 尺寸-18 - 'ti-common-size-19x': 'calc(var(--ti-common-size-base) * 19)', // 尺寸-19 - 'ti-common-size-20x': 'calc(var(--ti-common-size-base) * 20)', // 尺寸-20 - 'ti-common-size-21x': 'calc(var(--ti-common-size-base) * 21)', // 尺寸-21 - 'ti-common-size-22x': 'calc(var(--ti-common-size-base) * 22)', // 尺寸-22 - 'ti-common-size-23x': 'calc(var(--ti-common-size-base) * 23)', // 尺寸-23 - 'ti-common-size-24x': 'calc(var(--ti-common-size-base) * 24)', // 尺寸-24 - 'ti-common-size-25x': 'calc(var(--ti-common-size-base) * 25)', // 尺寸-25 - 'ti-common-size-26x': 'calc(var(--ti-common-size-base) * 26)', // 尺寸-26 - 'ti-common-size-27x': 'calc(var(--ti-common-size-base) * 27)', // 尺寸-27 - 'ti-common-size-28x': 'calc(var(--ti-common-size-base) * 28)', // 尺寸-28 - 'ti-common-size-29x': 'calc(var(--ti-common-size-base) * 29)', // 尺寸-29 - 'ti-common-size-30x': 'calc(var(--ti-common-size-base) * 30)', // 尺寸-30 - 'ti-common-size-31x': 'calc(var(--ti-common-size-base) * 31)', // 尺寸-31 - 'ti-common-size-32x': 'calc(var(--ti-common-size-base) * 32)', // 尺寸-32 - 'ti-common-size-33x': 'calc(var(--ti-common-size-base) * 33)', // 尺寸-33 - 'ti-common-size-34x': 'calc(var(--ti-common-size-base) * 34)', // 尺寸-34 - 'ti-common-size-35x': 'calc(var(--ti-common-size-base) * 35)', // 尺寸-35 - 'ti-common-size-36x': 'calc(var(--ti-common-size-base) * 36)', // 尺寸-36 - 'ti-common-size-37x': 'calc(var(--ti-common-size-base) * 37)', // 尺寸-37 - 'ti-common-size-38x': 'calc(var(--ti-common-size-base) * 38)', // 尺寸-38 - 'ti-common-size-39x': 'calc(var(--ti-common-size-base) * 39)', // 尺寸-39 - 'ti-common-size-40x': 'calc(var(--ti-common-size-base) * 40)', // 尺寸-40 - 'ti-common-size-41x': 'calc(var(--ti-common-size-base) * 41)', // 尺寸-41 - 'ti-common-size-42x': 'calc(var(--ti-common-size-base) * 42)', // 尺寸-42 - 'ti-common-size-43x': 'calc(var(--ti-common-size-base) * 43)', // 尺寸-43 - 'ti-common-size-44x': 'calc(var(--ti-common-size-base) * 44)', // 尺寸-44 - 'ti-common-size-45x': 'calc(var(--ti-common-size-base) * 45)', // 尺寸-45 - 'ti-common-size-46x': 'calc(var(--ti-common-size-base) * 46)', // 尺寸-46 - 'ti-common-size-47x': 'calc(var(--ti-common-size-base) * 47)', // 尺寸-47 - 'ti-common-size-48x': 'calc(var(--ti-common-size-base) * 48)', // 尺寸-48 - 'ti-common-size-49x': 'calc(var(--ti-common-size-base) * 49)', // 尺寸-49 - 'ti-common-size-50x': 'calc(var(--ti-common-size-base) * 50)', // 尺寸-50 - - /* 其他尺寸 */ - 'ti-common-size-0': '0px', // 其他尺寸-1 - 'ti-common-size-auto': 'auto', // 其他尺寸-2 - - /* 以下变量是因为AUI拥有大量的large、medium、normal、minor、samll、mini尺寸， 所以下方是一些抽象尺寸、为了更好的适配AUI (button、tag、alert组件) */ - 'ti-common-size-width-large': 'var(--ti-common-size-33x)', // NewCssVar - 'ti-common-size-width-medium': 'var(--ti-common-size-30x)', // NewCssVar - 'ti-common-size-width-normal': 'var(--ti-common-size-20x)', // NewCssVar - 'ti-common-size-width-minor': '30px', // NewCssVar 待删除 - - 'ti-common-size-height-large': 'var(--ti-common-size-12x)', // NewCssVar - 'ti-common-size-height-medium': 'var(--ti-common-size-10x)', // NewCssVar - 'ti-common-size-height-small': 'var(--ti-common-size-8x)', // NewCssVar - 'ti-common-size-height-normal': '30px', // NewCssVar 基本高度值（Button、Input） - 'ti-common-size-height-mini': 'var(--ti-common-size-6x)', // NewCssVar - - // 以下皆为新增变量 - // 新增saurora缺少的basic-var.less变量 - 'ti-common-color-primary-hover': 'var(--ti-base-color-brand-5)', - 'ti-common-color-primary-normal': 'var(--ti-base-color-brand-6)', - - // aurora适配过程中产生的新变量如下 - // 文本色 - 'ti-base-text-color-1': '#333d48', - 'ti-base-text-color-2': '#161e26', - 'ti-base-text-color-3': '#c4c4c4', - 'ti-base-text-color-4': '#3eaf7c', - 'ti-base-text-color-5': '#1F2D3D', - 'ti-base-text-color-6': '#c0c4cc', - - // 图标色 - 'ti-base-icon-color-1': '#939599', - 'ti-base-icon-color-2': '#78828d', - - // 文本或图标色带透明度 - 'ti-base-text-color-transparent-10': 'rgba(22, 30, 38, 0.1)', - 'ti-base-text-color-transparent-30': 'rgba(22, 30, 38, 0.3)', - 'ti-base-icon-color-transparent-75': 'rgba(0, 0, 0, 0.75)', - - // 边框色 - 'ti-base-border-color-1': '#e4e7ed', - 'ti-base-border-color-2': '#69c0ff', - 'ti-base-border-color-3': '#b3d8ff', - 'ti-base-border-color-4': '#c2e7b0', - 'ti-base-border-color-5': '#fbc4c4', - 'ti-base-border-color-6': '#f5dab1', - - // 边框色带透明度 - 'ti-base-border-color-transparent-15': 'rgba(24,144,255,.15)', - 'ti-base-border-color-transparent-30': 'rgba(57, 57, 57, 0.3)', - 'ti-base-border-color-warn-transparent-6': 'rgba(250,173,20,.06)', - 'ti-base-border-color-warn-transparent-15': 'rgba(250,173,20,.15)', - 'ti-base-border-color-success-transparent-15': 'rgba(82,196,26,.15)', - 'ti-base-border-color-danger-transparent-15': 'rgba(245,34,45,.15)', - - // 背景色 - 'ti-base-bg-color-1': '#303133', - 'ti-base-bg-color-2': '#0067d1', // 常用于聚焦背景色 - 'ti-base-bg-color-3': '#005bba', - 'ti-base-bg-color-4': '#67c23a', - 'ti-base-bg-color-5': '#e6a23c', - 'ti-base-bg-color-6': '#f1f1f1', - 'ti-base-bg-color-7': '#d8d8d8', - 'ti-base-bg-color-8': '#0072e8', // 用于鼠标悬浮 - 'ti-base-bg-color-9': '#fa8c16', // 警告背景色 - 'ti-base-bg-color-10': '#dbdbdb', - - // 背景色带透明度 - 'ti-base-bg-color-transparent-5': 'rgba(22, 30, 38, 0.05)', - 'ti-base-bg-color-transparent-6': 'rgba(24,144,255,.06)', - 'ti-base-bg-color-transparent-20': 'rgba(22, 30, 38, 0.2)', - 'ti-base-bg-color-transparent-30': 'rgba(0, 103, 209, 0.3)', - 'ti-base-bg-color-warn-transparent-6': 'rgba(24,144,255,.06)', - 'ti-base-bg-color-danger-transparent-6': 'rgba(245,34,45,.06)', - 'ti-base-bg-color-success-transparent-6': 'rgba(82,196,26,.06)', - - // 阴影 - 'ti-base-box-shadow': '0 0 4px 0 #d9d9d9', - - // 新属性 - 'ti-base-text-decoration-underline': 'underline', - 'ti-base-rotate-0': 'rotate(0)', - 'ti-base-rotate-90': 'rotate(90deg)', - 'ti-base-percent-30': '30%', - 'ti-base-percent-60': '60%', - 'ti-base-text-align': 'center', - 'ti-base-opacity-8': '0.8', - - 'ti-common-text-color-normal': 'var(--ti-base-text-color-1)', // 默认文本色2 - 'ti-common-text-color-secondary': 'var(--ti-base-text-color-2)', // 次要文本色 - 'ti-common-text-color-3': 'var(--ti-base-text-color-3)', // 次要文本色 - 'ti-common-text-color-4': 'var(--ti-base-text-color-4)', - 'ti-common-text-color-5': 'var(--ti-base-text-color-5)', - 'ti-common-text-color-6': 'var(--ti-base-text-color-6)', - 'ti-common-text-color-transparent-10': 'var(--ti-base-text-color-transparent-10)', - 'ti-common-text-color-transparent-30': 'var(--ti-base-text-color-transparent-30)', - - 'ti-common-icon-color-1': 'var(--ti-base-icon-color-1)', - 'ti-common-icon-color-2': 'var(--ti-base-icon-color-2)', - 'ti-common-icon-color-transparent-75': 'var(--ti-base-icon-color-transparent-75)', // 图标色 - - 'ti-common-border-color-normal': 'var(--ti-base-border-color-1)', - 'ti-common-border-color-info': 'var(--ti-base-border-color-2)', // 提示边框色 - 'ti-common-border-color-plain': 'var(--ti-base-border-color-3)', - 'ti-common-border-color-success': 'var(--ti-base-border-color-4)', - 'ti-common-border-color-danger': 'var(--ti-base-border-color-5)', - 'ti-common-border-color-warn': 'var(--ti-base-border-color-6)', - 'ti-common-border-color-transparent-15': 'var(--ti-base-border-color-transparent-15)', - 'ti-common-border-color-transparent-30': 'var(--ti-base-border-color-transparent-30)', - 'ti-common-border-color-warn-transparent-6': 'var(--ti-base-border-color-warn-transparent-6)', - 'ti-common-border-color-warn-transparent-15': 'var(--ti-base-border-color-warn-transparent-15)', - 'ti-common-border-color-success-transparent-15': 'var(--ti-base-border-color-success-transparent-15)', - 'ti-common-border-color-danger-transparent-15': 'var(--ti-base-border-color-danger-transparent-15)', - - 'ti-common-bg-color-transparent-5': 'var(--ti-base-bg-color-transparent-5)', // 次要禁用背景色 - 'ti-common-bg-color-transparent-6': 'var(--ti-base-bg-color-transparent-6)', // 次要禁用背景色 - 'ti-common-bg-color-transparent-20': 'var(--ti-base-bg-color-transparent-20)', - 'ti-common-bg-color-transparent-30': 'var(--ti-base-bg-color-transparent-30)', // 禁用背景色 - 'ti-common-bg-color-warn-transparent-6': 'var(--ti-base-bg-color-warn-transparent-6)', - 'ti-common-bg-color-danger-transparent-6': 'var(--ti-base-bg-color-danger-transparent-6)', - 'ti-common-bg-color-success-transparent-6': 'var(--ti-base-bg-color-success-transparent-6)', - 'ti-common-bg-color-normal': 'var(--ti-base-bg-color-1)', // 弹框背景色 - 'ti-common-bg-color-focus': 'var(--ti-base-bg-color-2)', // 聚焦背景色 - 'ti-common-bg-color-active': 'var(--ti-base-bg-color-3)', // hover或点击背景色 - 'ti-common-bg-color-success': 'var(--ti-base-bg-color-4)', // 成功背景色 - 'ti-common-bg-color-warn': 'var(--ti-base-bg-color-5)', // 警告背景色 - 'ti-common-bg-color-header-1': 'var(--ti-base-bg-color-6)', - 'ti-common-bg-color-header-2': 'var(--ti-base-bg-color-7)', - 'ti-common-bg-color-hover': 'var(--ti-base-bg-color-8)', - 'ti-common-bg-color-warn-1': 'var(--ti-base-bg-color-9)', - 'ti-common-bg-color-10': 'var(--ti-base-bg-color-10)', - - 'ti-common-box-shadow': 'var(--ti-base-box-shadow)', - - // 新属性变量 - 'ti-common-text-decoration-underline': 'var(--ti-base-text-decoration-underline)', - - 'ti-common-rotate-0': 'var(--ti-base-rotate-0)', - 'ti-common-rotate-90': 'var(--ti-base-rotate-90)', - - 'ti-common-percent-30': 'var(--ti-base-percent-30)', - 'ti-common-percent-60': 'var(--ti-base-percent-60)', - 'ti-common-opacity-8': 'var(--ti-base-opacity-8)', // 透明度 - - // 文本居中 - 'ti-common-text-align': 'var(--ti-base-text-align)' -} - -export * from './component.js' diff --git a/packages/theme/src/theme/deep-theme/devui.json b/packages/theme/src/theme/deep-theme/devui.json deleted file mode 100644 index b4981d6387..0000000000 --- a/packages/theme/src/theme/deep-theme/devui.json +++ /dev/null @@ -1,45 +0,0 @@ -{ - "devui-btn-common-bg": "#E0E0E0", - "devui-btn-common-bg-hover": "#BDBDBD", - - "devui-global-bg": "#F2F2F3", - "devui-glass-morphism-bg": "rgba(242,242,243,0.9)", - "devui-base-bg": "#ffffff", - "devui-brand": "#252b3a", - "devui-brand-foil": "#f3f4f7", - "devui-brand-active-focus": "#252b3a", - "devui-primary-active": "#252b3a", - "devui-brand-active": "#252b3a", - "devui-brand-hover": "#252b3a", - "devui-text": "#252b3a", - "devui-aide-text": "#575d6c", - "devui-placeholder": "#9B9FA8", - "devui-disabled-text": "#9B9FA8", - "devui-disabled-bg": "#ebebeb", - "devui-line": "#CFD0D3", - "devui-dividing-line": "#E2E2E6", - "devui-list-item-hover-bg": "#E2E2E6", - "devui-list-item-active-bg": "#d5d5db", - "devui-list-item-active-hover-bg": "#d5d5db", - "devui-list-item-selected-bg": "#d5d5db", - "devui-list-item-hover-text": "#252b3a", - "devui-list-item-active-text": "#252b3a", - "devui-icon-text": "#babbc0", - "devui-primary": "#252b3a", - "devui-primary-hover": "#252b3a", - "devui-form-control-line": "#CFD0D3", - "devui-form-control-line-hover": "#71757F", - "devui-icon-fill": "#575d6c", - "devui-icon-fill-weak": "#9B9FA8", - "devui-icon-fill-active": "#252b3a", - "devui-icon-fill-active-hover": "#252b3a", - "devui-shape-icon-fill": "#C7C7D1", - "devui-shape-icon-fill-hover": "#AEAEBD", - "devui-shape-icon-fill-active": "#AEAEBD", - "devui-shape-icon-fill-disabled": "#E0E0E0", - "devui-form-control-line-active": "#252b3a", - "devui-form-control-line-active-hover": "#252b3a", - "devui-connected-overlay-line": "#252b3a", - "devui-primary-disabled": "#bebfc4", - "devui-icon-fill-active-disabled": "#bebfc4" -} diff --git a/packages/theme/src/theme/deep-theme/index.js b/packages/theme/src/theme/deep-theme/index.js deleted file mode 100644 index ece4eb425b..0000000000 --- a/packages/theme/src/theme/deep-theme/index.js +++ /dev/null @@ -1,22 +0,0 @@ -/** - * Copyright (c) 2022 - present TinyVue Authors. - * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd. - * - * Use of this source code is governed by an MIT-style license. - * - * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, - * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR - * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. - * - */ - -export const deepTheme = { - 'ti-common-color-primary-normal': '#252b3a', - 'ti-common-color-primary-hover': '#54657e', - 'ti-button-primary-plain-bg-color': 'rgba(51, 51, 51, 0.06)', - - 'ti-base-color-brand-5': '#252b3a', - 'ti-autocomplete-li-text-color': '#252b3a', - 'ti-autocomplete-li-hover-bg-color': '#E2E2E6', - 'ti-autocomplete-li-select-bg-color': '#d5d5db' -} diff --git a/packages/theme/src/theme/deep-theme/index.json b/packages/theme/src/theme/deep-theme/index.json deleted file mode 100644 index 7c11897713..0000000000 --- a/packages/theme/src/theme/deep-theme/index.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "ti-base-color-brand-6": "#252b3a", - "ti-base-color-common-7": "#252b3a", - "ti-button-normal-background-color": "#E0E0E0" -} \ No newline at end of file diff --git a/packages/theme/src/theme/devui-theme-map.js b/packages/theme/src/theme/devui-theme-map.js deleted file mode 100644 index 07a3c3829b..0000000000 --- a/packages/theme/src/theme/devui-theme-map.js +++ /dev/null @@ -1,164 +0,0 @@ -/** - * Copyright (c) 2022 - present TinyVue Authors. - * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd. - * - * Use of this source code is governed by an MIT-style license. - * - * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, - * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR - * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. - * - */ - -// 全量 DevUI 主题变量对应的 Tiny 主题变量 -export const DEVUI_THEME_MAP = { - 'devui-global-bg': '#f3f6f8', - 'devui-glass-morphism-bg': 'rgba(243,246,248,0.9)', - 'devui-global-bg-normal': '#ffffff', - 'devui-base-bg': '#ffffff', - 'devui-base-bg-dark': '#333854', - 'devui-brand': 'ti-base-color-brand-6', - 'devui-brand-foil': '#859bff', - 'devui-brand-hover': '#7693f5', - 'devui-brand-active': '#526ecc', - 'devui-brand-active-focus': '#344899', - 'devui-contrast': '#c7000b', - 'devui-text': 'ti-base-color-common-7', - 'devui-text-weak': '#575d6c', - 'devui-aide-text': '#8a8e99', - 'devui-aide-text-hover': '#252b3a', - 'devui-aide-text-stress': '#575d6c', - 'devui-placeholder': '#8a8e99', - 'devui-light-text': '#ffffff', - 'devui-dark-text': '#252b3a', - 'devui-link': '#526ecc', - 'devui-link-active': '#344899', - 'devui-link-light': '#96adfa', - 'devui-link-light-active': '#beccfa', - 'devui-line': '#adb0b8', - 'devui-dividing-line': 'ti-common-color-line-dividing', - 'devui-block': '#ffffff', - 'devui-area': '#f8f8f8', - 'devui-danger': '#f66f6a', - 'devui-warning': '#fac20a', - 'devui-waiting': '#9faad7', - 'devui-success': '#50d4ab', - 'devui-info': '#5e7ce0', - 'devui-initial': '#e9edfa', - 'devui-unavailable': '#f5f5f6', - 'devui-shadow': 'rgba(37, 43, 58, 0.2)', - 'devui-light-shadow': 'rgba(37, 43, 58, 0.1)', - 'devui-connected-overlay-shadow': 'rgba(37, 43, 58, 0.12)', - 'devui-feedback-overlay-shadow': 'rgba(37, 43, 58, 0.16)', - 'devui-icon-text': '#252b3a', - 'devui-icon-bg': '#ffffff', - 'devui-icon-fill': '#252b3a', - 'devui-icon-fill-weak': '#babbc0', - 'devui-icon-fill-hover': '#5e7ce0', - 'devui-icon-fill-active': '#5e7ce0', - 'devui-icon-fill-active-hover': 'ti-grid-icon-fill-hover-bg-color', - 'devui-shape-icon-fill': '#d7d8da', - 'devui-shape-icon-fill-active': '#babbc0', - 'devui-shape-icon-fill-hover': '#babbc0', - 'devui-shape-icon-fill-disabled': '#f5f5f5', - 'devui-form-control-line': '#adb0b8', - 'devui-form-control-bg': '#ffffff', - 'devui-form-control-line-hover': '#575d6c', - 'devui-form-control-line-active': '#5e7ce0', - 'devui-form-control-line-active-hover': '#344899', - 'devui-list-item-active-bg': '#5e7ce0', - 'devui-list-item-active-text': '#ffffff', - 'devui-list-item-active-hover-bg': '#526ecc', - 'devui-list-item-hover-bg': '#f2f5fc', - 'devui-list-item-hover-text': '#526ecc', - 'devui-list-item-selected-bg': '#e9edfa', - 'devui-list-item-strip-bg': '#f2f5fc', - 'devui-disabled-bg': 'ti-common-color-bg-disabled', - 'devui-disabled-line': '#dfe1e6', - 'devui-disabled-text': '#adb0b8', - 'devui-primary-disabled': '#beccfa', - 'devui-icon-fill-active-disabled': '#beccfa', - 'devui-label-bg': '#eef0f5', - 'devui-connected-overlay-bg': '#ffffff', - 'devui-connected-overlay-line': '#526ecc', - 'devui-fullscreen-overlay-bg': '#ffffff', - 'devui-feedback-overlay-bg': '#464d6e', - 'devui-feedback-overlay-text': '#dfe1e6', - 'devui-embed-search-bg': '#f2f5fc', - 'devui-embed-search-bg-hover': '#eef0f5', - 'devui-float-block-shadow': 'rgba(94, 124, 224, 0.3)', - 'devui-highlight-overlay': 'rgba(255, 255, 255, 0.8)', - 'devui-range-item-hover-bg': '#e9edfa', - 'devui-primary': 'ti-base-color-brand-6', - 'devui-primary-hover': '#7693f5', - 'devui-primary-active': '#344899', - 'devui-contrast-hover': '#d64a52', - 'devui-contrast-active': '#b12220', - 'devui-danger-line': '#f66f6a', - 'devui-danger-bg': '#ffeeed', - 'devui-warning-line': '#fa9841', - 'devui-warning-bg': '#fff3e8', - 'devui-info-line': '#5e7ce0', - 'devui-info-bg': '#f2f5fc', - 'devui-success-line': '#50d4ab', - 'devui-success-bg': '#edfff9', - 'devui-primary-line': '#5e7ce0', - 'devui-primary-bg': '#f2f5fc', - 'devui-default-line': '#5e7ce0', - 'devui-default-bg': '#f3f6f8', - 'devui-shadow-length-base': '0 1px 4px 0', - 'devui-shadow-length-slide-left': '-2px 0 8px 0', - 'devui-shadow-length-slide-right': '2px 0 8px 0', - 'devui-shadow-length-connected-overlay': '0 4px 8px 0', - 'devui-shadow-length-hover': '0 8px 16px 0', - 'devui-shadow-length-feedback-overlay': '0 8px 16px 0', - 'devui-shadow-length-fullscreen-overlay': '0 12px 24px 0', - 'devui-border-radius': '2px', - 'devui-border-radius-feedback': '4px', - 'devui-border-radius-card': '6px', - 'devui-border-radius-full': '100px', - 'devui-font-size': '12px', - 'devui-font-size-card-title': '14px', - 'devui-font-size-page-title': '16px', - 'devui-font-size-modal-title': '18px', - 'devui-font-size-price': '20px', - 'devui-font-size-data-overview': '24px', - 'devui-font-size-icon': '16px', - 'devui-font-size-sm': '12px', - 'devui-font-size-md': '12px', - 'devui-font-size-lg': '14px', - 'devui-font-title-weight': 'bold', - 'devui-font-content-weight': 'normal', - 'devui-line-height-base': '1.5', - 'devui-animation-ease-in-smooth': 'cubic-bezier(0.645, 0.045, 0.355, 1)', - 'devui-animation-duration-slow': '300ms', - 'devui-animation-duration-base': '200ms', - 'devui-animation-duration-fast': '100ms', - 'devui-animation-ease-in': 'cubic-bezier(0.5, 0, 0.84, 0.25)', - 'devui-animation-ease-out': 'cubic-bezier(0.16, 0.75, 0.5, 1)', - 'devui-animation-ease-in-out': 'cubic-bezier(0.5, 0.05, 0.5, 0.95)', - 'devui-animation-ease-in-out-smooth': 'cubic-bezier(0.645, 0.045, 0.355, 1)', - 'devui-animation-linear': 'cubic-bezier(0, 0, 1, 1)', - 'devui-z-index-full-page-overlay': '1080', - 'devui-z-index-pop-up': '1060', - 'devui-z-index-dropdown': '1052', - 'devui-z-index-modal': '1050', - 'devui-z-index-drawer': '1040', - 'devui-z-index-framework': '1000', - 'devui-icon-active-color': '#ffffff', - - 'devui-btn-sm-padding': '0 12px', - 'devui-btn-padding': '0 16px', - 'devui-btn-lg-padding': '0 20px', - 'devui-btn-common-bg': 'ti-button-normal-background-color', - 'devui-btn-common-border-color': 'transparent', - 'devui-btn-common-bg-hover': '#d1d1d1', - 'devui-btn-common-color-hover': '#252b3a', - 'devui-btn-common-border-color-hover': 'transparent', - 'devui-btn-common-bg-active': '#BDBDBD', - 'devui-btn-common-color-active': '#252b3a', - 'devui-btn-common-border-color-active': 'transparent', - 'devui-btn-common-border-disabled': 'transparent', - 'devui-icon-hover-bg': '#ebebeb', - 'devui-icon-active-bg': '#d1d1d1' -} diff --git a/packages/theme/src/theme/galaxy-theme/devui.json b/packages/theme/src/theme/galaxy-theme/devui.json deleted file mode 100644 index bbff46dbb1..0000000000 --- a/packages/theme/src/theme/galaxy-theme/devui.json +++ /dev/null @@ -1,124 +0,0 @@ -{ - "devui-brand": "#526ECC", - "devui-info": "#526ECC", - "devui-primary": "#526ECC", - "devui-default-line": "#526ECC", - "devui-brand-hover": "#5E7CE0", - "devui-primary-hover": "#5E7CE0", - "devui-brand-foil": "#F2F2F3", - "devui-global-bg": "#1A1A1C", - "devui-glass-morphism-bg": "rgba(26,26,28,0.9)", - "devui-base-bg": "#292A2E", - "devui-text": "#CED1DB", - "devui-aide-text": "#868A99", - "devui-placeholder": "#4E5057", - "devui-disabled-text": "#5b5d66", - "devui-disabled-bg": "#2D2E32", - "devui-line": "#4e5057", - "devui-dividing-line": "#323438", - "devui-list-item-hover-bg": "#393A3E", - "devui-list-item-active-bg": "#303548", - "devui-list-item-active-hover-bg": "#303548", - "devui-list-item-selected-bg": "#303548", - "devui-list-item-hover-text": "#F5F5F5", - "devui-list-item-active-text": "#4660B8", - "devui-primary-disabled": "#3f3f3f", - "devui-form-control-line": "#4e5057", - "devui-form-control-bg": "#292A2E", - "devui-form-control-line-hover": "#696c75", - "devui-form-control-line-active": "#526ECC", - "devui-icon-text": "#868A99", - "devui-connected-overlay-bg": "#2E2F33", - "devui-fullscreen-overlay-bg": "#2E2F33", - "devui-warning-line": "#EB8F3D", - "devui-warning-bg": "#4b2e14", - "devui-success-line": "#2AA37E ", - "devui-success-bg": "#123d32", - "devui-danger-line": "#D15854", - "devui-danger-bg": "#4a2120", - "devui-info-line": "#4482BD", - "devui-info-bg": "#1c2543", - "devui-default-bg": "#313131", - "devui-label-bg": "#353537", - "devui-icon-fill": "#868A99", - "devui-icon-fill-hover": "#ced1db", - "devui-icon-fill-active": "#ced1db", - "devui-icon-fill-active-hover": "#ced1db", - - "devui-global-bg-normal": "#202124", - "devui-base-bg-dark": "#2e2f31", - "devui-brand-active": "#526ecc", - "devui-brand-active-focus": "#344899", - "devui-contrast": "#C7000B", - "devui-text-weak": "#A0A0A0", - "devui-aide-text-hover": "#73788a", - "devui-aide-text-stress": "#A0A0A0", - "devui-light-text": "#ffffff", - "devui-dark-text": "#252b3a", - "devui-link": "#526ECC", - "devui-link-active": "#344899", - "devui-link-light": "#96adfa", - "devui-link-light-active": "#beccfa", - "devui-block": "#606061", - "devui-area": "#34363A", - "devui-danger": "#f66f6a", - "devui-warning": "#fac20a", - "devui-waiting": "#5e6580", - "devui-success": "#50d4ab", - "devui-initial": "#64676e", - "devui-unavailable": "#5b5b5c", - "devui-shadow": "rgba(0, 0, 0, 0.72)", - "devui-light-shadow": "rgba(0, 0, 0, 0.3)", - "devui-connected-overlay-shadow": "rgba(0, 0, 0, 0.42)", - "devui-feedback-overlay-shadow": "rgba(0, 0, 0, 0.54)", - - "devui-icon-bg": "#2E2F31", - "devui-shape-icon-fill": "#5b5d66", - "devui-shape-icon-fill-active": "#868a99", - - "devui-form-control-line-active-hover": "#344899", - "devui-list-item-strip-bg": "#383838", - "devui-table-expand-area-bg": "#393a3e", - - "devui-disabled-line": "#505153", - "devui-icon-fill-active-disabled": "#2B3458", - - "devui-connected-overlay-line": "#526ecc", - "devui-feedback-overlay-bg": "#4C4C4C", - "devui-feedback-overlay-text": "#DFE1E6", - "devui-embed-search-bg": "#383838", - "devui-embed-search-bg-hover": "#3D3E40", - "devui-float-block-shadow": "rgba(94, 124, 224, 0.3)", - "devui-highlight-overlay": "rgba(255, 255, 255, 0.1)", - "devui-range-item-hover-bg": "#454545", - - "devui-primary-active": "#344899", - "devui-contrast-hover": "#D64A52", - "devui-contrast-active": "#B12220", - - "devui-primary-line": "#546BB7", - "devui-primary-bg": "#383D4F", - "devui-icon-active-color": "#ffffff", - - "devui-btn-sm-padding": "0 12px", - "devui-btn-padding": "0 16px", - "devui-btn-lg-padding": "0 20px", - "devui-btn-common-bg": "#393a3e", - "devui-btn-common-border-color": "transparent", - "devui-btn-common-bg-hover": "#4e5057", - "devui-btn-common-color-hover": "#CED1DB", - "devui-btn-common-border-color-hover": "transparent", - "devui-btn-common-bg-active": "#4e5057", - "devui-btn-common-color-active": "#CED1DB", - "devui-btn-common-border-color-active": "transparent", - "devui-btn-common-border-disabled": "transparent", - "devui-icon-hover-bg": "#393a3e", - "devui-icon-active-bg": "#4e5057", - - "devui-border-radius": "4px", - "devui-font-size": "14px", - "devui-font-size-md": "14px", - "devui-font-size-card-title": "16px", - "devui-shadow-length-fullscreen-overlay": "0 0 6px 0", - "devui-border-radius-card": "4px" -} diff --git a/packages/theme/src/theme/galaxy-theme/index.js b/packages/theme/src/theme/galaxy-theme/index.js deleted file mode 100644 index 860098fbda..0000000000 --- a/packages/theme/src/theme/galaxy-theme/index.js +++ /dev/null @@ -1,24 +0,0 @@ -/** - * Copyright (c) 2022 - present TinyVue Authors. - * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd. - * - * Use of this source code is governed by an MIT-style license. - * - * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, - * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR - * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. - * - */ - -export const galaxyTheme = { - 'ti-base-color-bg-1': '#1A1A1C', - 'ti-base-color-common-7': '#CED1DB', - 'ti-button-normal-background-color': '#393a3e', - 'ti-button-normal-hover-bg-color': '#4e5057', - 'ti-common-color-border': '#353638', - 'ti-common-color-light': '#292A2E', - 'ti-common-color-info-normal': 'var(--ti-base-color-common-7)', - 'ti-common-color-hover-background': '#393A3E', - 'ti-common-color-selected-background': '#393A3E', - 'ti-button-primary-text-color': '#ffffff' -} diff --git a/packages/theme/src/theme/galaxy-theme/index.json b/packages/theme/src/theme/galaxy-theme/index.json deleted file mode 100644 index 8d252fcfa9..0000000000 --- a/packages/theme/src/theme/galaxy-theme/index.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "ti-base-color-brand-6": "#526ECC", - "ti-base-color-common-7": "#CED1DB", - "ti-button-normal-background-color": "#393a3e" -} \ No newline at end of file diff --git a/packages/theme/src/theme/generate-theme.js b/packages/theme/src/theme/generate-theme.js deleted file mode 100644 index ad44741ab6..0000000000 --- a/packages/theme/src/theme/generate-theme.js +++ /dev/null @@ -1,48 +0,0 @@ -/** - * Copyright (c) 2022 - present TinyVue Authors. - * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd. - * - * Use of this source code is governed by an MIT-style license. - * - * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, - * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR - * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. - * - */ - -const fs = require('node:fs') -require('esbuild-register') - -const { DEVUI_THEME_MAP } = require('./devui-theme-map') - -const themes = ['impression-theme', 'infinity-theme', 'deep-theme', 'galaxy-theme'] - -function generateTheme(themeName) { - const themeData = {} - - for (let mapItemKey of Object.keys(DEVUI_THEME_MAP)) { - const mapItemValue = DEVUI_THEME_MAP[mapItemKey] - if (mapItemValue.includes('ti-')) { - const themeJson = require(`./${themeName}/devui.json`) - for (let themeItemKey in themeJson) { - if (themeItemKey === mapItemKey) { - themeData[mapItemValue] = themeJson[themeItemKey] - } - } - } - } - - fs.writeFile(`./${themeName}/index.json`, JSON.stringify(themeData, null, ' '), (err) => { - if (err) { - throw new Error('写入文件出错！') - } - }) -} - -function main() { - for (let theme of themes) { - generateTheme(theme) - } -} - -main() diff --git a/packages/theme/src/theme/impression-theme/devui.json b/packages/theme/src/theme/impression-theme/devui.json deleted file mode 100644 index 3b2cc64a1f..0000000000 --- a/packages/theme/src/theme/impression-theme/devui.json +++ /dev/null @@ -1,136 +0,0 @@ -{ - "devui-global-bg": "#f3f6f8", - "devui-glass-morphism-bg": "rgba(243,246,248,0.9)", - "devui-global-bg-normal": "#ffffff", - "devui-base-bg": "#ffffff", - "devui-base-bg-dark": "#333854", - "devui-brand": "#5e7ce0", - "devui-brand-foil": "#859bff", - "devui-brand-hover": "#7693f5", - "devui-brand-active": "#526ecc", - "devui-brand-active-focus": "#344899", - "devui-contrast": "#c7000b", - "devui-text": "#252b3a", - "devui-text-weak": "#575d6c", - "devui-aide-text": "#8a8e99", - "devui-aide-text-hover":"#252b3a", - "devui-aide-text-stress": "#575d6c", - "devui-placeholder": "#8a8e99", - "devui-light-text": "#ffffff", - "devui-dark-text": "#252b3a", - "devui-link": "#526ecc", - "devui-link-active": "#344899", - "devui-link-light": "#96adfa", - "devui-link-light-active": "#beccfa", - "devui-line": "#adb0b8", - "devui-dividing-line": "#dfe1e6", - "devui-block": "#ffffff", - "devui-area": "#f8f8f8", - "devui-danger": "#f66f6a", - "devui-warning": "#fac20a", - "devui-waiting": "#9faad7", - "devui-success": "#50d4ab", - "devui-info": "#5e7ce0", - "devui-initial": "#e9edfa", - "devui-unavailable": "#f5f5f6", - "devui-shadow": "rgba(37, 43, 58, 0.2)", - "devui-light-shadow": "rgba(37, 43, 58, 0.1)", - "devui-connected-overlay-shadow": "rgba(37, 43, 58, 0.12)", - "devui-feedback-overlay-shadow": "rgba(37, 43, 58, 0.16)", - "devui-icon-text": "#252b3a", - "devui-icon-bg": "#ffffff", - "devui-icon-fill": "#252b3a", - "devui-icon-fill-weak": "#babbc0", - "devui-icon-fill-hover": "#5e7ce0", - "devui-icon-fill-active": "#5e7ce0", - "devui-icon-fill-active-hover": "#526ecc", - "devui-shape-icon-fill": "#d7d8da", - "devui-shape-icon-fill-active": "#babbc0", - "devui-shape-icon-fill-hover": "#babbc0", - "devui-shape-icon-fill-disabled":"#f5f5f5", - "devui-form-control-line": "#adb0b8", - "devui-form-control-bg": "#ffffff", - "devui-form-control-line-hover": "#575d6c", - "devui-form-control-line-active": "#5e7ce0", - "devui-form-control-line-active-hover": "#344899", - "devui-list-item-active-bg": "#5e7ce0", - "devui-list-item-active-text": "#ffffff", - "devui-list-item-active-hover-bg": "#526ecc", - "devui-list-item-hover-bg": "#f2f5fc", - "devui-list-item-hover-text": "#526ecc", - "devui-list-item-selected-bg": "#e9edfa", - "devui-list-item-strip-bg": "#f2f5fc", - "devui-disabled-bg": "#f5f5f6", - "devui-disabled-line": "#dfe1e6", - "devui-disabled-text": "#adb0b8", - "devui-primary-disabled": "#beccfa", - "devui-icon-fill-active-disabled": "#beccfa", - "devui-label-bg": "#eef0f5", - "devui-connected-overlay-bg": "#ffffff", - "devui-connected-overlay-line": "#526ecc", - "devui-fullscreen-overlay-bg": "#ffffff", - "devui-feedback-overlay-bg": "#464d6e", - "devui-feedback-overlay-text": "#dfe1e6", - "devui-embed-search-bg": "#f2f5fc", - "devui-embed-search-bg-hover": "#eef0f5", - "devui-float-block-shadow": "rgba(94, 124, 224, 0.3)", - "devui-highlight-overlay": "rgba(255, 255, 255, 0.8)", - "devui-range-item-hover-bg": "#e9edfa", - "devui-primary": "#5e7ce0", - "devui-primary-hover": "#7693f5", - "devui-primary-active": "#344899", - "devui-contrast-hover": "#d64a52", - "devui-contrast-active": "#b12220", - "devui-danger-line": "#f66f6a", - "devui-danger-bg": "#ffeeed", - "devui-warning-line": "#fa9841", - "devui-warning-bg": "#fff3e8", - "devui-info-line": "#5e7ce0", - "devui-info-bg": "#f2f5fc", - "devui-success-line": "#50d4ab", - "devui-success-bg": "#edfff9", - "devui-primary-line": "#5e7ce0", - "devui-primary-bg": "#f2f5fc", - "devui-default-line": "#5e7ce0", - "devui-default-bg": "#f3f6f8", - "devui-shadow-length-base": "0 1px 4px 0", - "devui-shadow-length-slide-left": "-2px 0 8px 0", - "devui-shadow-length-slide-right": "2px 0 8px 0", - "devui-shadow-length-connected-overlay": "0 4px 8px 0", - "devui-shadow-length-hover": "0 8px 16px 0", - "devui-shadow-length-feedback-overlay": "0 8px 16px 0", - "devui-shadow-length-fullscreen-overlay": "0 12px 24px 0", - "devui-border-radius": "2px", - "devui-border-radius-feedback": "4px", - "devui-border-radius-card": "6px", - "devui-border-radius-full": "100px", - "devui-font-size": "12px", - "devui-font-size-card-title": "14px", - "devui-font-size-page-title": "16px", - "devui-font-size-modal-title": "18px", - "devui-font-size-price": "20px", - "devui-font-size-data-overview": "24px", - "devui-font-size-icon": "16px", - "devui-font-size-sm": "12px", - "devui-font-size-md": "12px", - "devui-font-size-lg": "14px", - "devui-font-title-weight": "bold", - "devui-font-content-weight": "normal", - "devui-line-height-base": "1.5", - "devui-animation-ease-in-smooth": "cubic-bezier(0.645, 0.045, 0.355, 1)", - "devui-animation-duration-slow": "300ms", - "devui-animation-duration-base": "200ms", - "devui-animation-duration-fast": "100ms", - "devui-animation-ease-in": "cubic-bezier(0.5, 0, 0.84, 0.25)", - "devui-animation-ease-out": "cubic-bezier(0.16, 0.75, 0.5, 1)", - "devui-animation-ease-in-out": "cubic-bezier(0.5, 0.05, 0.5, 0.95)", - "devui-animation-ease-in-out-smooth": "cubic-bezier(0.645, 0.045, 0.355, 1)", - "devui-animation-linear": "cubic-bezier(0, 0, 1, 1)", - "devui-z-index-full-page-overlay": "1080", - "devui-z-index-pop-up": "1060", - "devui-z-index-dropdown": "1052", - "devui-z-index-modal": "1050", - "devui-z-index-drawer": "1040", - "devui-z-index-framework": "1000", - "devui-icon-active-color": "#ffffff" -} diff --git a/packages/theme/src/theme/impression-theme/index.js b/packages/theme/src/theme/impression-theme/index.js deleted file mode 100644 index ebf9ceb3de..0000000000 --- a/packages/theme/src/theme/impression-theme/index.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Copyright (c) 2022 - present TinyVue Authors. - * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd. - * - * Use of this source code is governed by an MIT-style license. - * - * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, - * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR - * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. - * - */ - -export const impressionTheme = {} diff --git a/packages/theme/src/theme/impression-theme/index.json b/packages/theme/src/theme/impression-theme/index.json deleted file mode 100644 index 0df1a14395..0000000000 --- a/packages/theme/src/theme/impression-theme/index.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "ti-base-color-brand-6": "#5e7ce0", - "ti-base-color-common-7": "#252b3a" -} \ No newline at end of file diff --git a/packages/theme/src/theme/index.d.ts b/packages/theme/src/theme/index.d.ts deleted file mode 100644 index 0911aa0d4a..0000000000 --- a/packages/theme/src/theme/index.d.ts +++ /dev/null @@ -1,15 +0,0 @@ -interface TinyTheme { - id: string - name: string - cnName: string - data: object -} - -declare var tinySmbTheme: TinyTheme -declare var tinyDeepTheme: TinyTheme -declare var tinyGalaxyTheme: TinyTheme -declare var tinyAuroraTheme: TinyTheme -declare var tinyInfinityTheme: TinyTheme -declare var tinyImpressionTheme: TinyTheme - -export { tinySmbTheme, tinyDeepTheme, tinyGalaxyTheme, tinyInfinityTheme, tinyAuroraTheme, tinyImpressionTheme } diff --git a/packages/theme/src/theme/index.js b/packages/theme/src/theme/index.js deleted file mode 100644 index eb5ee72124..0000000000 --- a/packages/theme/src/theme/index.js +++ /dev/null @@ -1,60 +0,0 @@ -/** - * Copyright (c) 2022 - present TinyVue Authors. - * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd. - * - * Use of this source code is governed by an MIT-style license. - * - * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, - * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR - * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. - * - */ - -import { impressionTheme } from './impression-theme' -import { tinyBaseInfinityTheme, infinityConcat } from './infinity-theme' -import { deepTheme } from './deep-theme' -import { galaxyTheme } from './galaxy-theme' -import { tinyBaseAuroraTheme, concatTheme as auroraConcat } from './aurora-theme' -import { tinyBaseSmbTheme, concatTheme as smbConcat } from './smb-theme' - -export const tinyImpressionTheme = { - id: 'tiny-impression-theme', - name: 'Impression', - cnName: '印象', - data: impressionTheme -} - -export const tinyInfinityTheme = { - id: 'tiny-infinity-theme', - name: 'Infinity', - cnName: '无限', - data: { ...tinyBaseInfinityTheme, ...infinityConcat } -} - -export const tinyDeepTheme = { - id: 'tiny-deep-theme', - name: 'Deep', - cnName: '深邃夜空', - data: deepTheme -} - -export const tinyGalaxyTheme = { - id: 'tiny-galaxy-theme', - name: 'Galaxy', - cnName: '追光', - data: galaxyTheme -} - -export const tinyAuroraTheme = { - id: 'tiny-aurora-theme', - name: 'Aurora', - cnName: 'Aurora', - data: { ...tinyBaseAuroraTheme, ...auroraConcat } -} - -export const tinySmbTheme = { - id: 'tiny-smb-theme', - name: 'SMB', - cnName: 'SMB', - data: { ...tinyBaseSmbTheme, ...smbConcat } -} diff --git a/packages/theme/src/theme/infinity-theme/component-vars.js b/packages/theme/src/theme/infinity-theme/component-vars.js deleted file mode 100644 index 2e2d7120b7..0000000000 --- a/packages/theme/src/theme/infinity-theme/component-vars.js +++ /dev/null @@ -1,381 +0,0 @@ -/** - * Copyright (c) 2022 - present TinyVue Authors. - * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd. - * - * Use of this source code is governed by an MIT-style license. - * - * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, - * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR - * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. - * - */ - -export const infinityConcat = { - 'ti-button-size-normal-height': 'var(--ti-common-space-8x)', - 'ti-button-normal-background-color': '#ebebeb', - 'ti-button-normal-border-color': 'var(--ti-base-color-transparent)', - 'ti-button-normal-text-color': 'var(--ti-base-color-common-7)', - 'ti-button-padding-vertical': '0', - 'ti-button-normal-hover-bg-color': '#d1d1d1', - 'ti-button-normal-hover-border-color': 'var(--ti-base-color-transparent)', - 'ti-button-normal-hover-text-color': 'var(--ti-base-color-common-7)', - 'ti-button-text-color': '#526ecc', - 'ti-button-text-color-hover': 'var(--ti-base-color-brand-8)', - 'ti-autocomplete-suggestion-border-color': '#fff', - 'ti-autocomplete-suggestion-bg-color': '#fff', - 'ti-autocomplete-li-hover-bg-color': 'var(--ti-common-color-hover-background)', - 'ti-autocomplete-li-select-bg-color': '#f2f5fc', - 'ti-autocomplete-li-height': '36px', - 'ti-checkbox-border-color': '#d7d8da', - 'ti-checkbox-border-color-hover': '#252b3a', - 'ti-checkbox-icon-height': '6px', - 'ti-checkbox-icon-width': 'var(--ti-common-size-3)', - 'ti-checkbox-icon-margin-top': '2px', - 'ti-picker-panel-border-color': '#fff', - 'ti-radio-inner-size': '10px', - 'ti-radio-bordered-checked-hover-border-color': 'var(--ti-base-color-brand-8)', - 'ti-radio-bordered-border-color': '#d7d8da', - 'ti-radio-input-disabled-bg-color': '#f5f5f5', - 'ti-switch-off-bg-color': '#d7d8da', - 'ti-link-default-text-color': 'var(--ti-base-color-brand-7)', - 'ti-link-default-hover-text-color': 'var(--ti-base-color-brand-8)', - 'ti-numeric-input-normal-height': 'var(--ti-common-size-height-normal)', - 'ti-numeric-input-width': '140px', - 'ti-slider-height': '5px', - 'ti-slider-range-height': '5px', - 'ti-slider-handle-border-radius': '50%', - 'ti-slider-handle-width': '14px', - 'ti-slider-handle-height': '14px', - 'ti-slider-range-top': '0', - 'ti-slider-handle-top': '0', - 'ti-slider-border-radius': '100px', - 'ti-slider-range-border-radius': '100px', - 'ti-slider-handle-border-weight': '2px', - 'ti-slider-range-hover-bg-color': '#7693f5', - 'ti-slider-handle-icon-display': 'none', - 'ti-slider-tips-margin-left': '0', - 'ti-slider-handle-transform': 'scale(1.3)', - 'ti-slider-range-margin-top': '0', - 'ti-slider-handle-margin-top': '-5px', - 'ti-slider-handle-margin-horizontal': '-8px', - 'ti-slider-handle-margin-bottom': '0', - 'ti-slider-margin-vertical': '-8px', - 'ti-slider-margin-right': '0', - 'ti-slider-margin-left': '-4px', - 'ti-time-panel-border-color': 'var(--ti-common-color-transparent)', - 'ti-time-panel-box-shadow': 'var(--ti-common-shadow-2-down)', - 'ti-time-spinner-item-font-weight': 'normal', - 'ti-time-panel-content-split-line-display': 'none', - 'ti-time-spinner-item-bg-color': '#f2f5fc', - 'ti-time-spinner-list-border-color': 'var(--ti-common-color-line-dividing)', - 'ti-time-panel-btn-cancel-display': 'none', - 'ti-time-panel-btn-confirm-text-color': 'var(--ti-common-color-info-normal)', - 'ti-time-panel-btn-bg-color': '#EBEBEB', - 'ti-time-panel-btn-padding-vertical': '0', - 'ti-time-panel-btn-padding-horizontal': '12px', - 'ti-time-panel-btn-height': '24px', - 'ti-time-panel-btn-min-width': '56px', - 'ti-time-panel-btn-font-weight': 'normal', - 'ti-time-panel-btn-confirm-hover-bg-color': 'var(--ti-button-normal-hover-bg-color)', - 'ti-tree-node-content-current-bg-color': 'var(--ti-common-color-selected-background)', - 'ti-tree-node-content-hover-bg-color': 'var(--ti-common-color-hover-background)', - // tabs - 'tv-Tabs-header-font-active-border-color': 'var(--ti-base-color-common-7)', - 'tv-Tabs-header-text-color': 'var(--ti-base-color-common-7)', - 'tv-Tabs-header-font-normal-text-color': '#71757f', - 'tv-Tabs-item-margin-right': 'var(--ti-common-space-8x)', - 'tv-Tabs-item-padding-horizontal': 'var(--ti-common-space-4x)', - 'tv-Tabs-item-vertical-padding-horizontal': 'var(--ti-common-space-5x)', - 'tv-Tabs-item-active-border-weight': '2px', - 'tv-Tabs-item-active-border-style': 'solid', - 'tv-Tabs-item-active-border-color': 'var(--tv-Tabs-header-font-active-border-color)', - 'tv-Tabs-item-bottom-border-weight': '1px', - 'tv-Tabs-item-bottom-border-style': 'solid', - 'tv-Tabs-item-bottom-border-color': '#f2f2f3', - 'tv-Tabs-item-card-active-bg-color': '#f7f7f9', - 'tv-Tabs-icon-close-default-bg-color': '#d7d8da', - 'tv-Tabs-icon-close-hover-bg-color': 'var(--ti-base-color-common-7)', - 'tv-Tabs-icon-close-default-text-color': 'var(--ti-base-color-white)', - 'tv-Tabs-icon-close-hover-text-color': 'var(--ti-base-color-white)', - 'tv-Tabs-icon-size-close': '12px', - 'tv-Tabs-icon-close-margin-vertical': '0', - 'tv-Tabs-icon-close-margin-right': '0', - 'tv-Tabs-icon-close-margin-left': 'var(--ti-common-space-3x)', - // popover - 'ti-popover-box-shadow': '0 8px 16px 0 rgba(37,43,58,.2)', - 'ti-popover-text-color': '#dfe1e6', - 'ti-popover-bg-color': '#464d6e', - 'ti-popover-border-color': 'var(--ti-common-color-transparent)', - 'ti-popover-title-text-color': '#dfe1e6', - 'ti-popover-arrow-border-color': 'var(--ti-popover-bg-color)', - 'ti-popover-placement-arrow-after-border-color': 'var(--ti-popover-arrow-border-color)', - 'ti-popover-padding-vertical': '8px', - 'ti-popover-padding-horizontal': '14px', - // tooltip - 'ti-tooltip-box-shadow': '0 8px 16px 0 rgba(37,43,58,.2)', - 'ti-tooltip-popper-border-color': '#464d6e', - 'ti-tooltip-popper-dark-bg-color': '#464d6e', - 'ti-tooltip-popper-light-text-color': '#464d6e', - 'ti-tooltip-popper-light-border-color': '#464d6e', - 'ti-tooltip-padding-vertical': '8px', - 'ti-tooltip-padding-horizontal': '14px', - 'ti-tooltip-color': '#dfe1e6', - 'ti-tooltip-popper-dark-text-color': '#dfe1e6', - - 'ti-dropdown-menu-padding-vertical': '12px', - 'ti-dropdown-menu-padding-horizontal': '12px', - 'ti-dropdown-menu-box-shadow': 'var(--ti-common-shadow-2-down)', - 'ti-dropdown-menu-margin-vertical': '8px', - 'ti-dropdown-item-height': '36px', - 'ti-dropdown-item-padding-vertical': '0', - 'ti-dropdown-item-padding-horizontal': '12px', - 'ti-dropdown-item-hover-bg-color': '#f2f2f3', - 'ti-dropdown-item-active-bg-color': 'var(--ti-dropdown-item-hover-bg-color)', - 'ti-dropdown-item-text-color': '#252b3a', - 'ti-dropdown-item-hover-text-color': 'var(--ti-dropdown-item-text-color)', - 'ti-dropdown-item-active-text-color': 'var(--ti-dropdown-item-text-color)', - 'ti-dropdown-item-border-radius': 'var(--ti-common-border-radius-normal)', - 'ti-dropdown-item-disabled-text-color': '#cfd0d3', - 'ti-dropdown-item-max-width': '100%', - 'ti-split-trigger-bg-color': '#f2f2f3', - 'ti-split-trigger-bar-bg-color': 'var(--ti-split-trigger-bg-color)', - 'ti-split-trigger-hover-bg-color': '#7693f5', - 'ti-split-trigger-bar-hover-bg-color': 'var(--ti-split-trigger-hover-bg-color)', - 'ti-split-trigger-size': '2px', - 'ti-split-trigger-bar-margin-left': '2px', - 'ti-split-trigger-bar-margin-top': '2px', - 'ti-split-trigger-con-col-cursor': 'col-resize', - 'ti-split-trigger-con-row-cursor': 'row-resize', - 'ti-picker-panel-box-shadow': 'var(--ti-common-shadow-2-down)', - 'ti-date-picker-width': '249px', - 'ti-date-picker-font-size': '12px', - 'ti-date-table-td-today-border-color': 'var(--ti-common-color-transparent)', - 'ti-date-table-td-today-text-color': 'var(--ti-base-color-brand-6)', - 'ti-date-picker-current-border-radius': 'var(--ti-common-border-radius-normal)', - 'ti-date-picker-hover-bg-color': 'var(--ti-common-color-selected-background)', - 'ti-date-table-td-width': '30px', - 'ti-date-table-td-height': '22px', - 'ti-date-table-td-padding-vertical': '0', - 'ti-date-table-td-padding-horizontal': '4px', - 'ti-date-table-td-span-width': '22px', - 'ti-date-table-td-span-height': '22px', - 'ti-date-editor-input-icon-color-fill': '#d7d8da', - // grid - 'ti-grid-header-background-color': '#fff', - 'ti-grid-header-column-height': '42px', - 'ti-grid-icon-fill-hover-bg-color': '#252b3a', - // modal - 'ti-modal-box-width': '346px', - 'ti-modal-header-padding-top': '20px', - 'ti-modal-header-padding-horizontal': '20px', - 'ti-modal-header-padding-bottom': '0', - 'ti-modal-close-btn-font-size': '32px', - 'ti-modal-body-padding-top': '20px', - 'ti-modal-body-padding-horizontal': '20px', - 'ti-modal-body-padding-bottom': '0', - 'ti-modal-footer-padding-top': '18px', - 'ti-modal-footer-padding-horizontal': '32px', - 'ti-modal-footer-padding-bottom': '20px', - 'ti-modal-close-btn-top': '18px', - 'ti-modal-close-btn-scale': 'scale(1)', - 'ti-modal-btn-text-color': '#71757f', - 'ti-modal-close-btn-background-color-hover': '#ebebeb', - 'ti-modal-footer-default-display-button': 'none', - 'ti-modal-box-shadow': '0 12px 24px 0 rgba(37,43,58,.2)', - 'ti-modal-footer-btn-border-radius': '4px', - 'ti-modal-box-border-radius': '8px', - 'ti-modal-close-btn-padding-horizontal-vertical': '5px', - // pager - 'ti-pager-input-height': '26px', - 'ti-pager-normal-text-color': '#71757f', - 'ti-pager-poplist-item-padding-vertical': '0', - 'ti-pager-poplist-item-padding-horizontal': '10px', - 'ti-pager-poplist-item-unchecked-box-shadow': ' 0 1px 3px 0 rgba(37, 43, 58, 0.1)', - 'ti-pager-poplist-item-hover-bg-color': 'var(--ti-common-color-transparent)', - 'ti-pager-poplist-item-hover-border-color': 'var(--ti-common-color-line-dividing)', - 'ti-pager-poplist-item-hover-text-color': 'var(--ti-common-color-info-normal)', - // alert - 'ti-alert-icon-font-size': 'var(--ti-common-font-size-2)', - 'ti-alert-icon-margin-top': 'var(--ti-common-size-3)', - 'ti-alert-close-font-size': 'var(--ti-common-font-size-2)', - 'ti-alert-close-position-top': 'var(--ti-common-size-3x)', - 'ti-alert-normal-padding-top': 'calc(var(--ti-common-size-3) * 3)', - 'ti-alert-normal-padding-bottom': 'calc(var(--ti-common-size-3) * 3)', - 'ti-alert-description-line-height': 'var(--ti-common-line-height-4)', - 'ti-alert-success-bg-color': 'var(--ti-common-color-success-bg)', - 'ti-alert-description-font-size': 'var(--ti-common-font-size-1)', - 'ti-alert-success-border-color': 'var(--ti-common-color-transparent)', - 'ti-alert-warning-border-color': 'var(--ti-common-color-transparent)', - 'ti-alert-simple-border-color': 'var(--ti-common-color-transparent)', - 'ti-alert-info-border-color': 'var(--ti-common-color-transparent)', - 'ti-alert-error-border-color': 'var(--ti-common-color-transparent)', - 'ti-alert-info-bg-color': 'var(--ti-common-color-bg-light-normal)', - 'ti-alert-warning-bg-color': 'var(--ti-common-color-warn-bg)', - 'ti-alert-error-bg-color': 'var(--ti-common-color-error-bg)', - 'ti-alert-info-icon-color': 'var(--ti-common-color-primary-normal)', - 'ti-alert-warning-icon-color': 'var(--ti-common-color-warn)', - 'ti-alert-error-icon-color': 'var(--ti-common-color-error)', - 'ti-alert-success-icon-color': 'var(--ti-common-color-success)', - // steps - 'tv-Steps-icon-size': '24px', - 'tv-Steps-node-done-bg-color': 'var(--ti-common-color-success-normal)', - 'tv-Steps-node-done-border-color': 'var(--ti-common-color-success-normal)', - 'tv-Steps-done-icon-fill-color': '#fff', - 'tv-Steps-line-active-bg-color': 'var(--ti-common-color-border)', - 'tv-Steps-line-height': '1px', - 'tv-Steps-done-text-color': 'var(--ti-common-color-success-normal)', - // tag - 'ti-tag-border-radius': 'var(--ti-common-border-radius-1)', - 'ti-tag-height': 'var(--ti-common-size-5x)', - 'ti-tag-close-font-size': 'var(--ti-common-font-size-base)', - // transfer - 'ti-transfer-panel-width': '300px', - 'ti-transfer-header-bg-color': '#fff', - 'ti-transfer-header-border-color': 'var(--ti-common-color-line-dividing)', - 'ti-transfer-panel-body-height': '320px', - 'ti-transfer-panel-body-filter-height': '276px', - 'ti-transfer-panel-item-height': '36px', - 'ti-transfer-header-span-text-color': '#71757f', - 'ti-transfer-button-border-radius': '100%', - 'ti-transfer-button-disabled-bg-color': 'var(--ti-common-color-bg-disabled)', - // badge - 'ti-badge-size': 'var(--ti-common-size-4x)', - 'ti-badge-font-weight': 'var(--ti-common-font-weight-4)', - 'ti-badge-border-radius': '100px', - // carousel - 'ti-carousel-arrow-hover-bg-color': 'ti-common-color-selected-background', - 'ti-carousel-arrow-bg-color': 'rgba(255,255,255,0.8)', - 'ti-carousel-arrow-box-shadow': '0 8px 16px 0 rgba(37,43,58,.1)', - 'ti-carousel-arrow-active-text-color': 'var(--ti-base-color-common-7)', - 'ti-carousel-arrow-width': 'var(--ti-common-size-height-normal)', - 'ti-carousel-arrow-height': 'var(--ti-common-size-height-normal)', - 'ti-carousel-indicators-bg-color': 'none', - 'ti-carousel-indicator-button-bg-color': '#71757f', - 'ti-carousel-indicator-button-width': '6px', - 'ti-carousel-indicator-button-height': '6px', - 'ti-carousel-indicator-margin-right': 'var(--ti-common-size-2x)', - 'ti-carousel-indicator-active-text-color': 'var(--ti-common-color-info-normal)', - 'ti-carousel-indicator-active-border-radius': 'var(--ti-common-border-radius-1)', - 'ti-carousel-indicator-active-width': 'var(--ti-common-size-6x)', - 'ti-carousel-hover-opacity': '1', - 'ti-carousel-indicator-active-transition': 'all 0.1s cubic-bezier(0.645,0.045,0.355,1)', - 'ti-carousel-indicator-active-background-color': '#71757f', - 'ti-carousel-indicator-active-button-width': 'var(--ti-common-size-6x)', - 'ti-carousel-indicator-padding-vertical': '0', - 'ti-carousel-indicator-padding-horizontal': '0', - 'ti-carousel-indicator-active-transition-property': 'width', - // dialog-box - 'ti-dialogbox-border-radius': 'var(--ti-common-border-radius-2)', - 'ti-dialogbox-head-padding-top': '20px', - 'ti-dialogbox-head-padding-horizontal': '20px', - 'ti-dialogbox-head-padding-bottom': '0', - 'ti-dialogbox-btn-background-color-hover': '#ebebeb', - 'ti-dialogbox-head-font-icon-size': '20px', - 'ti-dialogbox-close-icon-color': '#71757f', - 'ti-dialogbox-close-icon-color-hover': '#71757f', - 'ti-dialogbox-box-body-padding-vertical': '20px', - 'ti-dialogbox-box-body-padding-horizontal': '20px', - 'ti-dialogbox-box-body-margin-bottom': '0', - 'ti-dialogbox-box-shadow': '0 12px 24px 0 rgba(37,43,58,.2)', - // notify - 'ti-notify-max-width': '280px', - 'ti-notify-bg-color': '#464d6e', - 'ti-notify-text-color': 'var(--ti-base-color-common-1)', - 'ti-notify-info-bg-color': 'var(--ti-notify-bg-color)', - 'ti-notify-warning-bg-color': 'var(--ti-notify-bg-color)', - 'ti-notify-error-bg-color': 'var(--ti-notify-bg-color)', - 'ti-notify-success-bg-color': 'var(--ti-notify-bg-color)', - 'ti-notify-close-icon-color': 'var(--ti-base-color-common-1)', - 'ti-notify-title-text-color': 'var(--ti-base-color-common-1)', - 'ti-notify-title-margin-top': '0', - 'ti-notify-title-margin-horizontal': '0', - 'ti-notify-title-margin-bottom': '8px', - 'ti-notify-title-height': '25px', - 'ti-notify-title-line-height': '25px', - 'ti-notify-title-font-size': 'var(--ti-common-font-size-1)', - 'ti-notify-content-font-size': 'var(--ti-common-font-size-1)', - 'ti-notify-icon-size': 'var(--ti-common-font-size-2)', - 'ti-notify-message-margin-vertical': '6px', - 'ti-notify-message-margin-right': 0, - 'ti-notify-message-margin-left': 0, - 'ti-notify-border-radius': 'var(--ti-common-border-radius-1)', - // image-preview - 'ti-image-viewer-close-bg-color': 'rgba(255,255,255,0.8)', - 'ti-image-viewer-text-color': '#71757f', - 'ti-image-viewer-close-top': '55px', - 'ti-image-viewer-close-right': '20px', - 'ti-image-viewer-close-width': 'var(--ti-common-size-9x)', - 'ti-image-viewer-close-height': 'var(--ti-common-size-9x)', - 'ti-image-viewer-close-font-size': '18px', - 'ti-image-viewer-actions-width': '100%', - 'ti-image-viewer-actions-height': '50px', - 'ti-image-viewer-actions-bottom': '0', - 'ti-image-viewer-actions-border-radius': 'none', - 'ti-image-viewer-actions-inner-justify-content': 'center', - 'ti-image-viewer-actions-inner-font-size': '18px', - 'ti-image-viewer-actions-inner-text-color': '#71757f', - 'ti-image-viewer-next-width': '36px', - 'ti-image-viewer-next-height': '36px', - 'ti-image-viewer-mask-wrap-bg-color': 'rgba(37,43,58,.2)', - 'ti-image-viewer-close-bg-color-hover': 'var(--ti-common-color-selected-background)', - 'ti-image-viewer-btn-opacity': '1', - 'ti-image-viewer-mask-bg-color': 'var(--ti-common-color-transparent)', - // input - 'ti-input-border-radius': 'var(--ti-common-border-radius-1)', - 'ti-input-hover-border-color': 'var(--ti-common-color-border-hover)', - 'ti-input-active-border-color': 'var(--ti-base-color-brand-7)', - 'ti-input-height': '32px', - 'ti-input-mini-height': '24px', - 'ti-input-small-height': '32px', - 'ti-input-medium-height': '40px', - // cascader - 'ti-cascader-width': '300px', - 'ti-cascader-medium-line-height': 'var(--ti-input-medium-height)', - 'ti-cascader-small-line-height': 'var(--ti-input-small-height)', - 'ti-cascader-mini-line-height': 'var(--ti-input-mini-height)', - 'ti-cascader-menu-list-padding-vertical': 'var(--ti-common-space-3x)', - 'ti-cascader-menu-list-padding-horizontal': 'var(--ti-common-space-3x)', - 'ti-cascader-panel-node-height': '36px', - 'ti-cascader-node-selectable-hover-bg-color': '#f2f2f3', - 'ti-cascader-node-selectable-hover-text-color': 'var(--ti-base-color-brand-7)', - 'ti-cascader-node-disabled-text-color': '#cfd0d3', - 'ti-cascader-node-disabled-bg-color': '#f5f5f5', - 'ti-cascader-node-icon-color': 'var(--ti-base-color-common-7)', - 'ti-cascader-panel-node-label-padding-vertical': '0', - 'ti-cascader-panel-node-label-padding-right': '30px', - 'ti-cascader-panel-node-label-padding-left': '12px', - 'ti-cascader-node-prefix-display': 'none', - 'ti-cascader-node-label-padding-vertical': 0, - 'ti-cascader-node-label-padding-horizontal': 0, - 'ti-cascader-dropdown-box-shadow': '0 4px 8px 0 rgba(37, 43, 58, 0.2)', - 'ti-cascader-dropdown-border-color': 'var(--ti-cascader-dropdown-bg-color)', - 'ti-cascader-menu-border-color': 'var(--ti-common-color-hover-background)', - 'ti-cascader-node-hover-bg-color': 'var(--ti-common-color-hover-background)', - 'ti-cascader-menu-width': '200px', - 'ti-cascader-panel-node-margin-top': 'var(--ti-common-space-base)', - 'ti-cascader-tag-bg-color': 'var(--ti-base-color-brand-2)', - 'ti-tag-info-text-color': '#71757f', - 'ti-cascader-hover-border-color': '#71757f', - 'ti-cascader-focus-border-color': 'var(--ti-base-color-brand-6)', - 'ti-cascader-node-selectable-text-color': 'var(--ti-base-color-brand-7)', - 'ti-cascader-node-hover-text-color': 'var(--ti-base-color-brand-7)', - // select - 'ti-select-input-caret-icon-color': 'var(--ti-base-color-common-5)', - 'ti-select-input-caret-hover-icon-color': 'var(--ti-base-color-common-7)', - // option - 'ti-select-dropdown-list-padding-top': 'var(--ti-common-space-3x)', - 'ti-select-dropdown-list-padding-horizontal': 'var(--ti-common-space-3x)', - 'ti-select-dropdown-list-padding-bottom': 'var(--ti-common-space-3x)', - 'ti-select-dropdown-border-color': 'var(--ti-base-color-white)', - 'ti-option-padding-vertical': '0', - 'ti-option-padding-horizontal': 'var(--ti-common-space-3x)', - 'ti-option-margin-top': 'var(--ti-common-space-base)', - 'ti-option-height': '36px', - 'ti-option-selected-text-color': 'var(--ti-common-color-info-normal)', - 'ti-option-selected-bg-color': 'var(--ti-base-color-brand-1)', - // form-item - 'ti-form-item-error-text-color': 'var(--ti-base-color-error-3)', - 'ti-form-item-error-bg-color': '#ffd5d4', - // color-select-panel - 'ti-color-select-panel-btn-margin': '8px' -} diff --git a/packages/theme/src/theme/infinity-theme/devui.json b/packages/theme/src/theme/infinity-theme/devui.json deleted file mode 100644 index 664cd17465..0000000000 --- a/packages/theme/src/theme/infinity-theme/devui.json +++ /dev/null @@ -1,150 +0,0 @@ -{ - "devui-global-bg": "#f7f7f9", - "devui-glass-morphism-bg": "rgba(247,247,249,0.9)", - "devui-global-bg-normal": "#ffffff", - "devui-base-bg": "#ffffff", - "devui-base-bg-dark": "#252b3a", - "devui-brand": "#5e7ce0", - "devui-brand-foil": "#f2f2f3", - "devui-brand-hover": "#7693f5", - "devui-brand-active": "#526ecc", - "devui-brand-active-focus": "#344899", - "devui-contrast": "#c7000b", - "devui-text": "#252b3a", - "devui-text-weak": "#575d6c", - "devui-aide-text": "#71757f", - "devui-aide-text-hover": "#252b3a", - "devui-aide-text-stress": "#575d6c", - "devui-placeholder": "#babbc0", - "devui-light-text": "#ffffff", - "devui-dark-text": "#252b3a", - "devui-link": "#526ecc", - "devui-link-active": "#526ecc", - "devui-link-light": "#96adfa", - "devui-link-light-active": "#beccfa", - "devui-line": "#d7d8da", - "devui-dividing-line": "#f2f2f3", - "devui-block": "#ffffff", - "devui-area": "#f5f5f5", - "devui-danger": "#f66f6a", - "devui-warning": "#fac20a", - "devui-waiting": "#beccfa", - "devui-success": "#50d4ab", - "devui-info": "#5e7ce0", - "devui-initial": "#e9edfa", - "devui-unavailable": "#f5f5f5", - "devui-shadow": "rgba(37, 43, 58, 0.2)", - "devui-light-shadow": "rgba(37, 43, 58, 0.1)", - "devui-connected-overlay-shadow": "rgba(37, 43, 58, 0.12)", - "devui-feedback-overlay-shadow": "rgba(37, 43, 58, 0.16)", - "devui-icon-text": "#71757f", - "devui-icon-bg": "#ffffff", - "devui-icon-fill": "#71757f", - "devui-icon-fill-weak": "#babbc0", - "devui-icon-fill-hover": "#252b3a", - "devui-icon-fill-active": "#252b3a", - "devui-icon-fill-active-hover": "#252b3a", - "devui-shape-icon-fill": "#d7d8da", - "devui-shape-icon-fill-hover": "#babbc0", - "devui-shape-icon-fill-active": "#babbc0", - "devui-shape-icon-fill-disabled": "#f5f5f5", - "devui-form-control-line": "#d7d8da", - "devui-form-control-bg": "#ffffff", - "devui-form-control-line-hover": "#9b9fa8", - "devui-form-control-line-active": "#5e7ce0", - "devui-form-control-line-active-hover": "#344899", - "devui-list-item-active-bg": "#f2f5fc", - "devui-list-item-active-text": "#252b3a", - "devui-list-item-active-hover-bg": "#f2f5fc", - "devui-list-item-hover-bg": "#f2f2f3", - "devui-list-item-hover-text": "#252b3a", - "devui-list-item-selected-bg": "#f2f5fc", - "devui-list-item-strip-bg": "#f2f5fc", - "devui-disabled-bg": "#f5f5f5", - "devui-disabled-line": "#dfe1e6", - "devui-disabled-text": "#cfd0d3", - "devui-primary-disabled": "#beccfa", - "devui-icon-fill-active-disabled": "#beccfa", - "devui-label-bg": "#e9edfa", - "devui-connected-overlay-bg": "#ffffff", - "devui-connected-overlay-line": "#526ecc", - "devui-fullscreen-overlay-bg": "#ffffff", - "devui-feedback-overlay-bg": "#464d6e", - "devui-feedback-overlay-text": "#dfe1e6", - "devui-embed-search-bg": "#f2f2f3", - "devui-embed-search-bg-hover": "#eef0f5", - "devui-float-block-shadow": "rgba(94, 124, 224, 0.3)", - "devui-highlight-overlay": "rgba(255, 255, 255, 0.8)", - "devui-range-item-hover-bg": "#e9edfa", - "devui-primary": "#5e7ce0", - "devui-primary-hover": "#7693f5", - "devui-primary-active": "#344899", - "devui-contrast-hover": "#d64a52", - "devui-contrast-active": "#b12220", - "devui-danger-line": "#f66f6a", - "devui-danger-bg": "#ffd5d4", - "devui-warning-line": "#fa9841", - "devui-warning-bg": "#ffe1c7", - "devui-info-line": "#5e7ce0", - "devui-info-bg": "#e9edfa", - "devui-success-line": "#50d4ab", - "devui-success-bg": "#cffcee", - "devui-primary-line": "#5e7ce0", - "devui-primary-bg": "#f2f5fc", - "devui-default-line": "#5e7ce0", - "devui-default-bg": "#f7f8fa", - "devui-shadow-length-base": "0 1px 4px 0", - "devui-shadow-length-slide-left": "-2px 0 8px 0", - "devui-shadow-length-slide-right": "2px 0 8px 0", - "devui-shadow-length-connected-overlay": "0 4px 8px 0", - "devui-shadow-length-hover": "0 8px 16px 0", - "devui-shadow-length-feedback-overlay": "0 8px 16px 0", - "devui-shadow-length-fullscreen-overlay": "0 12px 24px 0", - "devui-border-radius": "4px", - "devui-border-radius-feedback": "4px", - "devui-border-radius-card": "8px", - "devui-border-radius-full": "100px", - "devui-font-size": "14px", - "devui-font-size-card-title": "16px", - "devui-font-size-page-title": "16px", - "devui-font-size-modal-title": "18px", - "devui-font-size-price": "20px", - "devui-font-size-data-overview": "24px", - "devui-font-size-icon": "16px", - "devui-font-size-sm": "12px", - "devui-font-size-md": "14px", - "devui-font-size-lg": "14px", - "devui-font-title-weight": "bold", - "devui-font-content-weight": "normal", - "devui-line-height-base": "1.5", - "devui-animation-ease-in-smooth": "cubic-bezier(0.645, 0.045, 0.355, 1)", - "devui-animation-duration-slow": "300ms", - "devui-animation-duration-base": "200ms", - "devui-animation-duration-fast": "100ms", - "devui-animation-ease-in": "cubic-bezier(0.5, 0, 0.84, 0.25)", - "devui-animation-ease-out": "cubic-bezier(0.16, 0.75, 0.5, 1)", - "devui-animation-ease-in-out": "cubic-bezier(0.5, 0.05, 0.5, 0.95)", - "devui-animation-ease-in-out-smooth": "cubic-bezier(0.645, 0.045, 0.355, 1)", - "devui-animation-linear": "cubic-bezier(0, 0, 1, 1)", - "devui-z-index-full-page-overlay": "1080", - "devui-z-index-pop-up": "1060", - "devui-z-index-dropdown": "1052", - "devui-z-index-modal": "1050", - "devui-z-index-drawer": "1040", - "devui-z-index-framework": "1000", - - "devui-btn-sm-padding": "0 12px", - "devui-btn-padding": "0 16px", - "devui-btn-lg-padding": "0 20px", - "devui-btn-common-bg": "#ebebeb", - "devui-btn-common-border-color": "transparent", - "devui-btn-common-bg-hover": "#d1d1d1", - "devui-btn-common-color-hover": "#252b3a", - "devui-btn-common-border-color-hover": "transparent", - "devui-btn-common-bg-active": "#BDBDBD", - "devui-btn-common-color-active": "#252b3a", - "devui-btn-common-border-color-active": "transparent", - "devui-btn-common-border-disabled": "transparent", - "devui-icon-hover-bg": "#ebebeb", - "devui-icon-active-bg": "#d1d1d1" -} diff --git a/packages/theme/src/theme/infinity-theme/index.js b/packages/theme/src/theme/infinity-theme/index.js deleted file mode 100644 index 576bd7dd2e..0000000000 --- a/packages/theme/src/theme/infinity-theme/index.js +++ /dev/null @@ -1,156 +0,0 @@ -/** - * Copyright (c) 2022 - present TinyVue Authors. - * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd. - * - * Use of this source code is governed by an MIT-style license. - * - * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, - * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR - * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. - * - */ - -// 基础变量 -export const tinyBaseInfinityTheme = { - 'ti-base-color-transparent': 'transparent', // 透明色 - - // 品牌主色 - 'ti-base-color-brand-6': '#5e7ce0', // 主色蓝 - 'ti-base-color-brand-2': '#e9edfa', // 品牌色-2 - - /* 1.4 功能色 */ - 'ti-base-color-error-3': '#f66f6a', // 错误-3 - 'ti-base-color-error-1': '#ffd5d4', // 错误-1 - - 'ti-base-color-success-3': '#50d4ab', // 成功-3 - 'ti-base-color-success-1': '#cffcee', // 成功-1 - - // 告警色 - 'ti-base-color-warn-4': '#fa9841', // 告警-4 - 'ti-base-color-warn-1': '#ffe1c7', // 告警-1 - - 'ti-common-border-radius-normal': 'var(--ti-common-border-radius-1)', - 'ti-common-font-size-base': 'var(--ti-common-font-size-1)', - 'ti-common-color-line-dividing': '#f2f2f3', - 'ti-common-color-warning-normal': '#fac20a', - 'ti-common-color-warning-hover': '#ffd138', - 'ti-common-color-warning-active': '#ffd138', - 'ti-common-color-danger-normal': '#c7000b', - 'ti-common-color-danger-hover': '#d64a52', - 'ti-common-color-danger-active': '#d64a52', - 'ti-common-color-success-normal': '#50d4ab', - 'ti-common-color-success-hover': '#6ddebb', - 'ti-common-color-success-active': '#6ddebb', - 'ti-common-color-info-normal': '#252b3a', - 'ti-common-color-info-hover': '#575d5c', - 'ti-common-color-info-active': '#575d5c', - 'ti-common-color-border': '#d7d8da', - 'ti-base-color-brand-5': '#526ecc', - 'ti-common-size-height-normal': '32px', - 'ti-common-shadow-2-down': '0 4px 8px 0 rgba(37,43,58,.2)', - 'ti-common-color-hover-background': '#f2f2f3', - 'ti-common-color-selected-background': '#f2f5fc', - 'ti-common-dropdown-gap': '8px', - 'ti-common-color-bg-disabled': '#f5f5f5', - - /** - * 12.28 尺寸 - **/ - 'ti-common-size-base': '4px', // 基础尺寸 - 'ti-common-size-2x': 'calc(var(--ti-common-size-base) * 2)', // 尺寸-2 - 'ti-common-size-3x': 'calc(var(--ti-common-size-base) * 3)', // 尺寸-3 - 'ti-common-size-4x': 'calc(var(--ti-common-size-base) * 4)', // 尺寸-4 - 'ti-common-size-5x': 'calc(var(--ti-common-size-base) * 5)', // 尺寸-5 - 'ti-common-size-6x': 'calc(var(--ti-common-size-base) * 6)', // 尺寸-6 - 'ti-common-size-7x': 'calc(var(--ti-common-size-base) * 7)', // 尺寸-7 - 'ti-common-size-8x': 'calc(var(--ti-common-size-base) * 8)', // 尺寸-8 - 'ti-common-size-9x': 'calc(var(--ti-common-size-base) * 9)', // 尺寸-9 - 'ti-common-size-10x': 'calc(var(--ti-common-size-base) * 10)', // 尺寸-10 - 'ti-common-size-11x': 'calc(var(--ti-common-size-base) * 11)', // 尺寸-11 - 'ti-common-size-12x': 'calc(var(--ti-common-size-base) * 12)', // 尺寸-12 - 'ti-common-size-13x': 'calc(var(--ti-common-size-base) * 13)', // 尺寸-13 - 'ti-common-size-14x': 'calc(var(--ti-common-size-base) * 14)', // 尺寸-14 - 'ti-common-size-15x': 'calc(var(--ti-common-size-base) * 15)', // 尺寸-15 - 'ti-common-size-16x': 'calc(var(--ti-common-size-base) * 16)', // 尺寸-16 - 'ti-common-size-17x': 'calc(var(--ti-common-size-base) * 17)', // 尺寸-17 - 'ti-common-size-18x': 'calc(var(--ti-common-size-base) * 18)', // 尺寸-18 - 'ti-common-size-19x': 'calc(var(--ti-common-size-base) * 19)', // 尺寸-19 - 'ti-common-size-20x': 'calc(var(--ti-common-size-base) * 20)', // 尺寸-20 - 'ti-common-size-21x': 'calc(var(--ti-common-size-base) * 21)', // 尺寸-21 - 'ti-common-size-22x': 'calc(var(--ti-common-size-base) * 22)', // 尺寸-22 - 'ti-common-size-23x': 'calc(var(--ti-common-size-base) * 23)', // 尺寸-23 - 'ti-common-size-24x': 'calc(var(--ti-common-size-base) * 24)', // 尺寸-24 - 'ti-common-size-25x': 'calc(var(--ti-common-size-base) * 25)', // 尺寸-25 - 'ti-common-size-26x': 'calc(var(--ti-common-size-base) * 26)', // 尺寸-26 - 'ti-common-size-27x': 'calc(var(--ti-common-size-base) * 27)', // 尺寸-27 - 'ti-common-size-28x': 'calc(var(--ti-common-size-base) * 28)', // 尺寸-28 - 'ti-common-size-29x': 'calc(var(--ti-common-size-base) * 29)', // 尺寸-29 - 'ti-common-size-30x': 'calc(var(--ti-common-size-base) * 30)', // 尺寸-30 - 'ti-common-size-31x': 'calc(var(--ti-common-size-base) * 31)', // 尺寸-31 - 'ti-common-size-32x': 'calc(var(--ti-common-size-base) * 32)', // 尺寸-32 - 'ti-common-size-33x': 'calc(var(--ti-common-size-base) * 33)', // 尺寸-33 - 'ti-common-size-34x': 'calc(var(--ti-common-size-base) * 34)', // 尺寸-34 - 'ti-common-size-35x': 'calc(var(--ti-common-size-base) * 35)', // 尺寸-35 - 'ti-common-size-36x': 'calc(var(--ti-common-size-base) * 36)', // 尺寸-36 - 'ti-common-size-37x': 'calc(var(--ti-common-size-base) * 37)', // 尺寸-37 - 'ti-common-size-38x': 'calc(var(--ti-common-size-base) * 38)', // 尺寸-38 - 'ti-common-size-39x': 'calc(var(--ti-common-size-base) * 39)', // 尺寸-39 - 'ti-common-size-40x': 'calc(var(--ti-common-size-base) * 40)', // 尺寸-40 - 'ti-common-size-41x': 'calc(var(--ti-common-size-base) * 41)', // 尺寸-41 - 'ti-common-size-42x': 'calc(var(--ti-common-size-base) * 42)', // 尺寸-42 - 'ti-common-size-43x': 'calc(var(--ti-common-size-base) * 43)', // 尺寸-43 - 'ti-common-size-44x': 'calc(var(--ti-common-size-base) * 44)', // 尺寸-44 - 'ti-common-size-45x': 'calc(var(--ti-common-size-base) * 45)', // 尺寸-45 - 'ti-common-size-46x': 'calc(var(--ti-common-size-base) * 46)', // 尺寸-46 - 'ti-common-size-47x': 'calc(var(--ti-common-size-base) * 47)', // 尺寸-47 - 'ti-common-size-48x': 'calc(var(--ti-common-size-base) * 48)', // 尺寸-48 - 'ti-common-size-49x': 'calc(var(--ti-common-size-base) * 49)', // 尺寸-49 - 'ti-common-size-50x': 'calc(var(--ti-common-size-base) * 50)', // 尺寸-50 - - /* 其他尺寸 */ - 'ti-common-size-0': '0px', // 其他尺寸-1 - 'ti-common-size-auto': 'auto', // 其他尺寸-2 - 'ti-common-size-3': '3px', // 基础尺寸 - - /** - * 2.12 字号 - **/ - 'ti-common-font-size-1': '14px', // NewCssVar 标题-小 - 'ti-common-font-size-2': '16px', // NewCssVar 标题-中 - 'ti-common-font-size-3': '18px', // NewCssVar 标题-大 - 'ti-common-font-size-4': '20px', // NewCssVar 字号-4 - 'ti-common-font-size-5': '24px', // NewCssVar 字号-5 - 'ti-common-font-size-6': '32px', // NewCssVar 字号-6 - 'ti-common-font-size-7': '36px', // NewCssVar 字号-7 - - // 行高 - 'ti-common-line-height-4': '22px', // NewCssVar - - /** - * 2.1 基础色 - **/ - 'ti-common-color-transparent': 'var(--ti-base-color-transparent)', - - /* 浅底背景状态色 */ - 'ti-common-color-bg-light-normal': 'var(--ti-base-color-brand-2)', - - /** - * 2.3 交互类型颜色 - **/ - 'ti-common-color-primary-normal': 'var(--ti-base-color-brand-6)', // NewCssVar - - /** - * 2.2 提示类型颜色 - * 用于 alert组件、Modal（message）组件、Tag 标签组件、Notify 通知组件涉及功能提示的背景、文字、图标等的颜色使用 - **/ - 'ti-common-color-error': 'var(--ti-base-color-error-3)', // 错误-图标色/状态图标-危险、错误、失败/深色Tip中的价格文本 - 'ti-common-color-error-bg': 'var(--ti-base-color-error-1)', // 错误-背景色/校验背景色 - - 'ti-common-color-success': 'var(--ti-base-color-success-3)', // 成功-图标色/状态图标-成功 - 'ti-common-color-success-bg': 'var(--ti-base-color-success-1)', // 成功-背景色 - - 'ti-common-color-warn': 'var(--ti-base-color-warn-4)', // 告警-图标色/状态图标-警告 - 'ti-common-color-warn-bg': 'var(--ti-base-color-warn-1)' // 告警-背景色 -} - -export * from './component-vars.js' diff --git a/packages/theme/src/theme/infinity-theme/index.json b/packages/theme/src/theme/infinity-theme/index.json deleted file mode 100644 index a60ffba2ec..0000000000 --- a/packages/theme/src/theme/infinity-theme/index.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "ti-base-color-brand-6": "#5e7ce0", - "ti-base-color-common-7": "#252b3a", - "ti-button-normal-background-color": "#ebebeb" -} diff --git a/packages/theme/src/theme/smb-theme/index.js b/packages/theme/src/theme/smb-theme/index.js deleted file mode 100644 index ea9b86fa9f..0000000000 --- a/packages/theme/src/theme/smb-theme/index.js +++ /dev/null @@ -1,461 +0,0 @@ -export const tinyBaseSmbTheme = { - /* 基础色 */ - - // 品牌色 - 'ti-base-color-brand': '#191919', // 主色黑/链接颜色 - 'ti-base-color-brand-1': '#595959', // 主色悬浮色、链接悬浮色 - 'ti-base-color-brand-2': '#1476FF', // 文字按钮色、文字按钮悬浮色 - 'ti-base-color-brand-3': '#7693F5', // 深色背景下图标 - 'ti-base-color-brand-4': '#96ADFA', // 深色背景链接色 - 'ti-base-color-brand-5': '#C2C2C2', // 选块悬浮色/页签禁用文字色 - 'ti-base-color-brand-6': '#F5F5F5', // 选块默认色/滑块背景色/分页悬浮色、下拉、列表、悬浮背景、表头背景、下拉菜单、选块选中色 - 'ti-base-color-brand-7': '#B3D6FF', // 开关组件“开”禁用背景色 - 'ti-base-color-brand-8': '#DEECFF', // 日期选择悬浮背景色 - 'ti-base-color-brand-9': '#DBDBDB', // 开关组件“关”禁用背景色 - - // 中立色 - 'ti-base-color-common': '#191919', // 正文主色，重要信息、标题颜色、输入类文本颜色、导航栏文字图标 - 'ti-base-color-common-1': '#595959', // 次要信息/图标默认 - 'ti-base-color-common-2': '#808080', // 弱化信息、说明文字 - 'ti-base-color-common-3': '#C2C2C2', // 边框色（如下拉、输入框）/文字禁用/禁用图标 - 'ti-base-color-common-4': '#DBDBDB', // 禁用描边 - 'ti-base-color-common-5': '#F0F0F0', // 白色背景分割线 - 'ti-base-color-common-6': '#DBDBDB', // 灰色背景分割线 - 'ti-base-color-bg': '#F5F5F5', // 通用背景-页面背景色 - 'ti-base-color-bg-1': '#F0F0F0', // 禁用背景/小表格中禁用背景/支付列表中禁用背景、顶部导航下拉悬浮背景色 - 'ti-base-color-bg-2': '#FAFAFA', // 新区域组件-悬浮背景色 - 'ti-base-color-bg-3': '#191919', // 主要按钮-背景色 - 'ti-base-color-bg-4': '#595959', // 主要按钮-hover/Focus背景色 - 'ti-base-color-bg-5': '#FFFFFF', // 顶部导航背景色、 顶部导航下拉背景色 - 'ti-base-color-bg-6': '#F5F5F5', // 标签背景色 - 'ti-base-color-bg-7': '#FFFFFF', // 次要按钮-背景色、次要按钮-hover/Focus/active背景色、输入框背景色 - - // 功能色 - 'ti-base-color-success-bg': '#E6F2D5', // 成功-背景色 - 'ti-base-color-success-border': '#E6F2D5', // 成功-边框色 - 'ti-base-color-success': '#5CB300', // 成功-图标色 - 'ti-base-color-success-text': '#5CB300', // 成功-文本色 - - 'ti-base-color-error-bg': '#FCE3E1', // 错误-背景色/错误校验背景色 - 'ti-base-color-error-border': '#FCE3E1', // 错误-边框色 - 'ti-base-color-error': '#F23030', // 错误-图标色、校验边框色/、悬浮菜单背景色 - 'ti-base-color-error-text': '#F23030', // 错误-文本色/交易金额色 - - 'ti-base-color-warn-bg': '#FFEBD1', // 告警-背景色 - 'ti-base-color-warn-border': '#FFEBD1', // 告警-边框色 - 'ti-base-color-warn': '#FF8800', // 告警-图标色、深色背景-运营活动文本色 - 'ti-base-color-warn-text': '#FF8800', // 告警-文本色 - - 'ti-base-color-prompt-bg': '#DEECFF', // 提示-背景色 - 'ti-base-color-prompt-border': '#DEECFF', // 提示-边框色 - 'ti-base-color-prompt': '#1476FF', // 提示-图标色 - 'ti-base-color-prompt-text': '#1476FF', // 提示-文本色 - - 'ti-base-color-error-icon-from': '#FF41A1', - 'ti-base-color-error-icon-to': '#FF8A5B', - 'ti-base-color-warn-icon-from': '#FF5541', - 'ti-base-color-warn-icon-to': '#FFD347', - 'ti-base-color-prompt-icon-from': '#7769E8', - 'ti-base-color-prompt-icon-to': '#58BBFF', - 'ti-base-color-warn-1': '#FFB700', - 'ti-base-color-icon-info': '#1476FF', - 'ti-base-color-data-3': '#6E51E0', - 'ti-base-color-data-4': '#5CB300', - 'ti-base-color-data-5': '#FCBE1E', - 'ti-base-color-data-2': '#0BB8B2', // 新风格专用 - 'ti-base-color-data-6': '#33BCF2', // 新风格专用 - 'ti-base-color-data-7': '#BA53E6', // 新风格专用 - 'ti-base-color-data-8': '#EB4696', // 新风格专用 - - /* 场景色 */ - - // 功能色 - 'ti-common-color-success-bg': 'var(--ti-base-color-success-bg)', - 'ti-common-color-success-border': 'var(--ti-base-color-success-border)', - 'ti-common-color-success': 'var(--ti-base-color-success)', - 'ti-common-color-text-success': 'var(--ti-base-color-success-text)', - 'ti-common-color-error-bg': 'var(--ti-base-color-error-bg)', - 'ti-common-color-error-border': 'var(--ti-base-color-error)', - 'ti-common-color-error-border-secondary': 'var(--ti-base-color-error-border)', - 'ti-common-color-error': 'var(--ti-base-color-error)', - 'ti-common-color-error-text': 'var(--ti-base-color-error-text)', - 'ti-common-color-warn-bg': 'var(--ti-base-color-warn-bg)', - 'ti-common-color-warn-border': 'var(--ti-base-color-warn-border)', - 'ti-common-color-warn': 'var(--ti-base-color-warn)', - 'ti-common-color-warn-text': 'var(--ti-base-color-warn-text)', - 'ti-common-color-prompt-bg': 'var(--ti-base-color-prompt-bg)', - 'ti-common-color-prompt-border': 'var(--ti-base-color-prompt-border)', - 'ti-common-color-prompt': 'var(--ti-base-color-prompt)', - 'ti-common-color-prompt-text': 'var(--ti-base-color-prompt-text)', - 'ti-common-color-warn-secondary': 'var(--ti-base-color-warn-1)', - - // 文本色 - 'ti-common-color-error-icon-from': 'var(--ti-base-color-error-icon-from)', - 'ti-common-color-error-icon-to': 'var(--ti-base-color-error-icon-to)', - 'ti-common-color-warn-icon-from': 'var(--ti-base-color-warn-icon-from)', - 'ti-common-color-warn-icon-to': 'var(--ti-base-color-warn-icon-to)', - 'ti-common-color-prompt-icon-from': 'var(--ti-base-color-prompt-icon-from)', - 'ti-common-color-prompt-icon-to': 'var(--ti-base-color-prompt-icon-to)', - 'ti-common-color-text-primary': 'var(--ti-base-color-common)', - 'ti-common-color-text-secondary': 'var(--ti-base-color-common-1)', - 'ti-common-color-text-weaken': 'var(--ti-base-color-common-2)', - 'ti-common-color-text-disabled': 'var(--ti-base-color-common-3)', - 'ti-common-color-text-highlight': 'var(--ti-base-color-brand-2)', - 'ti-common-color-text-link': 'var(--ti-base-color-brand-2)', - 'ti-common-color-text-link-hover': 'var(--ti-base-color-brand-2)', - 'ti-common-color-text-white': 'var(--ti-base-color-white)', - 'ti-common-color-text-darkbg': 'var(--ti-base-color-common-3)', - 'ti-common-color-text-darkbg-disabled': 'var(--ti-base-color-common-1)', - 'ti-common-color-text-gray-disabled': 'var(--ti-base-color-brand-3)', - 'ti-common-color-text-important': 'var(--ti-base-color-common)', - 'ti-common-color-text-link-darkbg': 'var(--ti-base-color-brand-4)', - 'ti-common-color-text-link-darkbg-hover': 'var(--ti-base-color-brand-5)', - 'ti-common-color-text-gray': 'var(--ti-base-color-common)', - - // 图标色 - 'ti-common-color-icon': 'var(--ti-base-color-common)', // 5.12新增 - 'ti-common-color-icon-normal': 'var(--ti-base-color-common-2)', // 5.12修改 - 'ti-common-color-icon-hover': 'var(--ti-base-color-common)', // 5.12修改 - 'ti-common-color-icon-active': 'var(--ti-base-color-common)', // 5.12修改 - 'ti-common-color-icon-disabled': 'var(--ti-base-color-common-3)', - 'ti-common-color-icon-white': 'var(--ti-base-color-white)', - 'ti-common-color-icon-graybg-normal': 'var(--ti-base-color-common-2)', - 'ti-common-color-icon-graybg-hover': 'var(--ti-base-color-common)', - 'ti-common-color-icon-graybg-active': 'var(--ti-base-color-common)', - 'ti-common-color-icon-graybg-disabled': 'var(--ti-base-color-common-3)', - 'ti-common-color-icon-darkbg-normal': 'var(--ti-base-color-common-3)', - 'ti-common-color-icon-darkbg-hover': 'var(--ti-base-color-brand-3)', - 'ti-common-color-icon-darkbg-active': 'var(--ti-base-color-brand-3)', - 'ti-common-color-icon-darkbg-disabled': 'var(--ti-base-color-common-1)', - 'ti-common-color-icon-info': 'var(--ti-base-color-icon-info)', - - // 线条色 - 'ti-common-color-line-normal': 'var(--ti-base-color-common-3)', - 'ti-common-color-line-hover': 'var(--ti-base-color-common)', - 'ti-common-color-line-active': 'var(--ti-base-color-common)', - 'ti-common-color-line-disabled': 'var(--ti-base-color-common-4)', - 'ti-common-color-line-dividing': 'var(--ti-base-color-common-5)', - 'ti-common-color-dash-line-normal': 'var(--ti-base-color-common)', - 'ti-common-color-dash-line-hover': 'var(--ti-base-color-common)', - - // 背景色 - 'ti-common-color-bg-normal': 'var(--ti-base-color-bg)', - 'ti-common-color-bg-disabled': 'var(--ti-base-color-bg-1)', - 'ti-common-color-bg-emphasize': 'var(--ti-base-color-brand)', - 'ti-common-color-bg-hover': 'var(--ti-base-color-brand-1)', - 'ti-common-color-bg-gray': 'var(--ti-base-color-bg-2)', - 'ti-common-color-bg-secondary': 'var(--ti-base-color-common-3)', - 'ti-common-color-bg-primary': 'var(--ti-base-color-bg-3)', - 'ti-common-color-bg-primary-hover': 'var(--ti-base-color-bg-4)', - 'ti-common-color-bg-primary-active': 'var(--ti-base-color-bg-4)', - 'ti-common-color-bg-minor': 'var(--ti-base-color-bg-7)', - 'ti-common-color-bg-minor-hover': 'var(--ti-base-color-bg-7)', - 'ti-common-color-bg-minor-active': 'var(--ti-base-color-bg-7)', - 'ti-common-color-bg-navigation': 'var(--ti-base-color-bg-5)', - 'ti-common-color-bg-white-normal': 'var(--ti-base-color-bg-7)', - 'ti-common-color-bg-white-emphasize': 'var(--ti-base-color-bg-1)', - 'ti-common-color-bg-light-normal': 'var(--ti-base-color-bg-1)', - 'ti-common-color-bg-light-emphasize': 'var(--ti-base-color-brand-7)', - 'ti-common-color-bg-dark-normal': 'var(--ti-base-color-bg-7)', - 'ti-common-color-bg-dark-emphasize': 'var(--ti-base-color-bg-7)', - 'ti-common-color-bg-dark-active': 'var(--ti-base-color-bg-7)', - 'ti-common-color-bg-dark-disabled': 'var(--ti-base-color-common-4)', - 'ti-common-color-bg-dark-deep': 'var(--ti-base-color-white)', - 'ti-common-color-bg-dark-select': 'var(--ti-base-color-white)', - - // 补全默认主题变量名，因cfui组件使用到了此变量名，因为需要映射一下 - 'ti-common-bg-primary': 'var(--ti-common-color-bg-primary)', - 'ti-common-bg-primary-hover': 'var(--ti-common-color-bg-primary-hover)', - 'ti-common-bg-primary-active': 'var(--ti-common-color-bg-primary-active)', - 'ti-common-color-bg-6': 'var(--ti-base-color-bg-6)', // smb新增标签背景色 - - // 图表色 - 'ti-common-color-data-1': 'var(--ti-base-color-icon-info)', - 'ti-common-color-data-2': 'var(--ti-base-color-data-2)', - 'ti-common-color-data-3': 'var(--ti-base-color-data-3)', - 'ti-common-color-data-4': 'var(--ti-base-color-data-4)', - 'ti-common-color-data-5': 'var(--ti-base-color-data-5)', - 'ti-common-color-data-6': 'var(--ti-base-color-data-6)', - 'ti-common-color-data-7': 'var(--ti-base-color-data-7)', - 'ti-common-color-data-8': 'var(--ti-base-color-data-8)', - - /* 字号 */ - 'ti-common-font-size-base': '14px', // 正文 - 'ti-common-font-size-0': '12px', // 辅助文本 - 'ti-common-font-size-1': '14px', - 'ti-common-font-size-2': '16px', - 'ti-common-font-size-3': '18px', - 'ti-common-font-size-4': '20px', - 'ti-common-font-size-5': '24px', - 'ti-common-font-size-6': '32px', - 'ti-common-font-size-7': '36px', - 'ti-common-font-size-8': '40px', - 'ti-common-font-size-9': '48px', - 'ti-common-font-size-10': '56px', - 'ti-common-line-number': '1.5', - - /* 字体 */ - 'ti-common-font-family': - '"Helvetica", "Arial", "PingFangSC-Regular", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei"', - - /* 间距 */ - 'ti-common-space-base': '4px', - 'ti-common-space-2x': 'calc(var(--ti-common-space-base) * 2)', - 'ti-common-space-3x': 'calc(var(--ti-common-space-base) * 3)', - 'ti-common-space-4x': 'calc(var(--ti-common-space-base) * 4)', - 'ti-common-space-5x': 'calc(var(--ti-common-space-base) * 5)', - 'ti-common-space-6x': 'calc(var(--ti-common-space-base) * 6)', - 'ti-common-space-8x': 'calc(var(--ti-common-space-base) * 8)', - 'ti-common-space-10x': 'calc(var(--ti-common-space-base) * 10)', - 'ti-common-space-6': '6px', - 'ti-common-space-10': '10px', - 'ti-common-space-0': '0px', - 'ti-common-space-2': '2px', - - /* 阴影 */ - 'ti-common-shadow-1-up': '0 -1px 3px 0 rgba(0,0,0,0.08)', - 'ti-common-shadow-1-down': '0 1px 3px 0 rgba(0,0,0,0.08)', - 'ti-common-shadow-1-left': '-1px 0px3px 0 rgba(0,0,0,0.08)', - 'ti-common-shadow-1-right': '1px 0px 3px 0 rgba(0,0,0,0.08)', - 'ti-common-shadow-2-up': '0 -2px 12px 0 rgba(0,0,0,0.16)', - 'ti-common-shadow-2-down': '0 2px 12px 0 rgba(0,0,0,0.16)', - 'ti-common-shadow-2-left': '-2px 0 12px 0 rgba(0,0,0,0.16)', - 'ti-common-shadow-2-right': '2px 0 12px 0 rgba(0,0,0,0.16)', - 'ti-common-shadow-3-up': '0 -4px 16px 0 rgba(0,0,0,0.08)', - 'ti-common-shadow-3-down': '0 4px 16px 0 rgba(0,0,0,0.08)', - 'ti-common-shadow-3-left': '-4px 0 16px 0 rgba(0,0,0,0.08)', - 'ti-common-shadow-3-right': '4px 0 16px 0 rgba(0,0,0,0.08)', - 'ti-common-shadow-4-up': '0 -8px 24px 0 rgba(0,0,0,0.16)', - 'ti-common-shadow-4-down': '0 8px 24px 0 rgba(0,0,0,0.16)', - 'ti-common-shadow-4-left': '-8px 0 24px 0 rgba(0,0,0,0.16)', - 'ti-common-shadow-4-right': '8px 0 24px 0 rgba(0,0,0,0.16)', - - /* 圆角 */ - 'ti-common-border-radius-normal': 'var(--ti-common-border-radius-3)', - 'ti-common-border-radius-1': '2px', - 'ti-common-border-radius-2': '4px', - 'ti-common-border-radius-3': '6px', - 'ti-common-border-radius-4': '8px', - 'ti-common-border-radius-5': '12px', - 'ti-common-border-radius-6': '16px', - 'ti-common-border-radius-7': '24px', - 'ti-common-border-radius-8': '32px', - 'ti-common-border-radius-9': '48px', - 'ti-common-border-radius-10': '100px', - - /* 2023.4.17 新增 */ - - /* 主要 */ - 'ti-common-color-primary-normal': 'var(--ti-base-color-brand)', - 'ti-common-color-primary-hover': 'var(--ti-base-color-brand-1)', - 'ti-common-color-primary-active': 'var(--ti-base-color-brand-1)', - 'ti-common-color-primary-disabled': 'var(--ti-base-color-bg-1)', - 'ti-common-color-primary-disabled-border': 'var(--ti-base-color-bg-1)', - 'ti-common-color-primary-disabled-text': 'var(--ti-base-color-common-3)', - - /* 成功 */ - 'ti-common-color-success-normal': 'var(--ti-base-color-success)', - 'ti-common-color-success-hover': '#b9e683', - 'ti-common-color-success-active': '#b9e683', - 'ti-common-color-success-disabled': 'var(--ti-base-color-bg-1)', - 'ti-common-color-success-disabled-border': 'var(--ti-base-color-bg-1)', - 'ti-common-color-success-disabled-text': 'var(--ti-base-color-common-3)', - - /* 警告 */ - 'ti-common-color-warning-normal': 'var(--ti-base-color-warn)', - 'ti-common-color-warning-hover': '#fcc98b', - 'ti-common-color-warning-active': '#fcc98b', - 'ti-common-color-warning-disabled': 'var(--ti-base-color-bg-1)', - 'ti-common-color-warning-disabled-border': 'var(--ti-base-color-bg-1)', - 'ti-common-color-warning-disabled-text': 'var(--ti-base-color-common-3)', - - /* 失败 */ - 'ti-common-color-danger-normal': 'var(--ti-base-color-error)', - 'ti-common-color-danger-hover': '#faa9a5', - 'ti-common-color-danger-active': '#faa9a5', - 'ti-common-color-danger-disabled': 'var(--ti-base-color-bg-1)', - 'ti-common-color-danger-disabled-border': 'var(--ti-base-color-bg-1)', - 'ti-common-color-danger-disabled-text': 'var(--ti-base-color-common-3)', - - /* 信息 */ - 'ti-common-color-info-normal': 'var(--ti-base-color-common)', - 'ti-common-color-info-hover': 'var(--ti-base-color-common-1)', - 'ti-common-color-info-active': 'var(--ti-base-color-common-1)', - 'ti-common-color-info-disabled': 'var(--ti-base-color-bg-1)', - 'ti-common-color-info-disabled-border': 'var(--ti-base-color-bg-1)', - 'ti-common-color-info-disabled-text': 'var(--ti-base-color-common-3)', - - 'ti-common-color-light': 'var(--ti-base-color-bg-5)', - 'ti-common-color-dark': '#000', - - /* 边框/分割线颜色 */ - 'ti-common-color-border': '#999999', - 'ti-common-color-border-hover': 'var(--ti-base-color-brand)', - - /* 背景色 */ - 'ti-common-color-hover-background': 'var(--ti-base-color-bg);', - 'ti-common-color-selected-background': 'var(--ti-base-color-bg)', - - /* 文本色 */ - 'ti-common-color-selected-text-color': 'var(--ti-base-color-brand)', - 'ti-common-color-placeholder': 'var(--ti-base-color-common-2)', - - /* 间距 */ - 'ti-common-dropdown-gap': '4px', - - /* 字重 */ - 'ti-common-font-weight-light': '100', - 'ti-common-font-weight-normal': '400', - 'ti-common-font-weight-bold': '600', - - /* 字体 */ - 'ti-common-font-family-normal': 'var(--ti-common-font-family)', - - /* 宽 */ - 'ti-common-size-width-large': '152px', - 'ti-common-size-width-medium': '120px', - 'ti-common-size-width-normal': '104px', // Default - 'ti-common-size-width-small': '80px', - 'ti-common-size-width-minor': '30px', - 'ti-common-size-width-mini': '24px', - - /* 高 */ - 'ti-common-size-height-large': '48px', - 'ti-common-size-height-medium': '40px', - 'ti-common-size-height-normal': '32px', // Default - 'ti-common-size-height-small': '24px', - 'ti-common-size-height-minor': '30px', - 'ti-common-size-height-mini': '24px', - - /* 行高 */ - 'ti-common-line-height-base': '18px', // 跟字号对应 - 'ti-common-line-height-1': '22px', - 'ti-common-line-height-2': '24px', - 'ti-common-line-height-3': '28px', - 'ti-common-line-height-4': '30px', - 'ti-common-line-height-5': '36px', - 'ti-common-line-height-6': '48px', - 'ti-common-line-height-7': '54px', - 'ti-common-line-height-8': '60px', - 'ti-common-line-height-9': '72px', - 'ti-common-line-height-10': '84px', - - /* 滚动条 */ - 'ti-common-scrollbar-width': '8px', - 'ti-common-scrollbar-height': '8px', - 'ti-common-scrollbar-track-piece-bg-color': 'var(--ti-base-color-bg-5)', - 'ti-common-scrollbar-thumb-bg-color': 'var(--ti-base-color-common-4)', - 'ti-common-scrollbar-thumb-border-radius': '4px', - 'ti-common-scrollbar-thumb-hover-bg-color': 'var(--ti-base-color-common-4)', - 'ti-common-scrollbar-thumb-active-bg-color': 'var(--ti-base-color-common-4)', - - // 以下皆为新增变量 - // 新增smb缺少的basic-var.less变量 - // 新增尺寸 - 'ti-common-size-base': '4px', - 'ti-common-size-2x': 'calc(var(--ti-common-size-base) * 2)', - 'ti-common-size-3x': 'calc(var(--ti-common-size-base) * 3)', - 'ti-common-size-4x': 'calc(var(--ti-common-size-base) * 4)', - 'ti-common-size-5x': 'calc(var(--ti-common-size-base) * 5)', - 'ti-common-size-6x': 'calc(var(--ti-common-size-base) * 6)', - 'ti-common-size-7x': 'calc(var(--ti-common-size-base) * 7)', - 'ti-common-size-8x': 'calc(var(--ti-common-size-base) * 8)', - 'ti-common-size-9x': 'calc(var(--ti-common-size-base) * 9)', - 'ti-common-size-10x': 'calc(var(--ti-common-size-base) * 10)', - 'ti-common-size-11x': 'calc(var(--ti-common-size-base) * 11)', - 'ti-common-size-12x': 'calc(var(--ti-common-size-base) * 12)', - 'ti-common-size-13x': 'calc(var(--ti-common-size-base) * 13)', - 'ti-common-size-14x': 'calc(var(--ti-common-size-base) * 14)', - 'ti-common-size-15x': 'calc(var(--ti-common-size-base) * 15)', - 'ti-common-size-16x': 'calc(var(--ti-common-size-base) * 16)', - 'ti-common-size-17x': 'calc(var(--ti-common-size-base) * 17)', - 'ti-common-size-18x': 'calc(var(--ti-common-size-base) * 18)', - 'ti-common-size-19x': 'calc(var(--ti-common-size-base) * 19)', - 'ti-common-size-20x': 'calc(var(--ti-common-size-base) * 20)', - 'ti-common-size-21x': 'calc(var(--ti-common-size-base) * 21)', - 'ti-common-size-22x': 'calc(var(--ti-common-size-base) * 22)', - 'ti-common-size-23x': 'calc(var(--ti-common-size-base) * 23)', - 'ti-common-size-24x': 'calc(var(--ti-common-size-base) * 24)', - 'ti-common-size-25x': 'calc(var(--ti-common-size-base) * 25)', - 'ti-common-size-26x': 'calc(var(--ti-common-size-base) * 26)', - 'ti-common-size-27x': 'calc(var(--ti-common-size-base) * 27)', - 'ti-common-size-28x': 'calc(var(--ti-common-size-base) * 28)', - 'ti-common-size-29x': 'calc(var(--ti-common-size-base) * 29)', - 'ti-common-size-30x': 'calc(var(--ti-common-size-base) * 30)', - 'ti-common-size-31x': 'calc(var(--ti-common-size-base) * 31)', - 'ti-common-size-32x': 'calc(var(--ti-common-size-base) * 32)', - 'ti-common-size-33x': 'calc(var(--ti-common-size-base) * 33)', - 'ti-common-size-34x': 'calc(var(--ti-common-size-base) * 34)', - 'ti-common-size-35x': 'calc(var(--ti-common-size-base) * 35)', - 'ti-common-size-36x': 'calc(var(--ti-common-size-base) * 36)', - 'ti-common-size-37x': 'calc(var(--ti-common-size-base) * 37)', - 'ti-common-size-38x': 'calc(var(--ti-common-size-base) * 38)', - 'ti-common-size-39x': 'calc(var(--ti-common-size-base) * 39)', - 'ti-common-size-40x': 'calc(var(--ti-common-size-base) * 40)', - 'ti-common-size-41x': 'calc(var(--ti-common-size-base) * 41)', - 'ti-common-size-42x': 'calc(var(--ti-common-size-base) * 42)', - 'ti-common-size-43x': 'calc(var(--ti-common-size-base) * 43)', - 'ti-common-size-44x': 'calc(var(--ti-common-size-base) * 44)', - 'ti-common-size-45x': 'calc(var(--ti-common-size-base) * 45)', - 'ti-common-size-46x': 'calc(var(--ti-common-size-base) * 46)', - 'ti-common-size-47x': 'calc(var(--ti-common-size-base) * 47)', - 'ti-common-size-48x': 'calc(var(--ti-common-size-base) * 48)', - 'ti-common-size-49x': 'calc(var(--ti-common-size-base) * 49)', - 'ti-common-size-50x': 'calc(var(--ti-common-size-base) * 50)', - - // 透明度颜色：主要用于边框色，背景色 - 'ti-base-bg-color-transparent-5': '#0000000D', // 5% 等于 rgba(0, 0, 0, 0.05) - 'ti-base-bg-color-transparent-8': 'rgba(0,0,0,0.08)', - 'ti-base-bg-color-transparent-15': 'rgba(0,0,0,0.15)', - 'ti-base-bg-color-transparent-40': 'rgba(0, 0, 0, 0.4)', - 'ti-base-bg-color-transparent-50': '#C2C2C280', - 'ti-base-bg-color-loading-transparent-50': 'rgba(255, 255, 255, 0.5)', - 'ti-base-bg-color-disabled-transparent-5': 'rgba(0,0,0,0.05)', - - // 文本色 - 'ti-base-text-color-1': '#F76360', - 'ti-base-text-color-2': '#F2F2F2', - - 'ti-base-font-family': '"Manrop","Manrope-Medium"', - - // 新增阴影 - 'ti-base-box-shadow-1': '0px 2px 12px 0px rgba(0,0,0,0.08)', - - // 新属性变量 - 'ti-base-text-decoration-underline': 'underline', - 'ti-base-display-block': 'block', - 'ti-base-opacity-10': '1', - - 'ti-common-color-transparent': 'var(--ti-base-color-transparent)', - 'ti-common-font-weight-4': 'normal', - 'ti-common-border-weight-normal': '1px', - 'ti-common-size-0': '0px', - 'ti-common-size-auto': 'auto', - 'ti-common-font-weight-6': '600', - 'ti-common-border-radius-0': '0px', - 'ti-common-border-weight-1': '2px', - 'ti-common-line-height-number': '1.5', - - // 新属性变量 - 'ti-common-text-decoration-underline': 'var(--ti-base-text-decoration-underline)', - 'ti-common-display-block': 'var(--ti-base-display-block)', - 'ti-common-opacity-1': 'var(--ti-base-opacity-10)', - - 'ti-common-bg-color-active': 'var(--ti-base-bg-color-transparent-5)', // 活跃背景色 - 'ti-common-bg-color-hover-40': 'var(--ti-base-bg-color-transparent-40)', - 'ti-common-bg-color-transparent-15': 'var(--ti-base-bg-color-transparent-15)', // 活跃背景色 - 'ti-common-bg-color-transparent-50': 'var(--ti-base-bg-color-transparent-50)', // 禁用背景色 - 'ti-common-bg-color-loading-transparent-50': 'var(--ti-base-bg-color-loading-transparent-50)', // 加载中背景色 - 'ti-common-bg-color-disabled-transparent-5': 'var(--ti-base-bg-color-disabled-transparent-5)', // 禁用背景色 - 'ti-common-text-color-active': 'var(--ti-base-text-color-1)', // 文本色 - 'ti-common-box-shadow-popover': 'var(--ti-base-box-shadow-1)', // 弹出框阴影 - 'ti-common-text-color-disabled': 'var(--ti-base-text-color-2)', // 禁用色 - - 'ti-common-border-color-transparent-8': 'var(--ti-base-bg-color-transparent-8)', // 折叠框边框色 - - 'ti-common-input-font-family': 'var(--ti-base-font-family)' // 输入框字体 -} - -// export * from './component.js' - -export const concatTheme = {}