📱 当前状态
当前模式：
${currentMode === 'light' ? '☀️ 白天模式' : (currentMode === 'dark' ? '🌙 夜间模式' : '🌱 豆沙绿模式')}
当前网站：
${host}
全局开关：
${globalEnable ? '✅ 已开启' : '❌ 已关闭'}
白名单状态：
${siteEnabled ? '✅ 已启用' : '❌ 未启用'}
黑名单状态：
${isBlacklisted ? '⛔ 已禁用' : '❌ 未禁用'}
强制启用：
${isForced ? '⚡ 已强制启用' : '🚫 未强制启用'}
网站专用模式：
${siteSpecificMode ? this.getSiteModeName(siteSpecificMode) : '默认'}
🌐 网站专用模式设置
为当前网站设置专用模式，此设置仅在白名单或全局开启时生效
当前设置：${siteSpecificMode ? this.getSiteModeName(siteSpecificMode) : '默认'}
模式说明：
• 夜间模式：标准反色方案，适合大多数网站
• 豆沙绿模式：柔和绿色背景，保护视力（自动修正白色区域）
• 墨黑模式：纯色深色方案，自定义配色
• 滤镜模式：颜色滤镜方案，护眼效果强
• 代码页面优化：自动应用于JSON文件和代码查看页面
⚡ 强制启用管理
新规则：强制启用列表中的网站需要满足以下条件之一才会生效：
1. 全局开关开启
2. 该网站在白名单中
注意：强制启用仍然不受黑名单影响
强制启用状态：
${host}：${isForced ? '已强制启用' : '未强制启用'}
当前生效条件：
• 全局开关：${globalEnable ? '✅ 已开启' : '❌ 已关闭'}
• 白名单：${siteEnabled ? '✅ 已启用' : '❌ 未启用'}
强制启用生效： ${isForced && (globalEnable || siteEnabled) ? '✅ 是' : '❌ 否'}
⛔ 黑名单管理
黑名单中的网站将始终禁用护眼模式，优先级最高（强制启用也受黑名单影响）
当前黑名单状态：${blacklistCount} 个网站
${host}：${isBlacklisted ? '⛔ 已禁用' : '❌ 未禁用'}
优先级顺序：
1. 黑名单（最高优先级）
2. 强制启用（需要全局或白名单开启）
3. 全局开关
4. 白名单
${blacklistCount > 0 ? `
当前黑名单网站：
${blacklist.map(site => `
${site}
`).join('')}
` : ''}
`;
// 添加到页面
document.body.appendChild(panel);
// 添加设置面板专用CSS，确保其不受任何模式影响
let panelStyle = document.createElement('style');
panelStyle.textContent = `
/* 设置面板专用样式 - 强制亮色主题，不受任何模式影响 */
.eye-protect-settings-panel {
filter: none !important;
background: #ffffff !important;
color: #333333 !important;
border-color: #e0e0e0 !important;
}
.eye-protect-settings-panel * {
filter: none !important;
background: inherit !important;
color: inherit !important;
}
/* 切换开关样式 */
.toggle-switch input:checked + .toggle-slider::before {
transform: translateX(26px) !important;
}
.toggle-switch input:checked + .toggle-slider {
background-color: #007bff !important;
}
.toggle-switch .toggle-slider::before {
content: "" !important;
position: absolute !important;
height: 16px !important;
width: 16px !important;
left: 4px !important;
bottom: 4px !important;
background-color: white !important;
border-radius: 50% !important;
transition: .4s !important;
}
`;
document.head.appendChild(panelStyle);
// 事件绑定
setTimeout(() => {
// 关闭按钮事件
panel.querySelector('#closeBtn').addEventListener('click', (e) => {
e.stopPropagation();
panel.remove();
});
// 网站专用模式相关事件
panel.querySelector('#applySiteMode').addEventListener('click', () => {
let select = panel.querySelector('#siteSpecificMode');
let mode = select.value;
if (mode === 'default') {
this.setSiteSpecificMode(null);
this.showNotification('已重置当前网站的专用模式为默认');
} else {
this.setSiteSpecificMode(mode);
this.showNotification(`已为当前网站设置专用模式：${this.getSiteModeName(mode)}`);
}
this.applyMode();
this.refreshMenu();
panel.remove();
});
panel.querySelector('#resetSiteMode').addEventListener('click', () => {
this.setSiteSpecificMode(null);
this.showNotification('已重置当前网站的专用模式为默认');
this.applyMode();
this.refreshMenu();
panel.remove();
});
// 强制启用相关事件
panel.querySelector('#toggleForceEnable').addEventListener('click', () => {
this.toggleForceEnable();
panel.remove();
});
panel.querySelector('#clearForcedList').addEventListener('click', () => {
this.clearForcedList();
});
// 黑名单相关事件
panel.querySelector('#toggleBlacklist').addEventListener('click', () => {
this.toggleBlacklist();
panel.remove();
});
panel.querySelector('#clearBlacklist').addEventListener('click', () => {
this.clearBlacklist();
});
// 功能按钮事件
panel.querySelector('#toggleMode').addEventListener('click', () => {
this.switchMode();
panel.remove();
});
panel.querySelector('#toggleSite').addEventListener('click', () => {
this.toggleCurrentSite();
panel.remove();
});
panel.querySelector('#saveSettings').addEventListener('click', () => {
// 保存所有设置
this.setConfig('globalEnable', panel.querySelector('#globalEnable').checked);
this.setConfig('autoExclude', panel.querySelector('#autoExclude').checked);
this.setConfig('runDuringDay', panel.querySelector('#runDuringDay').checked);
this.setConfig('darkAuto', panel.querySelector('#darkAuto').checked);
let dayNight = panel.querySelector('#customDayNight').value;
if (dayNight) this.setConfig('customDayNight', dayNight);
let autoSwitchVal = panel.querySelector('#autoSwitch').value;
this.setConfig('autoSwitch', autoSwitchVal);
let dark3Val = panel.querySelector('#customDark3').value;
if (dark3Val) this.setConfig('customDark3', dark3Val);
let inkConfigVal = panel.querySelector('#inkModeConfig').value;
if (inkConfigVal) {
this.setConfig('inkModeConfig', inkConfigVal);
if (this.getCurrentMode() === 'ink') this.applyInkMode();
}
this.applyMode();
this.refreshMenu();
this.showNotification('✅ 设置已保存');
panel.remove();
});
panel.querySelector('#resetSettings').addEventListener('click', () => {
if (confirm('确定要恢复所有默认设置吗？')) {
for (let key in this.defaults) {
this.setConfig(key, this.defaults[key]);
}
this.setConfig('currentMode', 'light');
this.currentMode = 'light';
this.applyMode();
this.refreshMenu();
this.showNotification('✅ 已恢复默认设置');
panel.remove();
}
});
// ESC键关闭
const handleEscKey = (e) => {
if (e.key === 'Escape' && panel && panel.parentNode) {
panel.remove();
document.removeEventListener('keydown', handleEscKey);
}
};
document.addEventListener('keydown', handleEscKey);
}, 0);
},
// 清除所有菜单
clearMenu() {
menuCommands.forEach(cmd => {
try {
GM_unregisterMenuCommand(cmd);
} catch (e) {
// 忽略错误
}
});
menuCommands = [];
},
// 刷新菜单
refreshMenu() {
this.clearMenu();
this.initMenu();
},
// 初始化菜单
initMenu() {
let currentMode = this.getCurrentMode();
let globalEnable = this.getConfig('globalEnable');
let enableList = this.getConfig('enableList');
let host = location.host;
let siteEnabled = enableList.includes(host);
let siteSpecificMode = this.getSiteSpecificMode();
let modeIcon = currentMode === 'light' ? '☀️' : (currentMode === 'dark' ? '🌙' : '🌱');
let siteModeText = siteSpecificMode ? ` [${this.getSiteModeName(siteSpecificMode)}]` : '';
menuCommands.push(GM_registerMenuCommand(`${modeIcon} ${this.getModeName(currentMode)}${siteModeText}`, () => {
this.switchMode();
}));
menuCommands.push(GM_registerMenuCommand(globalEnable ? '🌍 全局: 开启 (点击关闭)' : '🌍 全局: 关闭 (点击开启)', () => {
this.toggleGlobal();
}));
menuCommands.push(GM_registerMenuCommand(siteEnabled ? '✅ 本站: 启用 (点击禁用)' : '❌ 本站: 禁用 (点击启用)', () => {
this.toggleCurrentSite();
}));
menuCommands.push(GM_registerMenuCommand('⚙️ 设置面板', () => {
this.showSettings();
}));
}
};
// 立即初始化
EyeProtect.init();
})();