(function() { try { var ranges = [{"id":"christmas","sm":11,"sd":20,"em":0,"ed":6},{"id":"tet","sm":0,"sd":20,"em":1,"ed":15},{"id":"halloween","sm":9,"sd":25,"em":10,"ed":2},{"id":"valentine","sm":1,"sd":10,"em":1,"ed":20},{"id":"easter","sm":2,"sd":20,"em":3,"ed":30}]; var now = new Date(); var m = now.getMonth(); var d = now.getDate(); // --- Block A: Validate saved event theme --- var eventTheme = localStorage.getItem('event-theme'); if (eventTheme) { var valid = false; for (var i = 0; i < ranges.length; i++) { var r = ranges[i]; if (r.id !== eventTheme) continue; if (r.sm > r.em) { valid = (m > r.sm || (m === r.sm && d >= r.sd)) || (m < r.em || (m === r.em && d <= r.ed)); } else { valid = (m > r.sm || (m === r.sm && d >= r.sd)) && (m < r.em || (m === r.em && d <= r.ed)); } break; } if (valid) return; localStorage.removeItem('event-theme'); document.documentElement.removeAttribute('data-theme'); } // --- Block B: Auto-activate event theme --- var dismissedRaw = localStorage.getItem('event-theme-dismissed'); var dismissed = dismissedRaw ? JSON.parse(dismissedRaw) : {}; for (var j = 0; j < ranges.length; j++) { var r2 = ranges[j]; var inRange = false; if (r2.sm > r2.em) { inRange = (m > r2.sm || (m === r2.sm && d >= r2.sd)) || (m < r2.em || (m === r2.em && d <= r2.ed)); } else { inRange = (m > r2.sm || (m === r2.sm && d >= r2.sd)) && (m < r2.em || (m === r2.em && d <= r2.ed)); } if (!inRange) continue; if (dismissed[r2.id] && dismissed[r2.id].until && new Date(dismissed[r2.id].until) >= now) continue; document.documentElement.setAttribute('data-theme', r2.id); localStorage.setItem('event-theme', r2.id); return; } // --- Block C: Apply custom theme --- var config = localStorage.getItem('custom-theme'); if (!config) return; var varsRaw = localStorage.getItem('custom-theme-vars'); if (!varsRaw) return; var allVars = JSON.parse(varsRaw); var light = allVars.light; var dark = allVars.dark; if (!light || !dark) return; var html = document.documentElement; var lightCSS = ':root[data-custom-theme] {'; for (var key in light) { if (light.hasOwnProperty(key)) lightCSS += key + ':' + light[key] + ';'; } lightCSS += '}'; var darkCSS = ':root[data-custom-theme].dark {'; for (var key in dark) { if (dark.hasOwnProperty(key)) darkCSS += key + ':' + dark[key] + ';'; } darkCSS += '}'; var styleEl = document.createElement('style'); styleEl.id = 'custom-theme-style'; styleEl.textContent = lightCSS + darkCSS; document.head.appendChild(styleEl); html.setAttribute('data-custom-theme', 'true'); } catch (e) {} })();

CSS

All Tags

Posts with tag: "CSS"(1)

Tailwind CSS Best Practices