diff --git a/IPython/html/static/terminal/less/terminal.less b/IPython/html/static/terminal/less/terminal.less
index e6b2a24..9c3f175 100644
--- a/IPython/html/static/terminal/less/terminal.less
+++ b/IPython/html/static/terminal/less/terminal.less
@@ -1,23 +1,36 @@
-.terminal {
- float: left;
- font-family: monospace;
- color: white;
- background: black;
- padding: @code_padding;
- border-radius: @border-radius-base;
- .box-shadow(@global-shadow-dark);
+body.terminal-app {
+ background: @page-backdrop-color;
- &, dummy-screen {
- line-height: 1em;
- font-size: @notebook_font_size;
+ #header {
+ background: @body-bg;
+ .box-shadow(@global-shadow);
+
+ .header-bar {
+ margin-bottom: -1px;
+ }
}
-}
-.terminal-cursor {
- color: black;
- background: white;
-}
+ .terminal {
+ float: left;
+ font-family: monospace;
+ color: white;
+ background: black;
+ padding: @code_padding;
+ border-radius: @border-radius-base;
+ .box-shadow(@global-shadow-dark);
+
+ &, dummy-screen {
+ line-height: 1em;
+ font-size: @notebook_font_size;
+ }
+ }
+
+ .terminal-cursor {
+ color: black;
+ background: white;
+ }
-#terminado-container {
- margin-top: @page-header-padding;
+ #terminado-container {
+ margin-top: @page-header-padding;
+ }
}
diff --git a/IPython/html/templates/terminal.html b/IPython/html/templates/terminal.html
index 2b77acb..c73976f 100644
--- a/IPython/html/templates/terminal.html
+++ b/IPython/html/templates/terminal.html
@@ -6,6 +6,7 @@
data-base-url="{{base_url}}"
data-ws-path="{{ws_path}}"
+class="terminal-app"
{% endblock %}