832428cffce91e64b62eb16c0ca2edff8de29501
max
  Tue Aug 4 07:58:47 2026 -0700
hgBlat table view: give the header the house-style tan/wheat title band

The results header was steel-blue, which left the whole page a single blue
family (navy nav, blue-grey table, navy buttons/links) - it read as a generic
blue dashboard. Per the UCSC UI style guide the results bar is a title band
(page title + right-aligned primary action), so make it the signature wheat
#e9cf9a band with navy bold title, matching hgGateway/hgCollection. Steel-blue
stays for the section headers on the alignment page.

refs #37893

diff --git src/hg/js/hgBlat.js src/hg/js/hgBlat.js
index 8e069edbe07..9333e2e06ab 100644
--- src/hg/js/hgBlat.js
+++ src/hg/js/hgBlat.js
@@ -29,39 +29,40 @@
     if (id >= 95) { return '#4d7c0f'; }
     if (id >= 90) { return '#b45309'; }
     return '#b1301f';
 }
 
 function blatInjectStyle() {
     if (document.getElementById('blatStyle')) { return; }
     // UCSC house style (per the project's UCSC UI Style Guide): steel-blue section header, tan/white
     // content, navy links with maroon hover, #dbe4ee table header, zebra rows, navy selection bar.
     var css = `
     table.hgInside { background:#eef1f4; }
     #blatResults { --accent:#0a3a7a; --accentHover:#8b1a1a; --navy:#0a2b6b; --ink:#1e2833;
         --muted:#5b6572; --faint:#93a0ad; --line:#c4cdd6; --lineSoft:#e4e9ef; --card:#ffffff;
         --panel:#f4f7fb; --section:#4c7093; --headrow:#dbe4ee; --headrowLine:#a9bcd1;
         --sel:#cfe0f5; --hover:#eef3fb; --stripe:#f4f7fb;
+        --title:#e9cf9a; --titleLine:#d9bd82; --titleSub:#5a4a24;
         --btn:#ffffff; --btnLine:#999999; --btnText:#0a2b6b; --btnHover:#eef2f7;
         --btnDark:#0a2b6b; --btnDarkHover:#0a2350;
         font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--ink); font-size:14px; }
     .blatCard { background:var(--card); border:1px solid var(--line); border-radius:3px; overflow:hidden;
         box-shadow:0 1px 2px rgba(20,40,70,.10); margin:12px 0 24px; }
     .blatHead { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
-        padding:9px 18px; background:var(--section); }
-    .blatHead .t { font-weight:700; font-size:16px; color:#ffffff; }
-    .blatHead .t .sub { color:#d7e2ee; font-weight:400; }
+        padding:9px 18px; background:var(--title); border-bottom:1px solid var(--titleLine); }
+    .blatHead .t { font-weight:700; font-size:16px; color:var(--navy); }
+    .blatHead .t .sub { color:var(--titleSub); font-weight:400; }
     .blatHeadActions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
     .blatStrip { display:flex; align-items:center; gap:24px; flex-wrap:wrap;
         padding:11px 18px; border-bottom:1px solid var(--line); background:var(--panel); }
     .blatStat { display:flex; flex-direction:column; gap:1px; }
     .blatStat .k { font-size:12px; color:var(--muted); font-weight:700; }
     .blatStat .v { font-size:14px; font-weight:700; color:var(--ink); }
     .blatDiv { width:1px; height:28px; background:var(--line); }
     .blatStripActions { margin-left:auto; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
     #blatResults .blatPill, #blatResults .blatStripActions input[type=submit],
     #blatResults .blatStripActions input[type=button] {
         font-family:inherit; font-size:13px; font-weight:700; color:var(--btnText); background:var(--btn);
         border:1px solid var(--btnLine); border-radius:3px; padding:5px 12px; cursor:pointer;
         text-decoration:none; display:inline-block; line-height:1.5; }
     #blatResults .blatPill:hover, #blatResults .blatStripActions input[type=submit]:hover,
     #blatResults .blatStripActions input[type=button]:hover { background:var(--btnHover); text-decoration:none; }