RegionChooser: Colors

src/eu/simstadt/regionchooser/website/style/style.css

 html.wait, html.wait * { cursor: wait !important; }
 
+:root {
+    --color1:#6ba083;
+    --color2:#222831;
+    --color3:#6ba083;
+    --color4:#eeeeee;
+}
+
 html,body{
 	margin:0;
 	padding:0;
 	width:100%;
 	height:100%;
 	font-family:Arial, Helvetica, sans-serif;
-        background-color: #222831;
+    background-color: var(--color2);
 }
 
 form.pay{
@@ -23,7 +30,7 @@ div#map{
 	height:80%;
 	float:left;
 	outline: 0;
-        background-color: #eeeeee;
+	background-color: var(--color4);
 }
 div#side{
 	width:30%;
@@ -31,11 +38,11 @@ div#side{
 }
 
 div#dataPanel{
-        background-color: #eeeeee;
+	background-color: var(--color4);
 	width:90%;
 	height:80%;
 	overflow:auto;
-	border:2px solid #DDDDDD;
+	border:2px solid var(--color3);
 	font-family: Consolas,monaco,monospace;
 	font-size: 12px;
 	box-sizing:border-box;
@@ -65,17 +72,16 @@ div ul li{
 
 div ul li.title{
 	font-size:22px;
-	color:#6ba083;
+    color: var(--color1);
 }
 
 div#header{
-	color:#888;
 	font-size:14px;
 	padding-left:20px;
 }
+
 span.instruction{
 	font-weight:bold;
-	
 }
 
 .message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto; font-size:12px;}