various blue backgrounds to logstream table

expert.css

@@ -157,6 +157,26 @@ table.logstream {
  text-align:center;
 }
 
+td {
+ # background-color: rgb(237, 240, 249);  /* very pale blue */
+}
+
+td.header {
+ background-color: rgb(187, 204, 255);  /* medium-dark blue */
+}
+
+td.oddcol {
+ background-color: rgb(227, 233, 255);  /* light blue */
+}
+
+td.oddrow {
+ background-color: rgb(207, 218, 255);  /* medium blue */
+}
+
+td.oddrowcol {
+ background-color: rgb(227, 233, 255);  /* light blue */
+}
+
 /* Splitter */
 #frame {
  height: 750px;
@@ -205,5 +225,3 @@ span#plain {
  display: block;
  margin-bottom: 4px;
 }
-
-

macros.js

@@ -554,7 +554,7 @@ function initLogbox(names){
 
 	names=names.map(function(x){return x.replace(/^-/,'')});
 	logStream = [];
-        logStream.push("<td>" + names.join("</td><td>") + "</td>");
+	logStream.push("<td class=header>" + names.join("</td><td class=header>") + "</td>");
 	logbox.innerHTML = "<tr>"+logStream.join("</tr><tr>")+"</tr>";
 }
 
@@ -577,16 +577,26 @@ function updateLogDirection(){
 // update the table of signal values, by prepending or appending
 function updateLogbox(names){
 	var signals=[];
+	var odd=true;
+	var bg;
+	var row;
 
-	for(i in names){
+	for(var i in names){
-		signals.push(busToString(names[i]));
+		if(cycle % 4 < 2){
+			bg = odd ? " class=oddcol":"";
+		} else {
+			bg = odd ? " class=oddrow":" class=oddrowcol";
+		}
+		signals.push("<td" + bg + ">" + busToString(names[i]) + "</td>");
+		odd =! odd;
 	}
+	row = "<tr>" + signals.join("") + "</tr>";
 	if(logboxAppend)
-	        logStream.push("<td>" + signals.join("</td><td>") + "</td>");
+	        logStream.push(row);
 	else
-		logStream.splice(1,0,"<td>" + signals.join("</td><td>") + "</td>");
+		logStream.splice(1,0,row);
 
-	logbox.innerHTML = "<tr>"+logStream.join("</tr><tr>")+"</tr>";
+	logbox.innerHTML = logStream.join("");
 }
 
 function getMem(){