new colors in alterator css

alterator/styles/alterator.css → alterator/styles/alterator.css.in

 body {
-	background-color: #cdcdcd;/*#92b2b8;/*#67999a;/*#c0dbdb;*/
-	color: #178093;
+	background-color: #@MIDDLE_COLOR_HEX@;/*#92b2b8;/*#67999a;/*#c0dbdb;*/
+	color: #@DARK_COLOR_HEX@;
 	margin: 0px;
 	padding: 10px;
 	font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
@@ -8,13 +8,13 @@ body {
 }
 
 a {
-	color: #178093;
+	color: #@DARK_COLOR_HEX@;
 	font-weight: bold;
 }
 
 table {
 	font-size: 9pt;
-	border-color: #178093;
+	border-color: #@DARK_COLOR_HEX@;
 	border-collapse: collapse;
 }
 
@@ -37,23 +37,23 @@ h1 {
 }
 
 textarea, select, input.text {
-	border: 1px solid #178093;
+	border: 1px solid #@DARK_COLOR_HEX@;
 	font-size: 8pt;
 	margin: 1px 3px 1px 0px;
 	padding: 1px 3px;
 }
 
 .btn {
-	background-color: #cdcdcd;
-	color: #178093;
-	border: 1px solid #178093;
+	background-color: #@MIDDLE_COLOR_HEX@;
+	color: #@DARK_COLOR_HEX@;
+	border: 1px solid #@DARK_COLOR_HEX@;
 	cursor: pointer;
 	font-size: 9pt;
 	padding: 0px 3px;
 }
 
 .btn:hover {
-	background-color: #94c4cd;
+	background-color: #@MIDDLE_COLOR_HEX@;
 }
 
 .error-message {
@@ -66,7 +66,7 @@ textarea, select, input.text {
 
 .info-name {
 	font-size: 18pt;
-	border-bottom: 2px solid #178093;
+	border-bottom: 2px solid #@DARK_COLOR_HEX@;
 }
 
 .info-description {
@@ -89,25 +89,25 @@ textarea, select, input.text {
 }
 
 .disabled {
-	color: #6e6e6e;
+	color: #@DARK_COLOR_HEX@;
 }
 
 .alterator-progress {
-	border: 1px solid #178093;
+	border: 1px solid #@DARK_COLOR_HEX@;
 	height: 20px;
 	width: 200px;
 	padding: 2px;
-	background-color: #FFFFFF;
+	background-color: #@LIGHT_LABELS_HEX@;
 }
 
 .alterator-progress div {
-	background-color: #178093;
+	background-color: #@DARK_COLOR_HEX@;
 	height: 20px;
 }
 
 .year {
 	font-weight: bold;
-	background-color: #baeaea;
+	background-color: #@LIGHT_COLOR_HEX@;
 }
 
 .week {
@@ -126,18 +126,18 @@ textarea, select, input.text {
 .day {
 	border-style:solid;
 	border-width:1px;
-	background-color: #baeaea;
+	background-color: #@LIGHT_COLOR_HEX@;
 	cursor: pointer;
 }
 
 .day:hover {
-	background-color: #178093;
+	background-color: #@DARK_COLOR_HEX@;
 }
 
 .alterator-dateedit-calendar table {
 	width: 100%;
 	text-align: center;
-	background-color: #baeaea;
+	background-color: #@LIGHT_COLOR_HEX@;
 	border-style: solid;
 	border-width: 1px;
 }
@@ -166,7 +166,7 @@ table.alterator-listbox th {
 }
 
 table.alterator-listbox td {
-	background: #ffffff;
+	background: #@LIGHT_COLOR_HEX@;
 	border-left: solid 1px;
 	border-right: solid 1px;
 	padding: 3px;

alterator/styles/menu.css → alterator/styles/menu.css.in

@@ -32,7 +32,7 @@
 	padding-top: 10px;
 	width: 20px;
 	text-align:left;
-	color: #fff;
+	color: #@LIGHT_LABELS_HEX@;
 /*        border-bottom: 1px solid #056560;;*/
 	background: url(/design/images/gradient-top.png) 0% 0% repeat-x;
 /*	-moz-border-radius-topleft: 1em;
@@ -46,14 +46,14 @@
 /*	border-left: none; */
 	padding-left: 10px;
 	padding-top: 10px;
-	color: #fff;
+	color: #@LIGHT_LABELS_TEXT@;
 	padding-right: 10px;
 	text-align:center;
 	width: 100px;
 	background: url(/design/images/gradient-top.png) 0% 0% repeat-x;
 /*	border-left: 1px solid #056560;;
-	border-right: 1px solid #056560;;
-	border-bottom: 1px solid #056560;; */
+	border-right: 1px solid #@DARK_COLOR_HEX@;;
+	border-bottom: 1px solid #@DARK_COLOR_HEX@;; */
 	-moz-border-radius-topright: 1em;
         -webkit-border-radius-topright: 1em;
         -khtml-border-radius-topright: 1em;
@@ -62,8 +62,8 @@
 
 #hostinfo-td {
 /*	border-left:  1px solid #056560;;
-	border-top:  1px solid #056560;;
-	border-right:  1px solid #056560;; */
+	border-top:  1px solid #@DARK_COLOR_HEX@;;
+	border-right:  1px solid #@DARK_COLOR_HEX@;; */
 	background: url(/design/images/gradient-top.png) 0% 0% repeat-x;
 /*	-moz-border-radius-topleft: 1em;
         -webkit-border-radius-topleft: 1em;
@@ -76,7 +76,7 @@
 	padding-top: 10px;
 	text-align: left;
 
-	color: #fff; /*#0574B2;*/
+	color: #@LIGHT_LABELS_HEX@; /*#0574B2;*/
 	font-weight: bold;
 	text-decoration: none;
 	font-size:large;
@@ -103,7 +103,7 @@
 #main-td {
 /*	padding: 10px 20px;*/
 /*	background-color: #baeaea;*/
-	background-color: #fff;
+	background-color: #@LIGHT_COLOR_HEX@;
 	width: 100%;
 	/*border: 1px solid #056560;;*/
 	-moz-border-radius-bottomright: 1em;
@@ -156,8 +156,8 @@
 	border-collapse: collapse;
 	background: url(/design/images/gradient-menu.png) 0% 0% repeat-x;
 /*	border-bottom: 1px solid #056560;;
-	border-left: 1px solid #056560;;
-	border-right: 1px solid #056560;; */
+	border-left: 1px solid #@DARK_COLOR_HEX@;;
+	border-right: 1px solid #@DARK_COLOR_HEX@;; */
 	-moz-border-radius-bottomright: 1em;     /* mozilla 1.5 */
 	-webkit-border-radius-bottomright: 1em;  /* safari 3 */
 	-khtml-border-radius-bottomright: 1em;   /* Konqueror */
@@ -171,7 +171,7 @@
 #help-popup {
 	padding-left: 10px;
 	width: 95%;
-	background-color: #EEF2F5;
+	background-color: #@MIDDLE_COLOR_HEX@;
 /*	padding-right: 5px;
 	padding-top: 10px;*/
 }
@@ -179,10 +179,10 @@
 .hresizeable {
 	width: 100%;
 	height: 7px;
-	background:#cdcdcd url(/design/images/hgrabber.gif) no-repeat scroll 45%;
+	background:#@MIDDLE_COLOR_HEX@ url(/design/images/hgrabber.gif) no-repeat scroll 45%;
 	cursor: s-resize;
 }
 
 .hresizeable:hover {
-	background-color: #178093;
+	background-color: #@DARK_COLOR_HEX@;
 }

configure.ac

@@ -48,5 +48,7 @@ AC_CONFIG_FILES([
 		 indexhtml/index-uk.html
 		 indexhtml/index-en.html
 		 indexhtml/index.css
+		 alterator/styles/alterator.css
+		 alterator/styles/menu.css
 ])
 AC_OUTPUT