branding: fix widget backgrounds (transparent)

examples/api-samples/src/browser/api-samples-frontend-module.ts

@@ -20,6 +20,8 @@ import { bindSampleUnclosableView } from './view/sample-unclosable-view-contribu
 import { bindSampleOutputChannelWithSeverity } from './output/sample-output-channel-with-severity';
 import { bindSampleMenu } from './menu/sample-menu-contribution';
 
+import '../../src/browser/style/branding.css';
+
 export default new ContainerModule(bind => {
     bindDynamicLabelProvider(bind);
     bindSampleUnclosableView(bind);

examples/api-samples/src/browser/style/branding.css

@@ -0,0 +1,29 @@
+/********************************************************************************
+ * Copyright (C) 2020 Ericsson and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+.theia-icon {
+    background-image: url('../icons/theia.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+ #theia-main-content-panel {
+    background-image: url('../icons/theia.png');
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: 15%;
+}

packages/core/src/browser/style/tabs.css

@@ -49,7 +49,8 @@
 | Tabs in the center area (main and bottom)
 |----------------------------------------------------------------------------*/
 
-#theia-main-content-panel {
+#theia-main-content-panel,
+#theia-main-content-panel .p-Widget.p-DockPanel-widget {
     background: var(--theia-editor-background);
 }