angular: 动态切换主题方案之一

css 变量，现在还需要考虑浏览器兼容性么？

如果不需要考虑 css变量的浏览器兼容性，直接写几份css文件。不同的css文件里面对同一变量赋不同的值。然后项目里面写一个 variable.scss 以便给项目中需要用到变量的地方 @import,内容为  $primary: var(--primaryColor) 。

需要展示不同主题 就 加载不同的css文件，比起用scss/less的function包裹需要用到变量的地方，不是更简单么？

如果项目中原本就有variable.scss，用css变量的方案，以前的 xxx.component.scss 代码一点都不需要更改。