我正在使用另一个开发者在SCSS和vue.js中制作的模板来开发在线课程。所有颜色都使用SCSS变量$primary和$secondary。我正在考虑插入一个色盲选项，该选项将在Normal、Deuteranopia和Tritanopia光谱的互补色之间循环。
我还没有完成设计，只是一个原型，但它将是一个下拉框中的圆圈，将更新整个页面的主要颜色点击。

我不太清楚如何写它，因为我不太熟悉vue和scss，但它会将$primary: " ";变量更改为所选选项的另一个变量。例如：

$(".changePrimaryColor").click(function(){
     $primary == $theme-blue;
 });

我也想过将变量$primary增加1，直到2或3，但不确定。
任何线索都会有帮助，谢谢！
第一次