Fix bug: HTML view shows weird background color in vscode insider (microsoft#282)

testforstephen · web-flow · commit 1f74a6ccc89e · 2017-04-28T14:00:17.000+08:00
* Fix bug: HTML view shows weird background color in vscode insider

* Add default theme color for HTML view
diff --git a/src/arduino/arduinoContentProvider.ts b/src/arduino/arduinoContentProvider.ts
@@ -78,13 +78,13 @@ export class ArduinoContentProvider implements vscode.TextDocumentContentProvide
                     console.log('reloaded results window at time ${timeNow}ms');
                     var doc = document.documentElement;
                     var styles = window.getComputedStyle(doc);
-                    var backgroundcolor = styles.getPropertyValue('--background-color');
-                    var color = styles.getPropertyValue('--color');
-                    var theme = document.body.className;
+                    var backgroundcolor = styles.getPropertyValue('--background-color') || '#1e1e1e';
+                    var color = styles.getPropertyValue('--color') || '#d4d4d4';
+                    var theme = document.body.className || 'vscode-dark';
                     var url = "${this._webserver.getEndpointUri(type)}?" +
-                            "theme=" + theme +
-                            "&backgroundcolor=" + backgroundcolor +
-                            "&color=" + color;
+                            "theme=" + encodeURIComponent(theme.trim()) +
+                            "&backgroundcolor=" + encodeURIComponent(backgroundcolor.trim()) +
+                            "&color=" + encodeURIComponent(color.trim());
                     document.getElementById('frame').src = url;
                 };
             </script>
