Splash screen shows with unexpected frame

[dmm9]

Hi,

I have configured a splash image for the electron build, but a frame appears around the image. I have copied the svg and size from theia-ide, so I had expected to see the splash without frame like on Theia-IDE. How can I remove it?

Note: I am not building the vanilla Theia-IDE, but my own IDE based on Theia

Using Theia 1.58.4

package.json

          "splashScreenOptions": {
            "content": "resources/icons/TheiaIDESplash.svg",
            "width": 446,
            "height": 276
          }

Any idea?

[dmm9]

Kindly bringing your attention, @sdirix. I've seen you added this feature last year. Any hint?

[sdirix]

I need some more information and ideally a reproducible example.

• Can you determine where the border comes from? i.e. Electron itself or from the web rendering
• Which platform are you on?
• Does this happen when you are starting the Electron application itself or only when it's bundled?

There must be some difference between the Theia IDE repository and your Theia based application to manifest the issue.

[dmm9]

• How can I check where it comes from? It is the splash window. It (frame+image) disappears once the ide window is shown.
• Windows 11, Node 22, Theia 1.58.4, Electron 35.1.4.
• It happens in both cases (yarn electron start and .exe). Also dev vs prod does not make a difference.