Updated logo

dashboard.php

@@ -5,7 +5,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
     <!-- Chrome, Firefox OS and Opera -->
-    <meta name="theme-color" content="#222222">
+    <meta name="theme-color" content="#263238">
     <link rel="manifest" href="/manifest.json">
 
     <link href="../css/dashboard.css" rel="stylesheet">

js/component/header.js

@@ -58,8 +58,11 @@ beestat.component.header.prototype.decorate_ = function(parent) {
   var column_logo = $.createElement('div').style({'padding': gutter + 'px 0 0 ' + gutter + 'px'});
   row.appendChild(column_logo);
   if (beestat.width > 600) {
-    column_logo.style({'flex': '0 0 160px'});
+    column_logo.style({
-    (new beestat.component.logo()).render(column_logo);
+      'flex': '0 0 160px',
+      'margin': '8px 0 4px 0'
+    });
+    (new beestat.component.logo(32)).render(column_logo);
   } else {
     column_logo.style({'flex': '0 0 32px'});
     var img = $.createElement('img')

js/component/logo.js

@@ -1,7 +1,10 @@
 /**
- * Beestat two-color text logo.
+ * Logo
+ *
+ * @param {number} height The height of the logo
  */
-beestat.component.logo = function() {
+beestat.component.logo = function(height) {
+  this.height_ = height || 48;
   beestat.component.apply(this, arguments);
 };
 beestat.extend(beestat.component.logo, beestat.component);
@@ -12,23 +15,10 @@ beestat.extend(beestat.component.logo, beestat.component);
  * @param {rocket.Elements} parent
  */
 beestat.component.logo.prototype.decorate_ = function(parent) {
-  var logo = $.createElement('div');
+  const logo = $.createElement('img')
-  logo.style({
+    .setAttribute('src', 'img/logo.png')
-    'font-weight': beestat.style.font_weight.light,
+    .style({
-    'font-size': '40px',
+      'height': this.height_ + 'px'
-    'font-family': 'Montserrat'
+    });
-  });
-
-  var bee = $.createElement('span');
-  bee.innerHTML('bee');
-  bee.style('color', beestat.style.color.yellow.light);
-
-  var stat = $.createElement('span');
-  stat.innerHTML('stat');
-  stat.style('color', beestat.style.color.green.light);
-
-  logo.appendChild(bee);
-  logo.appendChild(stat);
-
   parent.appendChild(logo);
 };

manifest.json

@@ -9,6 +9,6 @@
   ],
   "start_url": "/",
   "display": "standalone",
-  "background_color": "#37474f",
+  "background_color": "#263238",
-  "theme_color": "#37474f"
+  "theme_color": "#263238"
 }