(function initializeAccentVariables() { var defaultAccentColor = "#EF4444"; function getStoredAccent() { try { var savedSettings = localStorage.getItem('crm-settings'); if (!savedSettings) return defaultAccentColor; var settings = JSON.parse(savedSettings); return settings.accentColor || defaultAccentColor; } catch (e) { return defaultAccentColor; } } function hexToRgb(hex) { var cleanHex = String(hex || '').replace('#', ''); if (!/^[0-9a-fA-F]{6}$/.test(cleanHex)) cleanHex = defaultAccentColor.replace('#', ''); return { r: parseInt(cleanHex.slice(0, 2), 16), g: parseInt(cleanHex.slice(2, 4), 16), b: parseInt(cleanHex.slice(4, 6), 16) }; } function colorTextFor(r, g, b) { var luminance = (0.2126 * r + 0.7152 * g + 0.0722 * b) / 255; return luminance > 0.58 ? '#17160f' : '#ffffff'; } function rgbCss(rgb) { return 'rgb(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ')'; } function setIconLink(rel, href) { var link = document.head.querySelector('link[data-fleexy-icon="' + rel + '"]'); if (!link) { var candidates = Array.prototype.slice.call(document.head.querySelectorAll('link[rel]')); link = candidates.find(function(item) { return item.getAttribute('rel') === rel; }); } if (!link) { link = document.createElement('link'); link.rel = rel; document.head.appendChild(link); } link.dataset.fleexyIcon = rel; link.rel = rel; link.type = 'image/svg+xml'; link.href = href; } function setBrandIcon(accentColor) { var rgb = hexToRgb(accentColor); var hover = { r: Math.max(0, rgb.r - Math.round(rgb.r * 0.1)), g: Math.max(0, rgb.g - Math.round(rgb.g * 0.1)), b: Math.max(0, rgb.b - Math.round(rgb.b * 0.1)) }; var light = { r: Math.min(255, rgb.r + Math.round((255 - rgb.r) * 0.72)), g: Math.min(255, rgb.g + Math.round((255 - rgb.g) * 0.72)), b: Math.min(255, rgb.b + Math.round((255 - rgb.b) * 0.72)) }; var accentText = colorTextFor(rgb.r, rgb.g, rgb.b); var svg = ''; var href = 'data:image/svg+xml,' + encodeURIComponent(svg); setIconLink('icon', href); setIconLink('shortcut icon', href); setIconLink('apple-touch-icon', href); var themeColor = document.head.querySelector('meta[name="theme-color"]'); if (!themeColor) { themeColor = document.createElement('meta'); themeColor.name = 'theme-color'; document.head.appendChild(themeColor); } themeColor.content = rgbCss(rgb); } function setCSSVariables(accentColor) { var rgb = hexToRgb(accentColor); var hover = { r: Math.max(0, rgb.r - Math.round(rgb.r * 0.1)), g: Math.max(0, rgb.g - Math.round(rgb.g * 0.1)), b: Math.max(0, rgb.b - Math.round(rgb.b * 0.1)) }; var light = { r: Math.min(255, rgb.r + Math.round((255 - rgb.r) * 0.72)), g: Math.min(255, rgb.g + Math.round((255 - rgb.g) * 0.72)), b: Math.min(255, rgb.b + Math.round((255 - rgb.b) * 0.72)) }; var accentText = colorTextFor(rgb.r, rgb.g, rgb.b); var styleElement = document.getElementById('dynamic-css-variables'); if (!styleElement) { styleElement = document.createElement('style'); styleElement.id = 'dynamic-css-variables'; document.head.appendChild(styleElement); } styleElement.textContent = `:root { --primary: rgb(${rgb.r}, ${rgb.g}, ${rgb.b}); --primary-rgb: ${rgb.r} ${rgb.g} ${rgb.b}; --primary-hover: rgb(${hover.r}, ${hover.g}, ${hover.b}); --primary-light: rgb(${light.r}, ${light.g}, ${light.b}); --primary-soft: rgb(${rgb.r} ${rgb.g} ${rgb.b} / 0.14); --primary-muted: rgb(${rgb.r} ${rgb.g} ${rgb.b} / 0.22); --primary-border: rgb(${rgb.r} ${rgb.g} ${rgb.b} / 0.42); --primary-contrast: ${accentText}; --ring: rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0.24); --selection-bg: rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0.16); --selection-border: rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0.42); --warning: rgb(${hover.r}, ${hover.g}, ${hover.b}); --warning-bg: rgb(${rgb.r} ${rgb.g} ${rgb.b} / 0.14); --bg-gradient: linear-gradient(352deg, rgb(${light.r}, ${light.g}, ${light.b}), #E4E6E7); } .dark { --primary: rgb(${rgb.r}, ${rgb.g}, ${rgb.b}); --primary-rgb: ${rgb.r} ${rgb.g} ${rgb.b}; --primary-hover: rgb(${hover.r}, ${hover.g}, ${hover.b}); --primary-light: rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0.16); --primary-soft: rgb(${rgb.r} ${rgb.g} ${rgb.b} / 0.14); --primary-muted: rgb(${rgb.r} ${rgb.g} ${rgb.b} / 0.22); --primary-border: rgb(${rgb.r} ${rgb.g} ${rgb.b} / 0.44); --primary-contrast: ${accentText}; --ring: rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0.3); --nav-active-bg: rgb(${rgb.r}, ${rgb.g}, ${rgb.b}); --nav-active-text: ${accentText}; --button-primary-bg: rgb(${rgb.r}, ${rgb.g}, ${rgb.b}); --button-primary-hover: rgb(${hover.r}, ${hover.g}, ${hover.b}); --button-primary-text: ${accentText}; --selection-bg: rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0.16); --selection-border: rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0.44); --warning: rgb(${rgb.r}, ${rgb.g}, ${rgb.b}); --warning-bg: rgb(${rgb.r} ${rgb.g} ${rgb.b} / 0.18); }`; setBrandIcon(accentColor); } setCSSVariables(getStoredAccent()); })();

Проверяем сессию