Skip to content

Commit

Permalink
feat(theme): merge refactor/develop
Browse files Browse the repository at this point in the history
  • Loading branch information
wenmine committed Sep 25, 2024
1 parent dcff211 commit 9a3729e
Show file tree
Hide file tree
Showing 3 changed files with 1 addition and 72 deletions.
2 changes: 1 addition & 1 deletion packages/theme/base/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@opentiny/tiny-engine-theme-base",
"version": "1.0.0",
"version": "2.0.0-alpha.1",
"publishConfig": {
"access": "public"
},
Expand Down
35 changes: 0 additions & 35 deletions packages/theme/base/src/dark/dark-common.js
Original file line number Diff line number Diff line change
@@ -1,39 +1,4 @@
// tinyvue组件的暗色主题
export const tinyDarkTheme = {
//功能色
'--te-common-color-success': 'var(--te-base-success-color)', // 注释,成功-背景色 #5cb300
'--te-common-color-warning': 'var(--te-base-warn-color)', // 注释,告警-背景色 #ff8800
'--te-common-color-error': 'var(--te-base-error-color)', // 注释,错误-背景色 #f23030
'--te-common-color-info': 'var(--te-base-prompt-color)', // 注释,告警-背景色 #1476ff
'--te-common-color-prompt-secondary': 'var(--te-base-indigo-14)', // 注释,区块提示-背景色 #A790FF

// 文本色
'--te-common-text-primary': 'var(--te-base-gray-64)', // 一级文本色-重要信息/标题颜色/输入类文本颜色 #F0F1F5
'--te-common-text-secondary': 'var(--te-base-gray-65)', // 二级文本色-次要信息/表单标签颜色 #B4B5B8
'--te-common-text-placeholder': 'var(--te-base-gray-66)', // 三级文本色-弱化信息/提示文字 #8B8C8F
'--te-common-text-disabled': 'var(--te-base-gray-67)', // 文本禁用色 #4D4E52
'--te-common-text-link': 'var(--te-base-blue-6)', // 链接色 #1476ff
'--te-common-text-inverse': 'var(--te-base-dark-26)', // 主按钮上的文本色 #000000
'--te-common-text-dark-inverse': 'var(--te-base-gray-1)', // 深色背景下按钮上的文本色 #fff

'--te-common-icon-primary': 'var(--te-base-gray-64)', // 重要图标色 #F0F1F5
'--te-common-icon-secondary': 'var(--te-base-gray-66)', // 图标默认色 #8B8C8F
'--te-common-icon-disabled': 'var(--te-base-gray-18)', // 图标禁用色 #C2C2C2
'--te-common-icon-link': 'var(--te-base-blue-6)', // 图标提示色 #1476ff

'--te-common-border-default': 'var(--te-base-gray-67)', // 线条-输入框默认色 #4D4E52
'--te-common-border-active': 'var(--te-base-gray-64)', // 线条-输入框悬浮色/激活色 #F0F1F5
'--te-common-border-secondary': 'var(--te-base-gray-65)', // 线条-次要按钮描边色 #B4B5B8
'--te-common-border-prompt': 'var(--te-base-gray-67)', // 线条-三级按钮默认色/表单内按钮 #4D4E52
'--te-common-border-hover': 'var(--te-base-gray-66)', // 线条-按钮边框悬浮色 #8B8C8F
'--te-common-border-divider': 'var(--te-base-gray-68)', //线条-白色背景分割线颜色 #36383D
'--te-common-border-bg-divider': 'var(--te-base-gray-67)', // 线条-灰色背景分割线颜色/表头分割线/选块分割线 #4D4E52

'--te-common-bg-primary': 'var(--te-base-gray-64)', // 主要按钮-背景色 #F0F1F5
'--te-common-bg-secondary': 'var(--te-base-gray-65)', // 次要按钮-背景色 #B4B5B8
'--te-common-bg-prompt': 'var(--te-base-gray-66)', // 导航按钮-背景色/选块-选中色 #8B8C8F
'--te-common-bg-container': 'var(--te-base-gray-68)', // 列表悬浮色/表格悬浮色/顶部导航按钮悬浮色/选块背景色/提示背景色 #36383D
'--te-common-bg-container-weaken': 'var(--te-base-gray-69)', // 浅编辑代码--背景色 #2B2D33
'--te-common-bg-default': 'var(--te-base-dark-27)', // 深色背景-输入框背景/面板背景色 #212329
'--te-common-bg-component': 'var(--te-base-gray-1)' // 深色背景-输入框等组件默认背景/面板背景色 #212329
}
36 changes: 0 additions & 36 deletions packages/theme/base/src/light/light-common.js
Original file line number Diff line number Diff line change
@@ -1,40 +1,4 @@
// tinyvue组件的亮色主题
export const tinyLightTheme = {
//功能色
'--te-common-color-success': 'var(--te-base-success-color)', // 注释,成功-背景色 #5cb300
'--te-common-color-warning': 'var(--te-base-warn-color)', // 注释,告警-背景色 #ff8800
'--te-common-color-error': 'var(--te-base-error-color)', // 注释,错误-背景色 #f23030
'--te-common-color-info': 'var(--te-base-prompt-color)', // 注释,告警-背景色 #1476ff
'--te-common-color-prompt-secondary': 'var(--te-base-indigo-5)', // 注释,区块提示-背景色 #6e51e0

// 文本色
'--te-common-text-primary': 'var(--te-base-dark-5)', // 一级文本色-重要信息/标题颜色/输入类文本颜色 #191919
'--te-common-text-secondary': 'var(--te-base-gray-31)', // 二级文本色-次要信息/表单标签颜色 #595959
'--te-common-text-placeholder': 'var(--te-base-gray-43)', // 三级文本色-弱化信息/提示文字 #808080
'--te-common-text-disabled': 'var(--te-base-gray-18)', // 文本禁用色 #c2c2c2
'--te-common-text-link': 'var(--te-base-blue-6)', // 链接色 #1476ff
'--te-common-text-inverse': 'var(--te-base-gray-1)', // 主按钮上的文本色 #fff
'--te-common-text-dark-inverse': 'var(--te-base-gray-1)', // 深色背景下按钮上的文本色 #fff

'--te-common-icon-primary': 'var(--te-base-dark-5)', // 重要图标色 #191919
'--te-common-icon-secondary': 'var(--te-base-gray-43)', // 图标默认色 #808080
'--te-common-icon-disabled': 'var(--te-base-gray-18)', // 图标禁用色 #c2c2c2
'--te-common-icon-link': 'var(--te-base-blue-6)', // 图标提示色 #1476ff

'--te-common-border-default': 'var(--te-base-gray-13)', // 线条-输入框默认色 #dbdbdb
'--te-common-border-active': 'var(--te-base-dark-5)', // 线条-输入框悬浮色/激活色 #191919
'--te-common-border-secondary': 'var(--te-base-gray-31)', // 线条-次要按钮描边色 #595959
'--te-common-border-prompt': 'var(--te-base-gray-13)', // 线条-三级按钮默认色/表单内按钮 #dbdbdb
'--te-common-border-hover': 'var(--te-base-gray-18)', // 线条-按钮边框悬浮色 #c2c2c2
'--te-common-border-divider': 'var(--te-base-gray-11)', //线条-白色背景分割线颜色 #ebebeb
'--te-common-border-bg-divider': 'var(--te-base-gray-13)', // 线条-灰色背景分割线颜色/表头分割线/选块分割线 #dbdbdb

'--te-common-bg-primary': 'var(--te-base-dark-5)', // 主要按钮-背景色 #191919
'--te-common-bg-primary-2': 'var(--te-base-blue-6)', // 主色-背景色 #1476ff
'--te-common-bg-secondary': 'var(--te-base-gray-31)', // 次要按钮-背景色 #595959
'--te-common-bg-prompt': 'var(--te-base-gray-7)', // 导航按钮-背景色/选块-选中色 #e6e6e6
'--te-common-bg-container': 'var(--te-base-gray-5)', // 列表悬浮色/表格悬浮色/顶部导航按钮悬浮色/选块背景色/提示背景色 #f5f5f5
'--te-common-bg-container-weaken': 'var(--te-base-gray-2)', // 浅编辑代码--背景色 #fafafa
'--te-common-bg-default': 'var(--te-base-gray-1)', // 白色背景-输入框背景/面板背景色 #fff
'--te-common-bg-component': 'var(--te-base-gray-1)' // 白色背景-输入框等组件默认背景/面板背景色 #fff
}

0 comments on commit 9a3729e

Please sign in to comment.