Highlight logo square when viewing status page

ui/src/side_nav/containers/SideNav.js

@@ -69,10 +69,14 @@ const SideNav = React.createClass({
     const dataExplorerLink = `${sourcePrefix}/chronograf/data-explorer`
     const isUsingAuth = !!logoutLink
 
+    const isDefaultPage = location.split('/').includes(DEFAULT_HOME_PAGE)
+
     return isHidden
       ? null
       : <NavBar location={location}>
-          <div className="sidebar--item">
+          <div
+            className={isDefaultPage ? 'sidebar--item active' : 'sidebar--item'}
+          >
             <Link
               to={`${sourcePrefix}/${DEFAULT_HOME_PAGE}`}
               className="sidebar--square sidebar--logo"

ui/src/style/layout/sidebar.scss

@@ -115,6 +115,16 @@ $sidebar-menu--gutter: 18px;
   background-color: $sidebar--logo-bg-hover;
   .sidebar--icon {color: $sidebar--logo-color-hover;}
 }
+.sidebar--item.active .sidebar--square.sidebar--logo {
+  background-color: $sidebar--logo-bg-hover;
+  .sidebar--icon {
+    color: $sidebar--logo-color-hover;
+    text-shadow:
+      0 0 9px $c-hydrogen,
+      0 0 15px $c-neutrino,
+      0 0 20px $c-yeti;
+  }
+}
 
 /*
     Sidebar Sub Menus