How to update --swiper-theme-color with swiper element

[stijns96]

Hi all,

I want to globally override the theme color of swiper.

I have the flowing in my swiper.js

// import function to register Swiper custom elements
import { register } from 'swiper/element/bundle';
// register Swiper custom elements
register();

This comes with the constructed css var --swiper-theme-color that seems to be hard to override with normal scss.

Anyone any idea how to fix this?