Lottie Animation colors changing by a trigger

Design help Custom code
1

Hey guys, I have an idea and wondering if it is possible to create without super extensive code. I have a hero animation which I’m exporting as lottie from after effects. I would want to have a light/dark mode in my site but I wouldn’t want to create duplicates of this hero animation and switch between them, and also to have the animation jumping to the start due to the switch.
Is it possible to use variables on a lottie animation so when changing modes it will change seamlessly too?
Thank you in advance for you help :pray:t2:

I’m basing the light/dark mode on my site off of this tutorial by timothy ricks:

External Image

I was wondering if the same principe can applied to a lottie animation so i won’t need to create two versions of every animation i have on the site

2

I’ve had some success with Lottie experiments in which the Lottie is edited to use currentColor, and the rendering mode is SVG. So in theory- yes there’s probably a way.

However it’s difficult to setup. I’d recommend you use a different approach. involving two different lotties and hide/show them with the interaction.