(function(){ try{ // Wider variety: includes colorful themes AND true neutrals (black/white/gray) // while still avoiding harsh neon extremes. var r = Math.random(); var h, s, l; if (r < 0.22) { // ✅ Neutral bucket (~22%): grayscale incl. near-black/near-white h = 0; s = 0; // bias towards midtones but still allows extremes l = Math.floor(6 + Math.random() * 88); // 6..93 } else { // ✅ Color bucket: broad hue + richer range of saturation/lightness h = Math.floor(Math.random() * 360); // Saturation: mostly vivid, sometimes muted (for earthy/pastel looks) var sr = Math.random(); s = sr < 0.15 ? Math.floor(8 + Math.random() * 22) // 8..29 (muted) : Math.floor(30 + Math.random() * 60); // 30..89 (normal/vivid) // Lightness: allow dark + bright, avoid dead-center all the time var lr = Math.random(); l = lr < 0.25 ? Math.floor(10 + Math.random() * 22) // 10..31 (darker) : lr < 0.85 ? Math.floor(32 + Math.random() * 36) // 32..67 (mid) : Math.floor(68 + Math.random() * 24); // 68..91 (brighter) } var a = 1; // ✅ SOLID (no transparency) function hslToRgb(h,s,l){ s/=100; l/=100; var c=(1-Math.abs(2*l-1))*s; var x=c*(1-Math.abs(((h/60)%2)-1)); var m=l-c/2; var r=0,g=0,b=0; if(h<60){r=c;g=x;b=0;} else if(h<120){r=x;g=c;b=0;} else if(h<180){r=0;g=c;b=x;} else if(h<240){r=0;g=x;b=c;} else if(h<300){r=x;g=0;b=c;} else{r=c;g=0;b=x;} return [ Math.round((r+m)*255), Math.round((g+m)*255), Math.round((b+m)*255) ]; } function relLum(r,g,b){ function f(v){ v/=255; return v<=0.03928 ? v/12.92 : Math.pow((v+0.055)/1.055, 2.4); } var R=f(r), G=f(g), B=f(b); return 0.2126*R + 0.7152*G + 0.0722*B; } function contrastRatio(l1, l2){ var hi = Math.max(l1, l2); var lo = Math.min(l1, l2); return (hi + 0.05) / (lo + 0.05); } var rgb = hslToRgb(h,s,l); var lum = relLum(rgb[0], rgb[1], rgb[2]); // pick better of white/black by actual contrast ratio var cWhite = contrastRatio(lum, 1); var cBlack = contrastRatio(lum, 0); var preferWhite = (cWhite >= cBlack); // ✅ Improve content color: choose high-contrast base, then soften slightly // while keeping contrast strong. // Very dark bg -> near-white; very light bg -> near-black. var fg = preferWhite ? "rgba(255,255,255,0.97)" : "rgba(0,0,0,0.92)"; // ✅ Border tuned to whichever fg we chose (subtle, consistent) var border = preferWhite ? "rgba(255,255,255,0.24)" : "rgba(0,0,0,0.18)"; var bg = "hsla(" + h + "," + s + "%," + l + "%," + a + ")"; var root = document.documentElement; root.style.setProperty("--header-bg", bg); root.style.setProperty("--header-fg", fg); root.style.setProperty("--header-border", border); }catch(e){} })();