Skip to content

fix: chat widget is black again - #259

Closed
juliankepka wants to merge 1 commit into
mainfrom
fix/chat-widget-icon
Closed

fix: chat widget is black again#259
juliankepka wants to merge 1 commit into
mainfrom
fix/chat-widget-icon

Conversation

@juliankepka

Copy link
Copy Markdown
Collaborator

Not a pretty fix. The widget renders into a closed shadow root, so no stylesheet from the host
page can reach inside. I tried globals.css with !important and it stays white. Custom properties
do inherit through the boundary, but the bubble icon isn't themed through one: the widget hardcodes
.c7-bubble svg { stroke: white; }.

So the only option on our side is patching attachShadow to force the root open and inject an
override (the asyncdefer switch makes sure our patch runs first).

Proper fix belongs upstream: that stroke: white should be black, or driven by a custom property so
it can be themed from outside. Happy to drop this workaround once that exists.

Bildschirmfoto 2026-08-20 um 10 43 43

@juliankepka

Copy link
Copy Markdown
Collaborator Author

Unfortunately this wasn't a good solution. I should have informed myself better about the
implications of dangerouslySetInnerHTML. At this point I don't see a way to fix it on our side and
will have to look at the chat widget upstream, with its shadow root.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant