2 files changed, 26 insertions, 2 deletions
diff --git a/web/global/global.js b/web/global/global.js
index f8f1cc1..13c0917 100644
--- a/web/global/global.js
+++ b/web/global/global.js
@@ -129,6 +129,28 @@ function zeroPad2(s) {
 }
 
 // ### 2 B DOCUMENTED!
+function interpolatedColor(r1, g1, b1, r2, g2, b2, fromValue, toValue, value) {
+    // assert fromValue <= toValue
+    var frac = Math.max(Math.min(value, toValue), fromValue);
+    var r = Math.round((1 - frac) * r1 + frac * r2);
+    var g = Math.round((1 - frac) * g1 + frac * g2);
+    var b = Math.round((1 - frac) * b1 + frac * b2);
+    var color =
+        "#" + zeroPad2(r.toString(16)) + zeroPad2(g.toString(16))
+        + zeroPad2(b.toString(16));
+    return color;
+}
+
+
+// ### 2 B DOCUMENTED!
+function scoreColor(score, regressions) {
+    return regressions
+        ? interpolatedColor(255, 255, 255, 255, 0, 0, 0.0, 1.0, score)
+        : interpolatedColor(255, 255, 255, 0, 255, 0, 0.0, 1.0, score);
+}
+
+
+// ### 2 B DOCUMENTED!
 function ageColor(secsAgo) {
     var secsInDay = 86400; // 24 * 60 * 60
 
diff --git a/web/global/style.css b/web/global/style.css
index c1bc2d5..fd21134 100644
--- a/web/global/style.css
+++ b/web/global/style.css
@@ -73,12 +73,14 @@ table, th, td {
 }
 
 .tooltipHeader1 {
-    background-color:#dd0;
+    background-color:#b1c9eb;
 /*    width:400px; */
     opacity: 0.95;
 }
 .tooltipBody1 {
-    background-color:#ffb;
+    background-color:#c0dbff;
+    border-style:solid;
+    border-width:1;
 /*    width:400px; */
 /*    opacity: 0.95; */
 }