acessing styling of flickity elements through js

[ins01-ship-it]

Hello,

I have a problem Issue with accessing the styling, in my case, of the indicator dots, through js. I want the dots to be colored from an array (in my project it should be a dynamic array but for the reduced test case its static for now) my function works on elements with the same class name as the indicator dots that I've put in the html below the flickity carousel.

Here is the forked and changed codepen to illustrate my problem:
https://codepen.io/Insa-Deist/pen/jOXNOKM

I'm sorry if this is not the right place to ask for coding advice and thank you in advance for any tips!