forked from opentiny/tiny-vue
Update index.js
This commit is contained in:
parent
1a42fe5fc0
commit
2fce9eede4
|
|
@ -1,62 +1,63 @@
|
|||
/* 整体颜色变量 */
|
||||
|
||||
export const darkTheme = {
|
||||
/* 1.1 品牌色 */
|
||||
/* 品牌主色 */
|
||||
/* 1.1品牌色 */
|
||||
/* 品牌主色 */
|
||||
'ti-base-color-brand-6': '#000' /* 主色黑 */,
|
||||
/* 主色衍生色 */
|
||||
'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': '#000', // 中立色-8 导航条背景
|
||||
'ti-base-color-common-7': '#FFFFFF', // 中立色-7 默认文本色
|
||||
'ti-base-color-common-6': '#000', // 中立色-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': '#006400', // 成功-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': 'FF8C00', // 告警-4 图标色使用
|
||||
'ti-base-color-warn-3': '#ffc53d', // 告警-3 未使用到, 补一个色
|
||||
'ti-base-color-warn-2': '#ffc53d', // 告警-2 border使用
|
||||
'ti-base-color-warn-1': '#d3c6a2', // 告警-1 背景使用
|
||||
|
||||
'ti-common-color-info-normal': 'var(--ti-base-color-common-6)', // 黑色
|
||||
'ti-common-background-color': '#A9A9A9', // 背景灰色
|
||||
'ti-common-active-color': '#0000FF' // 蓝色
|
||||
}
|
||||
/* 整体颜色变量 */
|
||||
|
||||
export const darkTheme = {
|
||||
/* 1.1 品牌色 */
|
||||
/* 品牌主色 */
|
||||
/* 1.1品牌色 */
|
||||
/* 品牌主色 */
|
||||
'ti-base-color-brand-6': '#000' /* 主色黑 */,
|
||||
/* 主色衍生色 */
|
||||
'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-10': '#676767',
|
||||
'ti-base-color-common-9': '#181818', // 中立色-9
|
||||
'ti-base-color-common-8': '#000', // 中立色-8 导航条背景
|
||||
'ti-base-color-common-7': '#FFFFFF', // 中立色-7 默认文本色
|
||||
'ti-base-color-common-6': '#000', // 中立色-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': '#006400', // 成功-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': 'FF8C00', // 告警-4 图标色使用
|
||||
'ti-base-color-warn-3': '#ffc53d', // 告警-3 未使用到, 补一个色
|
||||
'ti-base-color-warn-2': '#ffc53d', // 告警-2 border使用
|
||||
'ti-base-color-warn-1': '#d3c6a2', // 告警-1 背景使用
|
||||
|
||||
'ti-common-color-info-normal': 'var(--ti-base-color-common-6)', // 黑色
|
||||
'ti-common-background-color': '#A9A9A9', // 背景灰色
|
||||
'ti-common-active-color': '#0000FF' // 蓝色
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue