Example values in Dark mode are hard/impossible to read about json-schema-viewer

[marcelltoth]

We are working on that, too.:)

[marbemac]

Pretty sure just need to remove the hardcoded backgroundColor style (relic of v3?) https://github.com/stoplightio/json-schema-viewer/blob/beta/src/components/shared/Validations.tsx#L189 and add sl-canvas-50 class.

[Fox32]

The fix would probably touch https://github.com/stoplightio/json-schema-viewer/blob/beta/src/components/shared/Validations.tsx#L189, but I'm not sure which is the right color value to use here.

[marcelltoth]

Hey @Fox32 ! Thanks for pointing out the issue!

We'll be looking into this as soon as we enable dark mode support within our own platform. In the meanwhile if you find a way to fix it, we appreciate any pull requests.

[Fox32]

I think using a base color and applying it with opacity might be handy here. That way it could work with both light and dark mode.

I can't make any promises about creating a PR for it though. Right now I'm stuck at integrating the package as I run into issues with existing CSS in my app.