GUI -- Added dark theming for the topology view.

Change-Id: I13c7bbbff65007fed162a4ea80dbf6042ff04c07
This commit is contained in:
Simon Hunt 2015-01-15 10:33:20 -08:00
parent 0541fb8d47
commit 5ee36e041b
3 changed files with 21 additions and 5 deletions

View File

@ -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 {

View File

@ -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%;

View File

@ -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;
}