Controls are just a white rectangle when using colorMode="dark" before rendering correctly

[mcmxcdev]

Describe the Bug

As the title indicates, the Controls shouldn't render a white box as long as the viewport is not fully ready.

Also, there is a white strip below the Controls which doesn't look like it's supposed to be there.

The Minimap on the other hand seems to be fine.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

I can provide reproduction steps tomorrow.

Expected behavior

Controls should probably not load too early and with the correct color scheme.

Screenshots or Videos

Screencast.from.2024-05-07.18-14-26.webm

Platform

• OS: Ubuntu 23.10
• Browser: Brave
• Version: Version 1.65.126 Chromium: 124.0.6367.118 (Official Build) (64-bit)

Additional context

No response

[peterkogo]

This is in Svelte Flow and with color mode "system", right?

[mcmxcdev]

This is in Svelte Flow and with color mode "system", right?

Oh my bad, I forgot to mention that. We have a check like colorMode={isEmbed ? 'light' : $theme} in place, in this case colorMode resolves to "dark" so shouldn't render a white box.