GUI -- Minor tweaks to node colors.

Change-Id: I76ad8924a280689287ca93974983638ebbdfa55b

@@ -51,16 +51,10 @@
 
 #topo svg .node.selected rect,
 #topo svg .node.selected circle {
-    fill: #ffA300;
+    fill: #f90;
     filter: url(#blue-glow);
 }
 
-/* for debugging */
-#topo svg .node circle.debug {
-    fill: white;
-    stroke: red;
-}
-
 #topo svg .node text {
     pointer-events: none;
 }
@@ -84,14 +78,10 @@
     fill: #777;
 }
 
-#topo svg .node.device.switch.online {
+#topo svg .node.device.online {
     fill: #17f;
 }
 
-#topo svg .node.device.roadm.online {
-    fill: #335a9a;
-}
-
 /* note: device is offline without the 'online' class */
 #topo svg .node.device text {
     fill: #aaa;
@@ -102,6 +92,25 @@
     fill: white;
 }
 
+#topo svg .node.device .glyphIcon rect {
+    fill: #aaa;
+}
+#topo svg .node.device .glyphIcon use {
+    fill: #777;
+}
+#topo svg .node.device.selected .glyphIcon rect {
+    fill: #f90;
+}
+#topo svg .node.device.online .glyphIcon rect {
+    fill: #8ab;
+}
+#topo svg .node.device.online .glyphIcon use {
+    fill: #000;
+}
+#topo svg .node.device.online.selected .glyphIcon rect {
+    fill: #f90;
+}
+
 
 /* Host Nodes */
 
@@ -117,7 +126,7 @@
 
 svg .node.host circle {
     stroke: #000;
-    fill: #ddd;
+    fill: #edb;
 }
 
 /* LINKS */

@@ -355,7 +355,7 @@
 
     var layerLookup = {
         host: {
-            endstation: 'pkt', // default, if host event does not define type
+            host: 'pkt', // default, if host event does not define type
             router:     'pkt',
             bgpSpeaker: 'pkt'
         },