diff --git a/examples/api-samples/src/browser/api-samples-frontend-module.ts b/examples/api-samples/src/browser/api-samples-frontend-module.ts
index 1a397ab0a4852..961e557dd4711 100644
--- a/examples/api-samples/src/browser/api-samples-frontend-module.ts
+++ b/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);
diff --git a/examples/api-samples/src/browser/icons/theia.png b/examples/api-samples/src/browser/icons/theia.png
new file mode 100644
index 0000000000000..a89516093c5bd
Binary files /dev/null and b/examples/api-samples/src/browser/icons/theia.png differ
diff --git a/examples/api-samples/src/browser/style/branding.css b/examples/api-samples/src/browser/style/branding.css
new file mode 100644
index 0000000000000..e414960b0466a
--- /dev/null
+++ b/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%;
+}
diff --git a/packages/core/src/browser/style/tabs.css b/packages/core/src/browser/style/tabs.css
index d05be40385f58..9242fa1326c46 100644
--- a/packages/core/src/browser/style/tabs.css
+++ b/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);
 }