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