Dark mode icons invisible when host page has global button/svg color rules

[Jon9231]

Hey there,

I have this nasty issue since starting with version 2.2.1 until the latest version, that agentation in chrome starts in dark mode.

The appearance of agentation is black icons on black.

The bar is always like this, the settings most of the times. I always need to click blindly in the right upper corner of the settings to change to light mode, otherwise it's completely unusable.

Claude fixed it for me locally, here is the stated issue:
Agentation renders via portal into document.body, but the CSS styles for dark mode have no scoping protection against host-page overrides. Any global button { color: inherit } or similar rule (common in WordPress/Elementor) overrides the icon colors to black on the dark #1a1a1a background. Fix: scope styles with [data-agentation-root] or use !important on the dark-mode defaults.

Problem consists on 2 separate PCs

Can you please check?

Thank you!

Best
Jon