vue+less 页面和系统自定义主题怎么样做？

Question

@import './theme.less';

.theme();
@background-color:#373e41;

.theme-blue{
.theme(#3355aa, #4371e2, #ebebeb, #e5e5e5, rgba(0,0,0,0.1), rgba(67,113,226,0.1), rgba(67,113,226,0.3));//默认的样式
@background-color:#000
}
像这样可以切换，但是组件内也有样式，就不好改，
如果改配置文件的话，体验就差点了