[Bug] widget background is transparent making brand logo visible

[GNSubrahmanyam]

Bug Description:

widget background is transparent. Brand logo is visble

I added a branding extension similar to https://github.com/vince-fugnitto/theia-cpp-branding.

It works fine to the extent the logo is added to the empty panel.

But when I open the preview of a markdown file, the rendered output panel has a transparent background causing the logo to be visible and conflict with the rendered preview.

Steps to Reproduce:

1. Add brand logo

#theia-main-content-panel {
    background-image: var(--theia-brand-logo);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: var(--theia-brand-logo-size);
}

2. Go to preferences or view any preview
3. Brand logo is visible

Additional Information

• Operating System:
• Theia Version: 1.5.0

cc: @vince-fugnitto

[vince-fugnitto]

@GNSubrahmanyam thank you for opening an issue, it is likely a regression is recent releases. Feel free to provide a pull-request to resolve the issue (likely similar to the previous pull-request).

[GNSubrahmanyam]

Welcome @vince-fugnitto, It's been only two days I am working with Thiea IDE. We are integrating Theia IDE into our product.
I will try my best to fix this issue. theia-settings-container class for preference panel and theia-preview-widget class for preview panel am i right? As i can see this property --theia-layout-color0 is deprecated