-[% sha1 = sha1 || HEAD %]
-<div class='chroma-hash'>
- <span style='background-color: #[% sha1.substr(0, 6) %];'> </span><span style='background-color: #[% sha1.substr(6, 6) %];'> </span><span style='background-color: #[% sha1.substr(12, 6) %];'> </span>
-</div>
+[%- sha1 = sha1 || HEAD -%]
+<span class='chroma-hash'>[%-
+ hptr = 0;
+ WHILE hptr < sha1.length - 6;
+ sha1part = sha1.substr(hptr, 6);
+ "<span style='border-bottom: solid 4px #" _ sha1part _ ";'>" _ sha1part _ "</span>";
+ hptr = hptr + 6;
+ END;
+-%]</span>