diff --git a/arduino-ide-extension/src/browser/style/arduino.useable.css b/arduino-ide-extension/src/browser/style/arduino.useable.css
index 86ca3fed..3ad86611 100644
--- a/arduino-ide-extension/src/browser/style/arduino.useable.css
+++ b/arduino-ide-extension/src/browser/style/arduino.useable.css
@@ -20,6 +20,7 @@ is not optimized for dense, information rich UIs.
     /* Custom Theme Colors */
     --theia-arduino-light: rgb(0, 102, 102);
     --theia-arduino-light1: rgb(0, 153, 153);
+    --theia-arduino-terminal: rgb(0, 0, 0);
     /* Borders: Width and color (bright to dark) */
     --theia-border-width: 1px;
     --theia-panel-border-width: 2px;
diff --git a/arduino-ide-extension/src/browser/style/index.css b/arduino-ide-extension/src/browser/style/index.css
index e965dec7..4a57acb5 100644
--- a/arduino-ide-extension/src/browser/style/index.css
+++ b/arduino-ide-extension/src/browser/style/index.css
@@ -1,2 +1,3 @@
 @import './list-widget.css';
-@import './select-board-dialog.css';
\ No newline at end of file
+@import './select-board-dialog.css';
+@import './main.css';
\ No newline at end of file
diff --git a/arduino-ide-extension/src/browser/style/main.css b/arduino-ide-extension/src/browser/style/main.css
new file mode 100644
index 00000000..4cdf4058
--- /dev/null
+++ b/arduino-ide-extension/src/browser/style/main.css
@@ -0,0 +1,11 @@
+.p-TabBar[data-orientation='horizontal'].theia-app-bottom {
+    background: var(--theia-layout-color1);
+}
+
+.theia-output {
+    background: var(--theia-arduino-terminal);
+}
+
+#outputView {
+    color: var(--theia-ui-font-color3);
+}
\ No newline at end of file