(function(){try{ var d=document.documentElement; if(window.__TAURI_INTERNALS__) d.setAttribute('data-platform','desktop'); var pth = (window.location.pathname || '').toLowerCase(); var host = (window.location.hostname || '').toLowerCase(); var isApiDocsHost = host.indexOf('api.') === 0 || host.indexOf('docs.') === 0; var isHelpMcpHost = host.indexOf('mcp.') === 0 || host.indexOf('help.') === 0; var isBaseDomain = host === 'localhost' || host === 'madless.com' || host === 'www.madless.com' || /.vercel.app$/.test(host); var AUTHP = ['/signin','/access','/join','/verify-email','/verify-otp']; var isAuthPath = false; for (var _a = 0; _a < AUTHP.length; _a++) { if (pth === AUTHP[_a] || pth.indexOf(AUTHP[_a] + '/') === 0) { isAuthPath = true; break; } } // Marketing + every public/auth surface is dark-only; the themed // (space) app lives only on space subdomains / custom domains. var isPublicDark = isBaseDomain || isHelpMcpHost || isAuthPath; if (isPublicDark) { d.setAttribute('data-theme', 'dark'); d.setAttribute('data-theme-mode', 'dark'); d.classList.add('dark'); d.style.colorScheme = 'dark'; d.style.backgroundColor = '#141414'; d.setAttribute('data-marketing-root', '1'); d.setAttribute('data-gate-off', '1'); } else { // Get saved theme mode from localStorage or cookie var mode = 'system'; if (typeof localStorage !== 'undefined') { try { mode = localStorage.getItem('themeMode') || 'system'; } catch(e) {} } // Fallback to cookie if localStorage doesn't have it if (mode === 'system') { try { var match = document.cookie.match(/themeMode=([^;]+)/); if (match) mode = decodeURIComponent(match[1]); } catch(e) {} } // If server already set data-theme on , skip re-detection — just set data-theme-mode var existing = d.getAttribute('data-theme'); if (existing) { d.setAttribute('data-theme-mode', mode); var theme = existing; } else { // Resolve theme (fallback for first visit with no cookie) var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; var theme = (mode === 'dark') ? 'dark' : (mode === 'light') ? 'light' : (prefersDark ? 'dark' : 'light'); } // Set attributes and classes d.setAttribute('data-theme', theme); d.setAttribute('data-theme-mode', mode); d.style.colorScheme = theme; if (theme === 'dark') { d.classList.add('dark'); d.style.backgroundColor = '#212121'; } else { d.classList.remove('dark'); d.style.backgroundColor = '#FCFCFC'; } // Non-space pages have no PaintGateClient — dismiss the gate here var isSpacePage = (pth === '/' && !isBaseDomain) || pth.indexOf('/admin') === 0 || pth.indexOf('/drive') === 0 || pth.indexOf('/settings') === 0 || pth.indexOf('/chat') === 0 || pth.indexOf('/canvas') === 0 || pth.indexOf('/webhooks') === 0; if (!isSpacePage || isApiDocsHost) { d.setAttribute('data-gate-off', '1'); } // Write resolved "theme" cookie so the server can set .dark on next load try { var cur = document.cookie.match(/(?:^|; ?)theme=([^;]+)/); if (!cur || decodeURIComponent(cur[1]) !== theme) { document.cookie = 'theme=' + theme + ';path=/;max-age=31536000;SameSite=Lax'; } } catch(e) {} // Prefer handoff accent if present; fallback to cached branding. // Hand-port of deriveBrandTokens (apps/web/src/modules/branding/services/BrandingService.ts). // Only computes for the current theme — the runtime service writes both modes on hydration. try { if (!isApiDocsHost) { var s = d.style; var tid = sessionStorage.getItem('spaceId'); function _hexToHsl(hx){ var c=hx.replace('#','');if(c.length===3)c=c.split('').map(function(x){return x+x}).join(''); var r=parseInt(c.substring(0,2),16)/255,g=parseInt(c.substring(2,4),16)/255,b=parseInt(c.substring(4,6),16)/255; var mx=Math.max(r,g,b),mn=Math.min(r,g,b),dl=mx-mn,hh=0,ss=0,ll=(mx+mn)/2; if(dl!==0){ss=ll>0.5?dl/(2-mx-mn):dl/(mx+mn);switch(mx){case r:hh=(g-b)/dl+(g1)t-=1;if(t<1/6)return p+(q-p)*6*t;if(t<1/2)return q;if(t<2/3)return p+(q-p)*(2/3-t)*6;return p;} var r,g,b; if(sN===0){r=g=b=lN;}else{var q=lN<0.5?lN*(1+sN):lN+sN-lN*sN,p=2*lN-q;r=ht(p,q,hN+1/3);g=ht(p,q,hN);b=ht(p,q,hN-1/3);} function tx(x){var v=Math.round(x*255).toString(16);return v.length===1?'0'+v:v;} return '#'+tx(r)+tx(g)+tx(b); } function _clamp(n,lo,hi){return Math.min(hi,Math.max(lo,n));} function _lin(c){return c<=0.03928?c/12.92:Math.pow((c+0.055)/1.055,2.4);} function _lum(hx){var c=hx.replace('#','');var r=parseInt(c.substring(0,2),16)/255,g=parseInt(c.substring(2,4),16)/255,b=parseInt(c.substring(4,6),16)/255;return 0.2126*_lin(r)+0.7152*_lin(g)+0.0722*_lin(b);} function _contr(a,b){var ya=_lum(a),yb=_lum(b);return (Math.max(ya,yb)+0.05)/(Math.min(ya,yb)+0.05);} function _pickFg(hx){var cw=_contr(hx,'#FFFFFF'),cb=_contr(hx,'#0F0F10');if(cw>=3&&cb>=3)return _lum(hx)<0.45?'#FFFFFF':'#0F0F10';if(cw>=3)return '#FFFFFF';if(cb>=3)return '#0F0F10';return cw>cb?'#FFFFFF':'#0F0F10';} function _findSafeL(h,sat,seed,dir,ok){if(ok(_hslToHex(h,sat,seed)))return seed;for(var di=0;di<2;di++){var dd=di===0?dir:-dir;for(var i=1;i<=100;i++){var L=seed+dd*i;if(L<0||L>100)break;if(ok(_hslToHex(h,sat,L)))return L;}}return seed;} function _applyBrandHex(hex){ if(!/^#[0-9a-fA-F]{6}$/.test(hex)) return; var hsl=_hexToHsl(hex),h=hsl.h,sa=hsl.s,l=hsl.l; var isDark=d.classList.contains('dark'); s.setProperty('--brand-base',hex); if(sa<=10){ // Achromatic accent → adaptive ink (mirrors buildAchromaticSet // in BrandingService.ts): near-black on light, white on dark. if(isDark){ s.setProperty('--brand-solid','#f2f2f2'); s.setProperty('--brand-solid-fg','#0F0F10'); s.setProperty('--brand-text','#ededed'); s.setProperty('--brand-line','#e5e5e5'); s.setProperty('--brand-hover','#ffffff'); s.setProperty('--brand-tint-soft','hsl(0 0% 85% / 0.20)'); s.setProperty('--brand-tint-strong','hsl(0 0% 85% / 0.32)'); } else { s.setProperty('--brand-solid','#1a1a1a'); s.setProperty('--brand-solid-fg','#FFFFFF'); s.setProperty('--brand-text','#1a1a1a'); s.setProperty('--brand-line','#383838'); s.setProperty('--brand-hover','#0a0a0a'); s.setProperty('--brand-tint-soft','hsl(0 0% 15% / 0.10)'); s.setProperty('--brand-tint-strong','hsl(0 0% 15% / 0.18)'); } return; } var solidL,textL,lineL,hoverL,tintL,tintSoft,tintStrong,nb; if(isDark){ nb='#404040'; solidL=_findSafeL(h,sa,_clamp(l,45,70),1,function(hx){return Math.max(_contr(hx,'#FFFFFF'),_contr(hx,'#0F0F10'))>=4.5;}); textL=_findSafeL(h,sa,_clamp(l,60,80),1,function(hx){return _contr(hx,'#131313')>=4.5;}); lineL=_findSafeL(h,sa,_clamp(l,50,75),1,function(hx){return Math.abs(_lum(hx)-_lum(nb))>0.1;}); hoverL=_clamp(solidL+6,45,70); tintL=_clamp(l,60,80); tintSoft='hsl('+Math.round(h)+' '+Math.round(sa)+'% '+Math.round(tintL)+'% / 0.20)'; tintStrong='hsl('+Math.round(h)+' '+Math.round(sa)+'% '+Math.round(tintL)+'% / 0.32)'; } else { nb='#D6D6D6'; solidL=_findSafeL(h,sa,_clamp(l,25,50),-1,function(hx){return Math.max(_contr(hx,'#FFFFFF'),_contr(hx,'#0F0F10'))>=4.5;}); textL=_findSafeL(h,sa,_clamp(l,20,40),-1,function(hx){return _contr(hx,'#FFFFFF')>=4.5;}); lineL=_findSafeL(h,sa,_clamp(l,35,60),-1,function(hx){return Math.abs(_lum(hx)-_lum(nb))>0.1;}); hoverL=_clamp(solidL-6,25,50); tintL=_clamp(l,20,50); tintSoft='hsl('+Math.round(h)+' '+Math.round(sa)+'% '+Math.round(tintL)+'% / 0.10)'; tintStrong='hsl('+Math.round(h)+' '+Math.round(sa)+'% '+Math.round(tintL)+'% / 0.18)'; } var solidHex=_hslToHex(h,sa,solidL); s.setProperty('--brand-solid',solidHex); s.setProperty('--brand-solid-fg',_pickFg(solidHex)); s.setProperty('--brand-text',_hslToHex(h,sa,textL)); s.setProperty('--brand-line',_hslToHex(h,sa,lineL)); s.setProperty('--brand-hover',_hslToHex(h,sa,hoverL)); s.setProperty('--brand-tint-soft',tintSoft); s.setProperty('--brand-tint-strong',tintStrong); } var hand = sessionStorage.getItem(tid ? tid+'-accentColor' : 'spaceAccentColor'); if (hand && /^#[0-9a-fA-F]{6}$/.test((hand+'').trim())) { _applyBrandHex((hand+'').trim()); d.setAttribute('data-brand', 'ready'); } else { var brandKey = tid ? 'spaceBrand:'+tid : 'spaceBrand'; var brandData = localStorage.getItem(brandKey); if (brandData) { var brand = JSON.parse(brandData); if (brand.lp) s.setProperty('--light-primary', brand.lp); if (brand.le) s.setProperty('--light-elevated', brand.le); if (brand.ls) s.setProperty('--light-surface', brand.ls); if (brand.lb) s.setProperty('--light-border', brand.lb); if (brand.dp) s.setProperty('--dark-primary', brand.dp); if (brand.de) s.setProperty('--dark-elevated', brand.de); if (brand.ds) s.setProperty('--dark-surface', brand.ds); if (brand.db) s.setProperty('--dark-border', brand.db); if (brand.accentColor && /^#[0-9a-fA-F]{6}$/.test(brand.accentColor)) { _applyBrandHex(brand.accentColor); } d.setAttribute('data-brand', 'ready'); var bg = theme === 'dark' ? (brand.dp || 'transparent') : (brand.lp || 'transparent'); s.backgroundColor = bg; s.color = (theme === 'dark' ? '#fafafa' : '#000000'); } } } } catch(e) { // Poisoned branding payload renders the page unstyled before // hydration. Wipe the key so the next reload starts clean. try { var tid2 = sessionStorage.getItem('spaceId'); localStorage.removeItem(tid2 ? 'spaceBrand:'+tid2 : 'spaceBrand'); } catch(_2) {} } // Surface pre-init from sessionStorage var surfKey=null; try{ var surfTid=sessionStorage.getItem('spaceId'); surfKey=surfTid ? surfTid+'-surfaces' : 'spaceSurfaces'; var surfRaw=sessionStorage.getItem(surfKey); if(surfRaw){ var surfMap=JSON.parse(surfRaw); var chosen=null; if(surfMap && (surfMap.light||surfMap.dark)) { chosen=surfMap[theme]||surfMap.light||surfMap.dark; } else { chosen=surfMap; } if(chosen){ ['0','1','2','3'].forEach(function(k){ if(chosen[k]!=null){ d.style.setProperty('--surface-'+k, String(chosen[k])); }}); } } }catch(_e){ // Poisoned surface payload would leak through as missing CSS // vars and a flash of unstyled content. Drop the key. try{ if(surfKey) sessionStorage.removeItem(surfKey); }catch(_2){} } } /* end else: themed (space) + api/docs */ }catch(e){/* swallow */}})();

Latest Articles

Why I built Madless

Latest Articles

Why I built Madless