feat(projects): 集成naiveUI主题配置,将css vars添加至html

This commit is contained in:
Soybean
2022-01-04 02:20:32 +08:00
parent 0d2a5629e8
commit 2c196841bd
12 changed files with 297 additions and 88 deletions

View File

@@ -42,7 +42,30 @@ export default defineConfig({
'ellipsis-text': 'nowrap-hidden overflow-ellipsis'
},
theme: {
extend: {}
extend: {
colors: {
primary: 'var(--primary-color)',
'primary-hover': 'var(--primary-color-hover)',
'primary-pressed': 'var(--primary-color-pressed)',
'primary-active': 'var(--primary-color-active)',
info: 'var(--info-color)',
'info-hover': 'var(--info-color-hover)',
'info-pressed': 'var(--info-color-pressed)',
'info-active': 'var(--info-color-active)',
success: 'var(--success-color)',
'success-hover': 'var(--success-color-hover)',
'success-pressed': 'var(--success-color-pressed)',
'success-active': 'var(--success-color-active)',
warning: 'var(--warning-color)',
'warning-hover': 'var(--warning-color-hover)',
'warning-pressed': 'var(--warning-color-pressed)',
'warning-active': 'var(--warning-color-active)',
error: 'var(--error-color)',
'error-hover': 'var(--error-color-hover)',
'error-pressed': 'var(--error-color-pressed)',
'error-active': 'var(--error-color-active)'
}
}
},
variants: {},
plugins: []