// Initialize dynamic favicon (function() { if (typeof window === 'undefined') return; function generateDynamicSVG(primaryColor, isDark) { const hex = primaryColor.replace('#', ''); const r = parseInt(hex.substr(0, 2), 16); const g = parseInt(hex.substr(2, 2), 16); const b = parseInt(hex.substr(4, 2), 16); const lighten = (amount) => `rgb(${Math.min(255, r + amount)}, ${Math.min(255, g + amount)}, ${Math.min(255, b + amount)})`; const darken = (amount) => `rgb(${Math.max(0, r - amount)}, ${Math.max(0, g - amount)}, ${Math.max(0, b - amount)})`; let gradientStart, gradientMiddle, gradientEnd; if (isDark) { gradientStart = primaryColor; gradientMiddle = darken(30); gradientEnd = darken(60); } else { gradientStart = lighten(20); gradientMiddle = primaryColor; gradientEnd = darken(20); } return ``; } function updateFavicon() { try { const savedColor = localStorage.getItem('tokenvision-primary-color') || '#f97316'; const isDark = localStorage.getItem('theme') === 'dark' || (!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches); const svgContent = generateDynamicSVG(savedColor, isDark); const dataURL = `data:image/svg+xml;base64,${btoa(svgContent)}`; // Remove existing favicons const existingFavicons = document.querySelectorAll('link[rel="icon"], link[rel="shortcut icon"]'); existingFavicons.forEach(el => el.remove()); // Add new favicon const favicon = document.createElement('link'); favicon.rel = 'icon'; favicon.type = 'image/svg+xml'; favicon.href = dataURL; document.head.appendChild(favicon); const shortcutIcon = document.createElement('link'); shortcutIcon.rel = 'shortcut icon'; shortcutIcon.type = 'image/svg+xml'; shortcutIcon.href = dataURL; document.head.appendChild(shortcutIcon); } catch (e) { console.error('Error updating favicon:', e); } } // Initial favicon update updateFavicon(); // Update favicon when theme changes window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', updateFavicon); })();

VISION (BETA)