GUI -- Added dark theming for the topology view.
Change-Id: I13c7bbbff65007fed162a4ea80dbf6042ff04c07
Showing
3 changed files
with
21 additions
and
5 deletions
| ... | @@ -37,6 +37,13 @@ body { | ... | @@ -37,6 +37,13 @@ body { |
| 37 | overflow: hidden; | 37 | overflow: hidden; |
| 38 | } | 38 | } |
| 39 | 39 | ||
| 40 | +body.light { | ||
| 41 | + background-color: white; | ||
| 42 | +} | ||
| 43 | +body.dark { | ||
| 44 | + background-color: #2b2b2b; | ||
| 45 | +} | ||
| 46 | + | ||
| 40 | #view { | 47 | #view { |
| 41 | padding: 6px; | 48 | padding: 6px; |
| 42 | width: 100%; | 49 | width: 100%; | ... | ... |
| ... | @@ -20,15 +20,24 @@ | ... | @@ -20,15 +20,24 @@ |
| 20 | @author Simon Hunt | 20 | @author Simon Hunt |
| 21 | */ | 21 | */ |
| 22 | 22 | ||
| 23 | -#ov-topo svg { | 23 | +.light #ov-topo svg { |
| 24 | background-color: #fff; | 24 | background-color: #fff; |
| 25 | /* For Debugging the placement of the SVG layer... */ | 25 | /* For Debugging the placement of the SVG layer... */ |
| 26 | /*border: 1px solid red;*/ | 26 | /*border: 1px solid red;*/ |
| 27 | } | 27 | } |
| 28 | +.dark #ov-topo svg { | ||
| 29 | + background-color: #2b2b2b; | ||
| 30 | +} | ||
| 28 | 31 | ||
| 29 | #ov-topo svg #topo-map { | 32 | #ov-topo svg #topo-map { |
| 30 | stroke-width: 2px; | 33 | stroke-width: 2px; |
| 31 | - /*stroke: #eee;*/ | ||
| 32 | - stroke: #88b; | ||
| 33 | fill: transparent; | 34 | fill: transparent; |
| 34 | -} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 35 | +} | ||
| 36 | + | ||
| 37 | +.light #ov-topo svg #topo-map { | ||
| 38 | + stroke: #eee; | ||
| 39 | + /*stroke: #88b;*/ | ||
| 40 | +} | ||
| 41 | +.dark #ov-topo svg #topo-map { | ||
| 42 | + stroke: #444; | ||
| 43 | +} | ... | ... |
-
Please register or login to post a comment