fix(title-bar): new title bar

app/main.dev.js

@@ -210,7 +210,7 @@ app.on('ready', async () => {
   console.log('icon: ', icon)
   mainWindow = new BrowserWindow({
     show: false,
-    frame: true,
+    titleBarStyle: 'hidden',
     width: 700,
     height: 1100,
     minHeight: 700,

app/routes/app/components/App.js

@@ -39,6 +39,7 @@ class App extends Component {
 
     return (
       <div>
+        <div className={styles.titleBar} />
         <GlobalError error={error} clearError={clearError} />
         <ModalRoot
           modalType={modalType}

app/routes/app/components/App.scss

@@ -1,3 +1,5 @@
+@import '../../../variables.scss';
+
 .content {
 	position: relative;
 	width: 85%;
@@ -5,4 +7,11 @@
 	display: inline-block;
 	vertical-align: top;
 	overflow-y: scroll;
+}
+
+.titleBar {
+  background: $spacegrey;
+  height: 20px;
+  -webkit-user-select: none;
+  -webkit-app-region: drag;
 }

app/variables.scss

@@ -9,6 +9,7 @@ $lightgrey: #F7F7F7;
 $darkgrey: #EBEBEB;
 $darkestgrey: #999999;
 $bluegrey: #555459;
+$spacegrey: #222E2B;
 
 $green: #0bb634;
 $terminalgreen: #00FF00;