Malloy Render not playing well with app's CSS

[bporterfield]

What happens?

When the app that malloy-render is embedded in is set to "dark mode", some CSS values (? classes? I don't know css) are modified that impact tooltips. It seems as though the render component creates a shadow-dom, but perhaps the tooltips are not part of that dom? I don't really understand any of this and I'm just the messenger. Here is what happens:

Some comments from a ticket:

It would be great if either styling was exposed, or if the component was completely self-contained, but I have no idea if that's a reasonable proposal

To Reproduce

Ahh, add a bunch of CSS to the page that does some dark-mode stuff. Not sure exactly what.

OS:

macOS

Malloy Client:

embedded into app

Malloy Client Version:

all

Database Connection:

all