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.

[dmm9]

I found it! It seems to be this electron issue, which has been solved in electron last week (middle of May 2025).

electron v36.2.1
electron v35.4.0

I was using v35.1.4 and, after upgrading to v35.4.0, the frame is gone.

Note in case someone is interested: that pull request of Electron also solves the flickering issues at start.

[sdirix]

Good find!