`;
Swal.fire({
title: '夜间模式配置',
html: dom,
icon: 'none',
showCloseButton: true,
confirmButtonText: '保存',
customClass: {
popup: 'darkmode-popup'
},
width: '480px',
}).then((res) => {
res.isConfirmed && history.go(0);
});
document.getElementById('S-Dark-Position').addEventListener('click', (e) => {
e.target.tagName === "INPUT" && util.setValue('button_position', e.target.value);
});
document.getElementById('S-Dark-Size').addEventListener('change', (e) => {
util.setValue('button_size', e.currentTarget.value);
document.getElementById('currentSize').innerText = '当前：' + e.currentTarget.value;
});
document.getElementById('S-Dark-Exclude').addEventListener('change', (e) => {
util.setValue('exclude_list', Array.from(new Set(e.currentTarget.value.split('\n').filter(Boolean))));
});
document.getElementById('S-Dark-AutoRecognition').addEventListener('change', (e) => {
util.setValue('menu_autoRecognition', e.currentTarget.checked);
});
document.getElementById('S-Dark-ForcedToEnable').addEventListener('change', (e) => {
util.setValue('menu_forcedToEnable', e.currentTarget.checked);
});
document.getElementById('S-Dark-BrightDarkMode').addEventListener('change', (e) => {
util.setValue('bright_dark_mode', e.currentTarget.checked);
});
document.getElementById('S-Dark-ButtonHidden').addEventListener('change', (e) => {
util.setValue('button_hidden', e.currentTarget.checked);
});
});
// 动态菜单项，显示当前模式编号和名称
const modes = getEnabledModes();
const idx = getCurrentModeIndex();
const mode = modes[idx];
GM_registerMenuCommand(`${mode.id}️⃣${mode.name} 切换模式`, () => {
let idx = getCurrentModeIndex();
idx = (idx + 1) % modes.length;
setCurrentModeByIndex(idx);
main.applyCurrentModeStyle();
document.getElementById('darkmode-container')?.remove();
main.addButton();
location.reload();
});
GM_registerMenuCommand('⚙️ 自定义当前模式', () => {
const currentMode = util.getValue('menu_darkModeType');
let tip, defaults, name;
switch (currentMode) {
case 1:
tip = '自定义 [夜间模式]，修改后立即生效 (部分网页可能需要刷新)~\n格式：亮度 (白天)|亮度 (晚上)\n默认：60|50（均为百分比 1~100，不需要 % 符号）';
defaults = '60|50';
name = 'menu_customMode1';
break;
case 2:
tip = '自定义 [暗色模式]，修改后立即生效 (部分网页可能需要刷新)~\n格式：亮度 (白天)|暖色 (白天)|亮度 (晚上)|暖色 (晚上)\n默认：60|40|50|50（均为百分比 1~100，不需要 % 符号）';
defaults = '60|40|50|50';
name = 'menu_customMode2';
break;
case 3:
tip = '自定义 [护眼模式]，修改后立即生效 (部分网页可能需要刷新)~\n格式：反色\n默认：90（均为百分比 50~100，不需要 % 符号）';
defaults = '90';
name = 'menu_customMode3';
break;
case 4:
tip = '自定义 [白天模式]，修改后立即生效 (部分网页可能需要刷新)~\n格式：亮度 (白天)|亮度 (晚上)\n默认：100|100（均为百分比 1~100，不需要 % 符号）';
defaults = '100|100';
name = 'menu_customMode4';
break;
}
let newMods = prompt(tip, util.getValue(name));
if (newMods === '') {
util.setValue(name, defaults);
} else if (newMods != null) {
util.setValue(name, newMods);
}
// 护眼模式有排除目标
if (currentMode === 3) {
tip = '自定义 [护眼模式] 排除目标，修改后立即生效 (部分网页可能需要刷新)~\n格式：CSS 选择器 (如果不会写可以找我)\n默认：img, .img, video, [style*="background"][style*="url"], svg\n (使用英文逗号间隔，末尾不要有逗号)';
defaults = 'img, .img, video, [style*="background"][style*="url"], svg';
name = 'menu_customMode3_exclude';
newMods = prompt(tip, util.getValue(name));
if (newMods === '') {
util.setValue(name, defaults);
} else if (newMods != null) {
util.setValue(name, newMods);
}
}
if (document.getElementById('dark-mode-style')) {
util.removeElementById('dark-mode-style');
main.applyCurrentModeStyle();
}
});
GM_registerMenuCommand('🕒 自定义昼夜时间', () => {
let newMods = prompt('自定义脚本内和白天/晚上相关的时间，修改后刷新网页生效~\n格式：6:00|18:30 (即 6:00 ~ 18:30 之间是白天时间)\n也支持反向设置：14:00|12:00 (即 12:00 ~ 14:00 之间是夜晚时间)', util.getValue('menu_customTime'));
if (newMods === '') {
util.setValue('menu_customTime', '6:00|18:00');
} else if (newMods != null) {
util.setValue('menu_customTime', newMods);
}
location.reload();
});
GM_registerMenuCommand('🌙 晚上自动切换模式', () => {
let newAutoSwitch = prompt('白天、晚上使用不同模式，修改后立即生效~\n格式：白天模式|晚上模式\n例如：1|3（即白天模式 1 晚上模式 3）\n默认：留空（即关闭该功能）', util.getValue('menu_autoSwitch'));
if (newAutoSwitch === '') {
util.setValue('menu_autoSwitch', '');
} else if (newAutoSwitch != null) {
if (newAutoSwitch.split('|').length == 2) {
util.setValue('menu_autoSwitch', newAutoSwitch);
} else {
alert(`填入内容格式错误...`);
}
}
location.reload();
});
}
},
isDarkMode() {
return util.getValue('dark_mode') === 'dark';
},
isInExcludeList() {
return util.getValue('exclude_list').includes(location.host);
},
isFullScreen() {
return document.fullscreenElement;
},
isFirefox() {
return /Firefox/i.test(navigator.userAgent);
},
isTopWindow() {
return window.self === window.top;
},
addListener() {
document.addEventListener("fullscreenchange", (e) => {
if (this.isFullScreen()) {
//进入全屏
this.disableDarkMode();
} else {
//退出全屏
this.isDarkMode() && this.enableDarkMode();
}
});
},
firstEnableDarkMode() {
if (document.head) {
this.isDarkMode() && this.enableDarkMode();
}
const headObserver = new MutationObserver(() => {
this.isDarkMode() && this.enableDarkMode();
});
headObserver.observe(document.head, {childList: true, subtree: true});
if (document.body) {
this.addButton();
} else {
const bodyObserver = new MutationObserver(() => {
if (document.body) {
bodyObserver.disconnect();
this.addButton();
}
});
bodyObserver.observe(document, {childList: true, subtree: true});
}
},
init() {
this.initValue();
this.setThemeColor();
this.registerMenuCommand();
if (this.isInExcludeList()) return;
this.addListener();
this.firstEnableDarkMode();
this.applyCurrentModeStyle();
}
};
main.init();
})();
