|
|
@@ -27,9 +27,28 @@ module.exports = {
|
|
|
|
|
|
theme: {
|
|
|
colors: {
|
|
|
+ // 基础色板
|
|
|
+ 'primary': '#327BF9', // 品牌色
|
|
|
+ 'primary-light': '#EBF4FF',
|
|
|
+ 'warn': '#FD7F2C',
|
|
|
+ 'warn-light': '#FFF2E9',
|
|
|
+ 'success': '#31BE59',
|
|
|
+ 'success-light': '#EAF8EE',
|
|
|
+ 'error': '#EE4949',
|
|
|
+ 'error-light': '#FDEDED',
|
|
|
+ 'red': '#FF4747',
|
|
|
+ // 中性色板
|
|
|
+ 'gray-1': 'rgba(17, 17, 17, 0.03)', // 未选中按钮背景
|
|
|
+ 'gray-2': 'rgba(17, 17, 17, 0.05)', // 骨架图卡片模块
|
|
|
+ 'gray-3': 'rgba(17, 17, 17, 0.25)', // 分割线,未编辑边框,禁用文本
|
|
|
+ 'gray-4': 'rgba(17, 17, 17, 0.45)', // 辅助文本,输入文本,仅展示,暗文本
|
|
|
+ 'gray-5': 'rgba(17, 17, 17, 0.65)', // 副标题,描述文本
|
|
|
+ 'gray-6': 'rgba(17, 17, 17, 0.85)', // 正文
|
|
|
+ 'gray-7': 'rgba(17, 17, 17, 1)', // 特殊标题,主标题,正文
|
|
|
+
|
|
|
+ // deprecated
|
|
|
'white': '#FFFFFF',
|
|
|
'white-70': 'rgba(255, 255, 255, 0.7)',
|
|
|
- 'primary': '#317CFA',
|
|
|
'primary-10': 'rgba(49, 124, 250, 0.1)',
|
|
|
'black': '#000000',
|
|
|
'dark': '#111A34;',
|
|
|
@@ -41,27 +60,23 @@ module.exports = {
|
|
|
'black-50': 'rgba(0, 0, 0, 0.5)',
|
|
|
'black-60': 'rgba(0, 0, 0, 0.6)',
|
|
|
'black-65': 'rgba(0, 0, 0, 0.65)',
|
|
|
- 'title': '#111A34',
|
|
|
+ 'title': '#111111',
|
|
|
+ 'text': 'rgba(17, 17, 17, 0.85)',
|
|
|
'harsh': '#F94F17',
|
|
|
'purple': '#7e5bef',
|
|
|
'pink': '#ff49db',
|
|
|
'orange': '#FD561F',
|
|
|
- 'red': '#EE4949',
|
|
|
+
|
|
|
'green': '#31BE59',
|
|
|
'yellow': '#EE9E49',
|
|
|
'gray': '#f6f6f6',
|
|
|
'gray-page': '#f6f6f6',
|
|
|
'gray-dark': '#273444',
|
|
|
'gray-f8': '#F8F8F8',
|
|
|
- 'gray-25': 'rgba(0, 0, 0, 0.25)',
|
|
|
- 'gray-45': 'rgba(0, 0, 0, 0.45)',
|
|
|
- 'gray-65': 'rgba(0, 0, 0, 0.65)',
|
|
|
- 'gray-85': 'rgba(0, 0, 0, 0.85)',
|
|
|
- 'gray-sub': 'rgba(0, 0, 0, 0.75)',
|
|
|
- 'gray-light': 'rgba(0, 0, 0, 0.08)',
|
|
|
- 'gray-2': 'rgba(0, 0, 0, 0.02)',
|
|
|
- 'gray-3': 'rgba(0, 0, 0, 0.03)',
|
|
|
- 'gray-4': 'rgba(0, 0, 0, 0.04)',
|
|
|
+
|
|
|
+
|
|
|
+ 'gray-sub': 'rgba(17, 17, 17, 0.75)',
|
|
|
+ 'gray-light': 'rgba(17, 17, 17, 0.08)',
|
|
|
'gray-fafafa': '#fafafa',
|
|
|
},
|
|
|
fontSize: {
|
|
|
@@ -86,4 +101,4 @@ module.exports = {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
+}
|