GUI -- Minor fixes to themed coloring of device icons.

Change-Id: I4084b7c640f70d43a57953749f11a78530620c17

@@ -275,7 +275,12 @@
 
 
 #ov-topo svg .node.device.fixed rect {
 #ov-topo svg .node.device.fixed rect {
     stroke-width: 1.5;
     stroke-width: 1.5;
-    stroke: #ccc;
+}
+.light #ov-topo svg .node.device.fixed rect {
+    stroke: #aaa;
+}
+.dark #ov-topo svg .node.device.fixed rect {
+    stroke: #555;
 }
 }
 
 
 /* note: device is offline without the 'online' class */
 /* note: device is offline without the 'online' class */

@@ -386,6 +386,7 @@
         black: '#000',
         black: '#000',
         paleblue: '#acf',
         paleblue: '#acf',
         offwhite: '#ddd',
         offwhite: '#ddd',
+        darkgrey: '#444',
         midgrey: '#888',
         midgrey: '#888',
         lightgrey: '#bbb',
         lightgrey: '#bbb',
         orange: '#f90'
         orange: '#f90'
@@ -394,8 +395,9 @@
     // note: these are the device icon colors without affinity
     // note: these are the device icon colors without affinity
     var dColTheme = {
     var dColTheme = {
         light: {
         light: {
+            rfill: dCol.offwhite,
             online: {
             online: {
-                glyph: dCol.black,
+                glyph: dCol.darkgrey,
                 rect: dCol.paleblue
                 rect: dCol.paleblue
             },
             },
             offline: {
             offline: {
@@ -403,15 +405,15 @@
                 rect: dCol.lightgrey
                 rect: dCol.lightgrey
             }
             }
         },
         },
-        // TODO: theme
         dark: {
         dark: {
+            rfill: dCol.midgrey,
             online: {
             online: {
-                glyph: dCol.black,
+                glyph: dCol.darkgrey,
                 rect: dCol.paleblue
                 rect: dCol.paleblue
             },
             },
             offline: {
             offline: {
                 glyph: dCol.midgrey,
                 glyph: dCol.midgrey,
-                rect: dCol.lightgrey
+                rect: dCol.darkgrey
             }
             }
         }
         }
     };
     };
@@ -434,7 +436,7 @@
             r = dCol.orange;
             r = dCol.orange;
         } else if (tis.isVisible()) {
         } else if (tis.isVisible()) {
             g = o ? a : c.glyph;
             g = o ? a : c.glyph;
-            r = o ? dCol.offwhite : a;
+            r = o ? c.rfill : a;
         } else {
         } else {
             g = c.glyph;
             g = c.glyph;
             r = c.rect;
             r = c.rect;