看板
This commit is contained in:
@@ -0,0 +1,102 @@
|
||||
import type { Theme, ThemeColor } from '../../types/global';
|
||||
import config from './config';
|
||||
|
||||
export const lightPalette: ThemeColor = {
|
||||
primary: '#2979ff',
|
||||
primaryDark: '#2b85e4',
|
||||
primaryDisabled: '#a0cfff',
|
||||
primaryLight: '#ecf5ff',
|
||||
success: '#19be6b',
|
||||
successDark: '#18b566',
|
||||
successDisabled: '#71d5a1',
|
||||
successLight: '#dbf1e1',
|
||||
warning: '#ff9900',
|
||||
warningDark: '#f29100',
|
||||
warningDisabled: '#fcbd71',
|
||||
warningLight: '#fdf6ec',
|
||||
error: '#fa3534',
|
||||
errorDark: '#dd6161',
|
||||
errorDisabled: '#fab6b6',
|
||||
errorLight: '#fef0f0',
|
||||
info: '#909399',
|
||||
infoDark: '#82848a',
|
||||
infoDisabled: '#c8c9cc',
|
||||
infoLight: '#f4f4f5',
|
||||
whiteColor: '#ffffff',
|
||||
blackColor: '#000000',
|
||||
mainColor: '#303133',
|
||||
contentColor: '#606266',
|
||||
tipsColor: '#909399',
|
||||
lightColor: '#c0c4cc',
|
||||
borderColor: '#dcdfe6',
|
||||
dividerColor: '#e4e7ed',
|
||||
maskColor: 'rgba(0, 0, 0, 0.4)',
|
||||
shadowColor: 'rgba(0, 0, 0, 0.1)',
|
||||
bgColor: '#f3f4f6',
|
||||
bgWhite: '#ffffff',
|
||||
bgGrayLight: '#f1f1f1',
|
||||
bgGrayDark: '#2f343c',
|
||||
bgBlack: '#000000'
|
||||
};
|
||||
|
||||
export const darkPalette: ThemeColor = {
|
||||
primary: '#8ab4ff',
|
||||
primaryDark: '#5f8dff',
|
||||
primaryDisabled: '#3d4f74',
|
||||
primaryLight: '#1d273f',
|
||||
success: '#4ade80',
|
||||
successDark: '#1f9d57',
|
||||
successDisabled: '#2f4d3d',
|
||||
successLight: '#10291f',
|
||||
warning: '#fbbf24',
|
||||
warningDark: '#c88f00',
|
||||
warningDisabled: '#4a3b17',
|
||||
warningLight: '#2b1f05',
|
||||
error: '#ff6b6b',
|
||||
errorDark: '#d83a3a',
|
||||
errorDisabled: '#4f2323',
|
||||
errorLight: '#2d1414',
|
||||
info: '#a0a7b8',
|
||||
infoDark: '#7c8394',
|
||||
infoDisabled: '#3b3f4c',
|
||||
infoLight: '#1d2029',
|
||||
whiteColor: '#f5f6f7',
|
||||
blackColor: '#f5f6f7',
|
||||
mainColor: '#f5f6f7',
|
||||
contentColor: '#cfd3dc',
|
||||
tipsColor: '#9aa1af',
|
||||
lightColor: '#6b7082',
|
||||
borderColor: '#3a4251',
|
||||
dividerColor: '#3a4251',
|
||||
maskColor: 'rgba(0, 0, 0, 0.6)',
|
||||
shadowColor: 'rgba(0, 0, 0, 0.3)',
|
||||
bgColor: '#111827',
|
||||
bgWhite: '#000000',
|
||||
bgGrayLight: '#1a1a1a',
|
||||
bgGrayDark: '#f5f7fa',
|
||||
bgBlack: '#ffffff'
|
||||
};
|
||||
|
||||
const lightCss: Record<string, string> = {
|
||||
'--u-background': '#ffffff',
|
||||
'--u-surface': '#f7f8fa',
|
||||
'--u-text': '#303133'
|
||||
};
|
||||
|
||||
const darkCss: Record<string, string> = {
|
||||
'--u-background': '#0f1115',
|
||||
'--u-surface': '#1c2233',
|
||||
'--u-text': '#f5f6f7'
|
||||
};
|
||||
|
||||
export const defaultThemes: Theme[] = [
|
||||
{
|
||||
name: config.defaultTheme,
|
||||
label: '默认蓝',
|
||||
description: 'uView Pro 默认主题,支持亮色与暗黑模式',
|
||||
color: lightPalette,
|
||||
darkColor: darkPalette,
|
||||
css: lightCss,
|
||||
darkCss: darkCss
|
||||
}
|
||||
];
|
||||
Reference in New Issue
Block a user