feat(projects): custom unocss colors support opacity

This commit is contained in:
Soybean
2023-03-13 20:36:35 +08:00
parent f73e3f648d
commit 488e6e3204
5 changed files with 133 additions and 39 deletions

View File

@ -44,26 +44,26 @@ export default defineConfig({
},
theme: {
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)',
primary: 'rgb(var(--primary-color))',
primary_hover: 'rgb(var(--primary-color-hover))',
primary_pressed: 'rgb(var(--primary-color-pressed))',
primary_active: 'rgb(var(--primary-color-active))',
info: 'rgb(var(--info-color))',
info_hover: 'rgb(var(--info-color-hover))',
info_pressed: 'rgb(var(--info-color-pressed))',
info_active: 'rgb(var(--info-color-active))',
success: 'rgb(var(--success-color))',
success_hover: 'rgb(var(--success-color-hover))',
success_pressed: 'rgb(var(--success-color-pressed))',
success_active: 'rgb(var(--success-color-active))',
warning: 'rgb(var(--warning-color))',
warning_hover: 'rgb(var(--warning-color-hover))',
warning_pressed: 'rgb(var(--warning-color-pressed))',
warning_active: 'rgb(var(--warning-color-active))',
error: 'rgb(var(--error-color))',
error_hover: 'rgb(var(--error-color-hover))',
error_pressed: 'rgb(var(--error-color-pressed))',
error_active: 'rgb(var(--error-color-active))',
dark: '#18181c'
}
}