!(function() { try { var root = document.documentElement; // 0. 提前设置 data-theme（与 next-themes 相同逻辑：storageKey='theme'，defaultTheme='light'）， // 使本脚本中的 getComputedStyle 能直接读到预设主题色（next-themes 稍后会再次设置相同值，无副作用） var storedTheme = localStorage.getItem('theme'); var theme = storedTheme || 'light'; root.setAttribute('data-theme', theme); // 1. 同步应用自定义主题 CSS 变量 var stored = localStorage.getItem('custom_daisyui_themes'); if (stored) { var data = JSON.parse(stored); if (data && data.currentThemeId && data.themes) { var customTheme = data.themes.find(function(t) { return t.id === data.currentThemeId; }); if (customTheme && customTheme.variables) { Object.keys(customTheme.variables).forEach(function(key) { root.style.setProperty(key, customTheme.variables[key]); }); } } } // 2. 从计算样式读取主题色（此时 globals.css 已加载、data-theme 已设置、自定义变量已应用） var computed = getComputedStyle(root); function c(name, fallback) { var v = computed.getPropertyValue(name).trim(); return v || fallback; } var themeColor = c('--color-base-100', (theme === 'dark') ? '#1f2937' : '#ffffff'); // 3. 立即强制更新 Meta 标签，不等待 React 水合 if (themeColor) { var meta = document.querySelector('meta[name="theme-color"]'); if (!meta) { meta = document.createElement('meta'); meta.name = 'theme-color'; document.head.appendChild(meta); } meta.setAttribute('content', themeColor.trim()); } // 4. 解析阶段直接生成随主题色的 favicon，避免刷新/整页跳转时先显示白色静态 favicon.ico // SVG 模板与 hooks/useDynamicFavicon.ts 保持一致（中性状态：angle=0、无未读角标） var svg = ''; var url = 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svg); var link = document.createElement('link'); link.rel = 'icon'; link.type = 'image/svg+xml'; link.href = url + '#t=' + Date.now(); var ico = document.querySelector('link[rel="icon"][href*="favicon.ico"]'); if (ico) { document.head.insertBefore(link, ico); } else { document.head.appendChild(link); } } catch (e) {} })();

做了个斗兽棋的小游戏，大家可以来玩玩

发表一个评论