在滚动条上更改徽标颜色

Question

简而言之，我有一个构建的应用程序，说我在网站上有几张幻灯片，所有颜色都不同。现在，当我从幻灯片1滚动到2时，由于颜色的深浅不同，一种是浅色而另一种是深色，我希望徽标也能更改以匹配该颜色。

我已经有了一些代码，可以滚动显示位置的百分比，数组中的每个幻灯片也如下所示。

任何解决方案的想法，我都很难从我提供的数据结构中找出解决方法

Tnx

[{ id: 0, active: false, color: white}]