Javascript Ionic和用户输入动态更改字体颜色

我无法从概念上跳过这个陷阱。我已经读过了，但这只会帮助我在静态css上创建

我有一个带有scss的Ionic（1）应用程序，我有一个变量$primary:#000；这将更改应用程序中的所有字体颜色

我可以选择更改颜色，为每种字体颜色保存一个已编译的css，并使用ng href切换颜色。但这似乎是一种不必要/复杂的方式。如果我需要添加其他颜色怎么办

如图所示，我还可以选择使用ng样式

这是一张基本卡。
切换

但这似乎也是一种复杂的方式，因为我需要更改所有html模板文件以使其正常工作

第三种选择是在项目中添加较少的内容，并在运行时对css进行较少的更改。但这似乎是一种尴尬的方式，因为sass是内置的

有没有人能给我一个如何做的指针/例子。或者告诉我应该怎么做，以最好的方式，这样应用程序也很容易维护

干杯

  <div ng-style="style" class="item">
    This is a basic Card.
    <button ng-click="toggle()">Toggle</button>
  </div>