try { const storageKey = 'theme-preference'; const accentKey = 'accent-color'; const cookieTheme = null; var stored = window.localStorage.getItem(storageKey); if (cookieTheme && cookieTheme !== stored) { window.localStorage.setItem(storageKey, cookieTheme); stored = cookieTheme; } var theme = stored === 'light' || stored === 'dark' || stored === 'glass' || stored === 'high-contrast' || stored === 'system' ? stored : 'glass'; var media = typeof window.matchMedia === 'function' ? window.matchMedia('(prefers-color-scheme: dark)') : null; var resolved = theme === 'system' ? (media && media.matches ? 'dark' : 'light') : theme; var root = document.documentElement; if (root) { root.classList.remove('theme-light', 'theme-dark', 'theme-glass', 'theme-high-contrast'); root.classList.add('theme-' + resolved); root.setAttribute('data-theme', resolved); if (resolved === 'dark' || resolved === 'high-contrast') { root.classList.add('dark'); } else { root.classList.remove('dark'); } } var body = document.body; if (body) { body.classList.remove('theme-light', 'theme-dark', 'theme-glass', 'theme-high-contrast'); body.classList.add('theme-' + resolved); body.setAttribute('data-theme', resolved); } // Apply accent early to avoid flicker try { var hex = window.localStorage.getItem(accentKey) || '#7c3aed'; function clamp01(n){ return Math.max(0, Math.min(1, n)); } function hexToRgb(h){h=h.replace('#','');if(h.length===3){h=h.split('').map(function(c){return c+c}).join('')}if(!/^([0-9a-fA-F]{6})$/.test(h))return null;var num=parseInt(h,16);return{r:(num>>16)&255,g:(num>>8)&255,b:num&255}} function rgbToHsl(r,g,b){r/=255;g/=255;b/=255;var max=Math.max(r,g,b),min=Math.min(r,g,b);var h=0,s=0,l=(max+min)/2;var d=max-min;if(d!==0){s=d/(1-Math.abs(2*l-1));switch(max){case r:h=((g-b)/d)%6;break;case g:h=(b-r)/d+2;break;default:h=(r-g)/d+4}h*=60;if(h<0)h+=360}return{h:h,s:s,l:l}} function hslToRgb(h,s,l){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(0<=h&&h<60){r=C;g=X;b=0}else if(60<=h&&h<120){r=X;g=C;b=0}else if(120<=h&&h<180){r=0;g=C;b=X}else if(180<=h&&h<240){r=0;g=X;b=C}else if(240<=h&&h<300){r=X;g=0;b=C}else{r=C;g=0;b=X}return{r:Math.round((r+m)*255),g:Math.round((g+m)*255),b:Math.round((b+m)*255)}} function rgbToHex(r,g,b){var toHex=function(v){return v.toString(16).padStart(2,'0')};return '#'+toHex(r)+toHex(g)+toHex(b)} function hexToHsl(hex){var rgb=hexToRgb(hex);if(!rgb) return null;return rgbToHsl(rgb.r,rgb.g,rgb.b)} function hslToHex(h,s,l){var rgb=hslToRgb(h,s,l);return rgbToHex(rgb.r,rgb.g,rgb.b)} function lighten(hex,amt){var hsl=hexToHsl(hex);if(!hsl) return hex;var l=clamp01(hsl.l+amt);return hslToHex(hsl.h,hsl.s,l)} function darken(hex,amt){var hsl=hexToHsl(hex);if(!hsl) return hex;var l=clamp01(hsl.l-amt);return hslToHex(hsl.h,hsl.s,l)} function lum({r,g,b}){function t(v){v/=255;return v<=0.03928?v/12.92:Math.pow((v+0.055)/1.055,2.4)}var R=t(r),G=t(g),B=t(b);return 0.2126*R+0.7152*G+0.0722*B} function contrast(a,b){function hr(x){x=x.replace('#','');return{r:parseInt(x.slice(0,2),16),g:parseInt(x.slice(2,4),16),b:parseInt(x.slice(4,6),16)}}var L1=lum(hr(a)),L2=lum(hr(b));var M=Math.max(L1,L2),m=Math.min(L1,L2);return (M+0.05)/(m+0.05)} function bestFg(bg){return contrast(bg,'#ffffff')>=contrast(bg,'#0f172a')?'#ffffff':'#0f172a'} var subtle = lighten(hex, 0.78); var border = lighten(hex, 0.35); var borderStrong = lighten(hex, 0.22); var hover = darken(hex, 0.08); var foreground = bestFg(subtle); var strong = bestFg(subtle)==='#ffffff'? darken(hex,0.35) : darken(hex,0.25); var primarySurface = lighten(hex, 0.82); var primaryFg = bestFg(primarySurface); root.style.setProperty('--accent-primary', hex); root.style.setProperty('--accent-primary-hover', hover); root.style.setProperty('--accent-border', border); root.style.setProperty('--accent-border-strong', borderStrong); root.style.setProperty('--accent-subtle', subtle); root.style.setProperty('--accent-foreground', foreground); root.style.setProperty('--accent-strong', strong); root.style.setProperty('--primary-surface', primarySurface); root.style.setProperty('--primary-fg', primaryFg); } catch (accentError) { // Accent color initialization failed - use defaults if (typeof console !== 'undefined' && console.warn) { console.warn('[theme-init] Accent color initialization failed:', accentError); } } } catch (themeError) { // Theme initialization failed - page will use SSR theme or system default if (typeof console !== 'undefined' && console.warn) { console.warn('[theme-init] Theme initialization failed:', themeError); } }

Forgot password

Forgot password