GUI -- Added dark theming for the topology view.

Change-Id: I13c7bbbff65007fed162a4ea80dbf6042ff04c07

@@ -32,7 +32,7 @@
 }
 }
 .dark #mast {
 .dark #mast {
     background-color: #444;
     background-color: #444;
-    box-shadow: 0 2px 8px #777;
+    box-shadow: 0 2px 8px #222;
 }
 }
 
 
 #mast img.logo {
 #mast img.logo {

@@ -37,6 +37,13 @@ body {
     overflow: hidden;
     overflow: hidden;
 }
 }
 
 
+body.light {
+    background-color: white;
+}
+body.dark {
+    background-color: #2b2b2b;
+}
+
 #view {
 #view {
     padding: 6px;
     padding: 6px;
     width: 100%;
     width: 100%;

@@ -20,15 +20,24 @@
  @author Simon Hunt
  @author Simon Hunt
  */
  */
 
 
-#ov-topo svg {
+.light #ov-topo svg {
     background-color: #fff;
     background-color: #fff;
     /* For Debugging the placement of the SVG layer... */
     /* For Debugging the placement of the SVG layer... */
     /*border: 1px solid red;*/
     /*border: 1px solid red;*/
 }
 }
+.dark #ov-topo svg {
+    background-color: #2b2b2b;
+}
 
 
 #ov-topo svg #topo-map {
 #ov-topo svg #topo-map {
     stroke-width: 2px;
     stroke-width: 2px;
-    /*stroke: #eee;*/
-    stroke: #88b;
     fill: transparent;
     fill: transparent;
 }
 }
+
+.light #ov-topo svg #topo-map {
+    stroke: #eee;
+    /*stroke: #88b;*/
+}
+.dark #ov-topo svg #topo-map {
+    stroke: #444;
+}