Simon Hunt

GUI -- Minor tweaks to node colors.

Change-Id: I76ad8924a280689287ca93974983638ebbdfa55b
...@@ -51,16 +51,10 @@ ...@@ -51,16 +51,10 @@
51 51
52 #topo svg .node.selected rect, 52 #topo svg .node.selected rect,
53 #topo svg .node.selected circle { 53 #topo svg .node.selected circle {
54 - fill: #ffA300; 54 + fill: #f90;
55 filter: url(#blue-glow); 55 filter: url(#blue-glow);
56 } 56 }
57 57
58 -/* for debugging */
59 -#topo svg .node circle.debug {
60 - fill: white;
61 - stroke: red;
62 -}
63 -
64 #topo svg .node text { 58 #topo svg .node text {
65 pointer-events: none; 59 pointer-events: none;
66 } 60 }
...@@ -84,14 +78,10 @@ ...@@ -84,14 +78,10 @@
84 fill: #777; 78 fill: #777;
85 } 79 }
86 80
87 -#topo svg .node.device.switch.online { 81 +#topo svg .node.device.online {
88 fill: #17f; 82 fill: #17f;
89 } 83 }
90 84
91 -#topo svg .node.device.roadm.online {
92 - fill: #335a9a;
93 -}
94 -
95 /* note: device is offline without the 'online' class */ 85 /* note: device is offline without the 'online' class */
96 #topo svg .node.device text { 86 #topo svg .node.device text {
97 fill: #aaa; 87 fill: #aaa;
...@@ -102,6 +92,25 @@ ...@@ -102,6 +92,25 @@
102 fill: white; 92 fill: white;
103 } 93 }
104 94
95 +#topo svg .node.device .glyphIcon rect {
96 + fill: #aaa;
97 +}
98 +#topo svg .node.device .glyphIcon use {
99 + fill: #777;
100 +}
101 +#topo svg .node.device.selected .glyphIcon rect {
102 + fill: #f90;
103 +}
104 +#topo svg .node.device.online .glyphIcon rect {
105 + fill: #8ab;
106 +}
107 +#topo svg .node.device.online .glyphIcon use {
108 + fill: #000;
109 +}
110 +#topo svg .node.device.online.selected .glyphIcon rect {
111 + fill: #f90;
112 +}
113 +
105 114
106 /* Host Nodes */ 115 /* Host Nodes */
107 116
...@@ -117,7 +126,7 @@ ...@@ -117,7 +126,7 @@
117 126
118 svg .node.host circle { 127 svg .node.host circle {
119 stroke: #000; 128 stroke: #000;
120 - fill: #ddd; 129 + fill: #edb;
121 } 130 }
122 131
123 /* LINKS */ 132 /* LINKS */
......
...@@ -355,7 +355,7 @@ ...@@ -355,7 +355,7 @@
355 355
356 var layerLookup = { 356 var layerLookup = {
357 host: { 357 host: {
358 - endstation: 'pkt', // default, if host event does not define type 358 + host: 'pkt', // default, if host event does not define type
359 router: 'pkt', 359 router: 'pkt',
360 bgpSpeaker: 'pkt' 360 bgpSpeaker: 'pkt'
361 }, 361 },
......