You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
82 lines
3.5 KiB
82 lines
3.5 KiB
7 months ago
|
/** @type {import('tailwindcss').Config} */
|
||
|
|
module.exports = {
|
||
|
|
content: ['./index.html', './src/**/*.{html,js,ts,jsx,tsx,vue}'],
|
||
|
|
theme: {
|
||
|
|
colors: {
|
||
|
|
white: 'var(--color-white, #ffffff)',
|
||
|
|
black: 'var(--color-black, #000000)',
|
||
|
|
main: 'var(--color-main, #333333)',
|
||
|
|
content: 'var(--color-content, #666666)',
|
||
|
|
muted: 'var(--color-muted, #999999)',
|
||
|
|
page: 'var(--color-bg, #f6f6f6)',
|
||
|
|
light: 'var(--color-light, #e5e5e5)',
|
||
|
|
disabled: 'var(--color-disabled, #c8c9cc)',
|
||
|
|
minor: 'var(--color-minor, #FFB814)',
|
||
|
|
'btn-text': 'var(--color-btn-text, white)',
|
||
|
|
primary: {
|
||
|
|
DEFAULT: 'var(--color-primary, #FFC244)',
|
||
|
|
'light-3': 'var(--color-primary-light-3, rgb(255, 217, 130))',
|
||
|
|
'light-5': 'var(--color-primary-light-5, rgb(255, 228, 166))',
|
||
|
|
'light-7': 'var(--color-primary-light-7, rgb(255, 239, 202))',
|
||
|
|
'light-9': 'var(--color-primary-light-9, rgb(255, 250, 237))',
|
||
|
|
'dark-2': 'var(--color-primary-dark-2, rgb(204, 161, 62))'
|
||
|
|
},
|
||
|
|
success: {
|
||
|
|
DEFAULT: 'var(--color-success, #19be6b)',
|
||
|
|
'light-3': 'var(--color-success-light-3, rgb(94, 210, 151))',
|
||
|
|
'light-5': 'var(--color-success-light-5, rgb(140, 223, 181))',
|
||
|
|
'light-7': 'var(--color-success-light-7, rgb(186, 236, 211))',
|
||
|
|
'light-9': 'var(--color-success-light-9, rgb(232, 249, 240))',
|
||
|
|
'dark-2': 'var(--color-success-dark-2, rgb(20, 152, 86))'
|
||
|
|
},
|
||
|
|
warning: {
|
||
|
|
DEFAULT: 'var(--color-warning, #ff9900)',
|
||
|
|
'light-3': 'var(--color-warning-light-3, rgb(255, 184, 77))',
|
||
|
|
'light-5': 'var(--color-warning-light-5, rgb(255, 204, 128))',
|
||
|
|
'light-7': 'var(--color-warning-light-7, rgb(255, 224, 179))',
|
||
|
|
'light-9': 'var(--color-warning-light-9, rgb(255, 245, 230))',
|
||
|
|
'dark-2': 'var(--color-warning-dark-2, rgb(204, 122, 0))'
|
||
|
|
},
|
||
|
|
error: {
|
||
|
|
DEFAULT: 'var(--color-error, #ff2c3c)',
|
||
|
|
'light-3': 'var(--color-error-light-3, rgb(255, 107, 119))',
|
||
|
|
'light-5': 'var(--color-error-light-5, rgb(255, 150, 158))',
|
||
|
|
'light-7': 'var(--color-error-light-7, rgb(255, 192, 197))',
|
||
|
|
'light-9': 'var(--color-error-light-9, rgb(255, 234, 236))',
|
||
|
|
'dark-2': 'var(--color-error-dark-2, rgb(204, 35, 48))'
|
||
|
|
},
|
||
|
|
info: {
|
||
|
|
DEFAULT: 'var(--color-info, #909399)',
|
||
|
|
'light-3': 'var(--color-info-light-3, rgb(177, 179, 184))',
|
||
|
|
'light-5': 'var(--color-info-light-5, rgb(200, 201, 204))',
|
||
|
|
'light-7': 'var(--color-info-light-7, rgb(222, 223, 224))',
|
||
|
|
'light-9': 'var(--color-info-light-9, rgb(244, 244, 245))',
|
||
|
|
'dark-2': 'var(--color-info-dark-2, rgb(115, 118, 122))'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
fontSize: {
|
||
|
|
xs: '24rpx',
|
||
|
|
sm: '26rpx',
|
||
|
|
base: '28rpx',
|
||
|
|
lg: '30rpx',
|
||
|
|
xl: '32rpx',
|
||
|
|
'2xl': '34rpx',
|
||
|
|
'3xl': '38rpx',
|
||
|
|
'4xl': '40rpx',
|
||
|
|
'5xl': '44rpx'
|
||
|
|
},
|
||
|
|
fontFamily: {
|
||
|
|
sans: [
|
||
|
|
'Source Han Sans CN',
|
||
|
|
'Helvetica Neue',
|
||
|
|
'Arial',
|
||
|
|
'sans-serif'
|
||
|
|
]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
plugins: [],
|
||
|
|
corePlugins: {
|
||
|
|
preflight: false
|
||
|
|
}
|
||
|
|
}
|