在Ionic中实现缓慢变化的背景颜色

Question

我一直在尝试在Ionic + Angular 2中实现一个简单的应用程序，通过整个应用程序，背景颜色可以缓慢变化，在不同颜色之间循环。

我在CSS关键帧动画方面取得了一些成功：

animation: colorChange
@keyframes colorChange {
  0%   { background-color: #001514 ; }
  25%   { background-color: #a3320b ; }
  50%   { background-color: #6b0504 ; }
  75%   { background-color: #bad431 ; }
}

但我的问题是，当一个不同的表格被推到NavCtrl上时，该表格上的背景颜色当然会回到起始颜色。

我在想，也许会有一种方法可以在Angular中以编程方式更改它。

是否有可能通过Angular在运行时设置sass变量？

也许我的CSS可以将颜色确定为时间值，这可能会产生类似（壮观）的效果。

任何想法都将不胜感激。