(function() { try { var theme = localStorage.getItem('theme'); var useSystemTheme = theme !== 'light' && theme !== 'dark'; var resolvedTheme = useSystemTheme && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : theme; if (resolvedTheme === 'dark') { document.documentElement.classList.add('dark'); document.documentElement.style.colorScheme = 'dark'; } else { document.documentElement.classList.remove('dark'); document.documentElement.style.colorScheme = 'light'; } function isHexColor(value) { return /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(value || ''); } function normalizeHex(hex) { if (!isHexColor(hex)) return null; return hex.length === 4 ? '#' + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3] : hex; } function hexToHsl(hex) { var normalized = normalizeHex(hex); if (!normalized) return null; var r = parseInt(normalized.slice(1, 3), 16) / 255; var g = parseInt(normalized.slice(3, 5), 16) / 255; var b = parseInt(normalized.slice(5, 7), 16) / 255; var cmin = Math.min(r, g, b); var cmax = Math.max(r, g, b); var delta = cmax - cmin; var h = 0; if (delta !== 0) { if (cmax === r) h = ((g - b) / delta) % 6; else if (cmax === g) h = (b - r) / delta + 2; else h = (r - g) / delta + 4; } h = Math.round(h * 60); if (h < 0) h += 360; var l = (cmax + cmin) / 2; var s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1)); return h + ' ' + Number((s * 100).toFixed(1)) + '% ' + Number((l * 100).toFixed(1)) + '%'; } function readableForeground(hex) { var normalized = normalizeHex(hex); if (!normalized) return '0 0% 100%'; function toLinear(value) { var channel = value / 255; return channel <= 0.03928 ? channel / 12.92 : Math.pow((channel + 0.055) / 1.055, 2.4); } var r = toLinear(parseInt(normalized.slice(1, 3), 16)); var g = toLinear(parseInt(normalized.slice(3, 5), 16)); var b = toLinear(parseInt(normalized.slice(5, 7), 16)); var luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b; var whiteContrast = 1.05 / (luminance + 0.05); var blackContrast = (luminance + 0.05) / 0.05; return blackContrast > whiteContrast ? '0 0% 0%' : '0 0% 100%'; } function getHslParts(hex) { var normalized = normalizeHex(hex); if (!normalized) return null; var red = parseInt(normalized.slice(1, 3), 16) / 255; var green = parseInt(normalized.slice(3, 5), 16) / 255; var blue = parseInt(normalized.slice(5, 7), 16) / 255; var minChannel = Math.min(red, green, blue); var maxChannel = Math.max(red, green, blue); var delta = maxChannel - minChannel; var hue = 0; if (delta !== 0) { if (maxChannel === red) hue = ((green - blue) / delta) % 6; else if (maxChannel === green) hue = (blue - red) / delta + 2; else hue = (red - green) / delta + 4; } hue = Math.round(hue * 60); if (hue < 0) hue += 360; var lightness = (maxChannel + minChannel) / 2; var saturation = delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1)); return { hue: hue, saturation: saturation, lightness: lightness }; } function hslToHex(hue, saturation, lightness) { var normalizedHue = ((hue % 360) + 360) % 360; var chroma = (1 - Math.abs(2 * lightness - 1)) * saturation; var hueSegment = normalizedHue / 60; var secondaryComponent = chroma * (1 - Math.abs((hueSegment % 2) - 1)); var lightnessAdjustment = lightness - chroma / 2; var redPrime = 0; var greenPrime = 0; var bluePrime = 0; if (hueSegment >= 0 && hueSegment < 1) { redPrime = chroma; greenPrime = secondaryComponent; } else if (hueSegment >= 1 && hueSegment < 2) { redPrime = secondaryComponent; greenPrime = chroma; } else if (hueSegment >= 2 && hueSegment < 3) { greenPrime = chroma; bluePrime = secondaryComponent; } else if (hueSegment >= 3 && hueSegment < 4) { greenPrime = secondaryComponent; bluePrime = chroma; } else if (hueSegment >= 4 && hueSegment < 5) { redPrime = secondaryComponent; bluePrime = chroma; } else { redPrime = chroma; bluePrime = secondaryComponent; } function toHexChannel(channel) { return Math.round((channel + lightnessAdjustment) * 255).toString(16).padStart(2, '0'); } return '#' + toHexChannel(redPrime) + toHexChannel(greenPrime) + toHexChannel(bluePrime); } function darkThemeColor(hex) { var hslParts = getHslParts(hex); if (!hslParts) return hex; var saturation = hslParts.saturation < 0.08 ? hslParts.saturation : Math.min(0.86, Math.max(0.36, hslParts.saturation * 0.94)); var lightness = Math.min( 0.74, Math.max(0.58, hslParts.lightness < 0.5 ? hslParts.lightness + 0.25 : hslParts.lightness + 0.05) ); return hslToHex(hslParts.hue, saturation, lightness); } function colorForTheme(color) { var normalized = normalizeHex(color); if (!normalized) return color; return document.documentElement.classList.contains('dark') ? darkThemeColor(normalized) : normalized; } function applyColor(color, role) { var displayColor = colorForTheme(color); var hsl = hexToHsl(displayColor); if (!hsl) return; var foreground = readableForeground(displayColor); var foregroundColor = foreground === '0 0% 0%' ? '#000000' : '#ffffff'; var root = document.documentElement; root.style.setProperty('--' + role, hsl); root.style.setProperty('--' + role + '-foreground', foreground); root.style.setProperty('--color-' + role, displayColor); root.style.setProperty('--color-' + role + '-custom', color); root.style.setProperty('--color-' + role + '-foreground', foregroundColor); if (role === 'primary') { root.style.setProperty('--sidebar-primary', hsl); root.style.setProperty('--sidebar-primary-foreground', foreground); root.style.setProperty('--color-sidebar-primary', displayColor); root.style.setProperty('--color-sidebar-primary-foreground', foregroundColor); } if (role === 'accent') { root.style.setProperty('--ring', hsl); root.style.setProperty('--sidebar-accent', hsl); root.style.setProperty('--sidebar-ring', hsl); root.style.setProperty('--color-ring', displayColor); root.style.setProperty('--color-sidebar-accent', displayColor); root.style.setProperty('--color-sidebar-ring', displayColor); root.style.setProperty('--sidebar-accent-foreground', foreground); root.style.setProperty('--color-sidebar-accent-foreground', foregroundColor); } } function getSeasonColor() { var month = new Date().getMonth() + 1; if (month >= 3 && month <= 5) return '#047857'; if (month >= 6 && month <= 8) return '#0369A1'; if (month >= 9 && month <= 11) return '#B45309'; return '#4F46E5'; } var palettes = { balanced: ['#B3261E', '#167A73', '#B45309'], calm: ['#0f766e', '#475569', '#A15C07'], focus: ['#1d4ed8', '#0E7490', '#6D28D9'], warm: ['#9F1239', '#C2410C', '#047857'], contrast: ['#111827', '#005F73', '#C1121F'], seasonal: [getSeasonColor(), '#475569', '#B45309'] }; var savedPreset = localStorage.getItem('themeColorPreset'); var savedSeasonal = localStorage.getItem('useSeasonalColors'); var presetName = palettes[savedPreset] ? savedPreset : savedSeasonal === 'true' ? 'seasonal' : 'balanced'; var palette = palettes[presetName]; applyColor(palette[0], 'primary'); applyColor(palette[1], 'secondary'); applyColor(palette[2], 'accent'); } catch (e) {} })();

Vítejte zpět v EduRPG

Vstup do systému