Tweak font

default_app/default_app.js

@@ -15,7 +15,7 @@ exports.load = function (appUrl) {
       width: 800,
       height: 600,
       autoHideMenuBar: true,
-      backgroundColor: '#A5ECFA',
+      backgroundColor: '#FFFFFF',
       useContentSize: true
     })
     mainWindow.loadURL(appUrl)

default_app/index.html

@@ -5,7 +5,7 @@
     body {
       color: #205161;
       background-color: #fff;
-      font-family: 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif;
+      font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;
       padding: 0;
       margin: 0;
     }
@@ -54,10 +54,10 @@
     }
 
     pre, code {
-      font-family: "Menlo","Lucida Console",monospace;
-      border: 1px solid #076274;
-      background-color: #076274;
-      color: #C5F3FC;
+      font-family: "Menlo", "Lucida Console", monospace;
+      border: 1px solid #e0e5e6;
+      background-color: #f6f8f8;
+      color: #466a72;
       border-radius: 3px;
     }
 
@@ -75,18 +75,20 @@
     }
 
     #holder {
-      border: 2px dashed #448691;
       margin: 0 auto;
-      height: 300px;
-      color: #45828E;
-      font-size: 40px;
-      line-height: 300px;
+      height: 275px;
+      border: 1px solid #e0e5e6;
+      background-color: #f6f8f8;
+      color: #466a72;
+      border-radius: 3px;
+      font-size: 30px;
+      line-height: 275px;
       text-align: center;
       -webkit-user-select: none;
     }
 
     #holder.hover {
-      background-color: #7BDCEF;
+      border-color: #2ab0cb;
     }
   </style>
 </head>