(function(){ try { var brand = localStorage.getItem('beb-brand'); if (brand !== 'beb' && brand !== 'liberty') brand = 'beb'; // Bench is the default portal look for both brands. New users (no // localStorage yet) land on it; the auth-load in lib/context.tsx // overrides with users.preferences.theme once that lands. var theme = localStorage.getItem('beb-theme') || (brand === 'liberty' ? 'liberty-bench' : 'bench'); var cls = ''; if (brand === 'liberty') { cls = (theme.indexOf('liberty') === 0) ? ('theme-' + theme) : 'theme-liberty'; } else { // brand=beb wins over a stale liberty-* theme. cls = (theme && theme !== 'original' && theme.indexOf('liberty') !== 0) ? ('theme-' + theme) : ''; } if (cls) document.documentElement.classList.add(cls); // Bench-theme favicon override. Appended *after* the default // tags Next.js rendered from metadata.icons — // browsers use the last matching rel=icon, so this wins without // us having to remove the originals. The runtime theme-sync effect // in lib/context.tsx adds/removes this same element on toggle. // Each Bench variant has its own SVG + PNG pair so the icon // matches the active brand chrome (BEB patina-teal / Liberty // patina-teal-navy / Branded brand-cream). var benchAssets = {"beb":{"faviconHref":"data:image/svg+xml;utf8,","faviconType":"image/svg+xml","appleTouchHref":"/icons/icon-180-bench-beb.png"},"liberty":{"faviconHref":"data:image/svg+xml;utf8,","faviconType":"image/svg+xml","appleTouchHref":"/icons/icon-180-bench.png"},"branded":{"faviconHref":"/icons/favicon-liberty-branded.png","faviconType":"image/png","appleTouchHref":"/icons/icon-180-liberty-branded.png"}}; var benchPair = null; if (cls === 'theme-bench') benchPair = benchAssets.beb; else if (cls === 'theme-liberty-bench') benchPair = benchAssets.liberty; else if (cls === 'theme-liberty-branded') benchPair = benchAssets.branded; if (benchPair) { var l = document.createElement('link'); l.id = "bench-favicon-override"; l.rel = 'icon'; // Bench family ships an SVG data URI; Liberty Branded ships a // PNG path (real brand mark). Read type per-asset so the // browser picks the right decoder. l.type = benchPair.faviconType; l.href = benchPair.faviconHref; document.head.appendChild(l); // apple-touch-icon override — iOS reads this at "Add to Home // Screen" time and bakes the icon. SVG isn't supported here, so // we point at a PNG generated by scripts/build-bench-icons.py. // Already-installed home-screen shortcuts keep their old icon // until the user removes + re-adds them. var at = document.createElement('link'); at.id = "bench-apple-touch-icon-override"; at.rel = 'apple-touch-icon'; at.href = benchPair.appleTouchHref; document.head.appendChild(at); } // drives the PWA window chrome / // browser address-bar tint. Inject (or update) it pre-hydration // so the top bar matches the theme on first paint. var colorMap = {"theme-bench":"#0F2E3A","theme-liberty-bench":"#0F2E3A","theme-liberty-branded":"#14213D","theme-liberty":"#0F172A","theme-liberty-gold":"#0F172A","theme-liberty-slate":"#1E293B","theme-liberty-patriot":"#3C3B6E","theme-salesforce":"#16325C","theme-apple":"#1C1C1E"}; var tc = colorMap[cls] || "#14532d"; var existingTC = document.querySelector('meta[name="theme-color"]'); if (!existingTC) { existingTC = document.createElement('meta'); existingTC.setAttribute('name', 'theme-color'); document.head.appendChild(existingTC); } existingTC.setAttribute('content', tc); } catch (e) {} })();