How to change the Theia icon in the upper left corner to its own icon

Martin_Liu · 10 May 2023 13:05

Use custom icons

vince-fugnitto · 10 May 2023 13:12

@Martin_Liu thank you for the discussion, do you mind clarifying a bit?

I assume you’re referring to the icon present in the menu (when using custom menus and not native) controlled by the .theia-icon css class.

You can look at the example in branding.css:

github.com

eclipse-theia/theia/blob/a8390904927cabf66870d86e3d8958b02f67cc34/examples/api-samples/src/browser/style/branding.css#L17-L22

      
        
            .theia-icon {
                background-image: url('../icons/theia.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
            }