(function () { try { var MIN = 4.5; var WHITE = [255,255,255], BLACK = [20,24,31]; function lin(c) { var s = c/255; return s <= 0.03928 ? s/12.92 : Math.pow((s+0.055)/1.055, 2.4); } function luminance(rgb) { return 0.2126*lin(rgb[0]) + 0.7152*lin(rgb[1]) + 0.0722*lin(rgb[2]); } function contrast(a, b) { var la = luminance(a), lb = luminance(b); var hi = Math.max(la, lb), lo = Math.min(la, lb); return (hi + 0.05) / (lo + 0.05); } function rgbToHsl(rgb) { var r = rgb[0]/255, g = rgb[1]/255, b = rgb[2]/255; var max = Math.max(r,g,b), min = Math.min(r,g,b), l = (max+min)/2, h, s; if (max === min) { h = s = 0; } else { var d = max - min; s = l > 0.5 ? d/(2-max-min) : d/(max+min); if (max === r) h = ((g-b)/d + (g < b ? 6 : 0)) / 6; else if (max === g) h = ((b-r)/d + 2) / 6; else h = ((r-g)/d + 4) / 6; } return [h, s, l]; } function hslToRgb(h, s, l) { function hue2rgb(p, q, t) { if (t < 0) t += 1; if (t > 1) 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; } if (s === 0) { var v = Math.round(l*255); return [v,v,v]; } var q = l < 0.5 ? l*(1+s) : l+s-l*s, p = 2*l-q; return [ Math.round(hue2rgb(p,q,h+1/3)*255), Math.round(hue2rgb(p,q,h)*255), Math.round(hue2rgb(p,q,h-1/3)*255), ]; } function nudgeForContrast(rgb, target) { if (contrast(rgb, target) >= MIN) return rgb; var hsl = rgbToHsl(rgb); var step = luminance(target) > 0.5 ? -0.015 : 0.015; for (var i = 1; i <= 40; i++) { var l2 = Math.max(0, Math.min(1, hsl[2] + step*i)); var cand = hslToRgb(hsl[0], hsl[1], l2); if (contrast(cand, target) >= MIN) return cand; if (l2 === 0 || l2 === 1) break; } return contrast(BLACK, target) >= contrast(WHITE, target) ? BLACK : WHITE; } function nudgeForSolidFill(rgb) { var w = contrast(WHITE, rgb), bl = contrast(BLACK, rgb); if (Math.max(w, bl) >= MIN) return { fill: rgb, fg: w >= bl ? WHITE : BLACK }; var hsl = rgbToHsl(rgb), best = null; [[-1, WHITE], [1, BLACK]].forEach(function (pair) { var dir = pair[0], target = pair[1]; for (var i = 1; i <= 40; i++) { var l2 = Math.max(0, Math.min(1, hsl[2] + dir*i*0.015)); var cand = hslToRgb(hsl[0], hsl[1], l2); if (contrast(cand, target) >= MIN) { if (!best || i < best.steps) best = { fill: cand, fg: target, steps: i }; break; } if (l2 === 0 || l2 === 1) break; } }); return best || { fill: rgb, fg: w >= bl ? WHITE : BLACK }; } var mode = localStorage.getItem('kontur.theme') || 'light'; var accentHex = localStorage.getItem('kontur.accent') || '#2f7bf6'; var root = document.documentElement; root.setAttribute('data-theme', mode); var hex = accentHex.replace('#', ''); if (hex.length === 3) hex = hex.split('').map(function (c) { return c + c; }).join(''); var int = parseInt(hex, 16); if (isNaN(int)) int = 0x2f7bf6; var accentRgb = [(int >> 16) & 255, (int >> 8) & 255, int & 255]; var surfaceRgb = mode === 'dark' ? [17,24,38] : [255,255,255]; var solidFill = nudgeForSolidFill(accentRgb); var textRgb = nudgeForContrast(accentRgb, surfaceRgb); // Matches lib/theme.ts's shade(): blend each channel toward 0 or 255. function shade(rgb, amt) { function f(c) { return Math.max(0, Math.min(255, Math.round(c + (amt < 0 ? c : 255-c) * amt))); } return [f(rgb[0]), f(rgb[1]), f(rgb[2])]; } var softRgb = shade(solidFill.fill, mode === 'dark' ? 0.22 : -0.18); function triplet(rgb) { return rgb[0] + ' ' + rgb[1] + ' ' + rgb[2]; } root.style.setProperty('--accent', accentHex); root.style.setProperty('--accent-rgb', triplet(accentRgb)); root.style.setProperty('--accent-solid-rgb', triplet(solidFill.fill)); root.style.setProperty('--accent-soft-rgb', triplet(softRgb)); root.style.setProperty('--accent-fg-rgb', triplet(solidFill.fg)); root.style.setProperty('--accent-text-rgb', triplet(textRgb)); } catch (e) {} })();

Загружаем…