Device default background color updated

desktop-app/app/app.global.css

@@ -9,6 +9,7 @@ body {
   color: white;
   height: 100vh;
   margin: 0;
+
   /*
   background-color: #232c39;
   background-image: linear-gradient(45deg, rgba(0, 216, 255, 0.5) 10%, rgba(0, 1, 127, 0.7));

desktop-app/app/components/Header/index.js

@@ -1,13 +1,13 @@
 // @flow
-import React, {Component} from 'react';
+import React from 'react';
+import Grid from '@material-ui/core/Grid';
+
 import ZoomContainer from '../../containers/ZoomContainer';
 import AddressBar from '../../containers/AddressBar';
-import Grid from '@material-ui/core/Grid';
-import cx from 'classnames';
 
 import styles from './style.module.css';
 
-const Header = function(props) {
+const Header = function() {
   return (
     <div className={styles.header}>
       <Grid

desktop-app/app/components/Renderer/style.module.css

@@ -7,4 +7,5 @@
 
 .device {
   transform-origin: top left;
+  background: white;
 }

desktop-app/app/components/icons/Logo.js

@@ -1,6 +1,7 @@
-import React, {Fragment} from 'react';
+// @flow
+import React from 'react';
 import logoImage from '../../../resources/logo.svg';
 
 export default ({width, height, color}) => (
-  <img src={logoImage} height={height} width={width} />
+  <img src={logoImage} height={height} width={width} alt="" />
 );

desktop-app/app/layout.css

@@ -1,7 +1,7 @@
 .appRoot {
   height: 100%;
   overflow: hidden;
-  margin: 0px;
+  margin: 0;
   display: flex;
   box-sizing: border-box;
 }

whater.code-workspace

@@ -1,8 +0,0 @@
-{
-	"folders": [
-		{
-			"path": "browser-extension"
-		}
-	],
-	"settings": {}
-}