don't hardcode output_area pre background

set it to transparent, thus inheriting from the parent div.

IPython/frontend/html/notebook/static/notebook/less/outputarea.less

@@ -5,7 +5,7 b' div.output_area {'
     .hbox();
 }
 
-	
+
 /* This is needed to protect the pre formating from global settings such
    as that of bootstrap */
 div.output_area pre {	
@@ -16,9 +16,9 b' div.output_area pre {'
     font-size: 100%;
     vertical-align: baseline;
     color: black;
-	background-color: white;
-	.border-radius(0);
-	line-height: inherit;
+    background-color: transparent;
+    .border-radius(0);
+    line-height: inherit;
 }
 
 /* This class is for the output subarea inside the output_area and after

IPython/frontend/html/notebook/static/style/style.min.css

@@ -990,7 +990,7 b' a.heading-anchor:link,a.heading-anchor:visited{text-decoration:none;color:inheri'
 #notification_area{position:absolute;right:0px;top:0px;height:25px;padding:3px 0px;padding-right:3px;z-index:10;}
 .notification_widget{float:right;right:0px;top:1px;height:25px;padding:3px 6px;z-index:10;}
 div.output_area{padding:0px;page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;}
-div.output_area pre{font-family:monospace;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;color:black;background-color:white;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;line-height:inherit;}
+div.output_area pre{font-family:monospace;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;color:black;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;line-height:inherit;}
 div.output_subarea{padding:0.44em 0.4em 0.4em 1px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}
 div.output_text{text-align:left;color:#000000;font-family:monospace;line-height:1.231;}
 div.output_stream{padding-top:0.0em;padding-bottom:0.0em;}