☰

护眼模式

简单有效的全网通用护眼模式（夜间模式、暗黑模式、深色模式）

目前为 2023-05-07 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         护眼模式
  3. // @name:zh-CN   护眼模式
  4. // @name:zh-TW   護眼模式
  5. // @name:en      Dark Mode
  6. // @version      1.5.3
  7. // @author       X.I.U
  8. // @description  简单有效的全网通用护眼模式（夜间模式、暗黑模式、深色模式）
  9. // @description:zh-CN  简单有效的全网通用护眼模式（夜间模式、暗黑模式、深色模式）
  10. // @description:zh-TW  簡單有效的全網通用護眼模式（夜間模式、暗黑模式、深色模式）
  11. // @description:en  Simple and effective network-wide eye protection mode (night mode, dark mode, dark mode)
  12. // @match        *://*/*
  13. // @icon         data:image/png;base64,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
  14. // @grant        GM_registerMenuCommand
  15. // @grant        GM_unregisterMenuCommand
  16. // @grant        GM_openInTab
  17. // @grant        GM_getValue
  18. // @grant        GM_setValue
  19. // @grant        GM_notification
  20. // @sandbox      JavaScript
  21. // @noframes
  22. // @license      GPL-3.0 License
  23. // @run-at       document-start
  24. // @namespace    https://github.com/XIU2/UserScript
  25. // @supportURL   https://github.com/XIU2/UserScript
  26. // @homepageURL  https://github.com/XIU2/UserScript
  27. // ==/UserScript==
  28.  
  29. (function() {
  30.     'use strict';
  31.     var menu_ALL = [
  32.         ['menu_disable', '✅ 已启用 (点击对当前网站禁用)', '❌ 已禁用 (点击对当前网站启用)', []],
  33.         ['menu_runDuringTheDay', '白天保持开启 (比晚上亮一点点)', '白天保持开启', true],
  34.         ['menu_darkModeAuto', '护眼模式跟随浏览器', '护眼模式跟随浏览器', false],
  35.         ['menu_autoRecognition', '智能排除自带暗黑模式的网页 (beta)', '智能排除自带暗黑模式的网页 (beta)', true],
  36.         ['menu_forcedToEnable', '✅ 已强制当前网站启用护眼模式 (👆)', '❌ 未强制当前网站启用护眼模式 (👆)', []],
  37.         ['menu_darkModeType', '点击切换模式', '点击切换模式', 2],
  38.         ['menu_customMode', '自定义当前模式', '自定义当前模式', true], ['menu_customMode1',,,'60|50'], ['menu_customMode2',,,'60|40|50|50'], ['menu_customMode3',,,'90'], ['menu_customMode3_exclude',,,'img, .img, video, [style*="background"][style*="url"], svg'],
  39.         ['menu_customTime', '自定义昼夜时间', '自定义昼夜时间', '6:00|18:00'],
  40.         ['menu_autoSwitch', '晚上自动切换模式', '晚上自动切换模式', ''],
  41.     ], menu_ID = [];
  42.     for (let i=0;i<menu_ALL.length;i++){ // 如果读取到的值为 null 就写入默认值
  43.         if (GM_getValue(menu_ALL[i][0]) == null){GM_setValue(menu_ALL[i][0], menu_ALL[i][3])};
  44.     }
  45.     registerMenuCommand();
  46.  
  47.     // 自定义昼夜时间 过渡性调整（精确到分钟），过段时间移除
  48.     if (GM_getValue('menu_customTime', '').indexOf(':') === -1) GM_setValue('menu_customTime', GM_getValue('menu_customTime', '6|18').replace('|',':00|') + ':00')
  49.  
  50.     if (menu_ID.length > 1) {addStyle();}
  51.  
  52.  
  53.     // 注册(不可用)脚本菜单
  54.     function registerMenuCommand() {
  55.         if (menu_ID.length != []){
  56.             for (let i=0;i<menu_ID.length;i++){
  57.                 GM_unregisterMenuCommand(menu_ID[i]);
  58.             }
  59.         }
  60.         for (let i=0;i<menu_ALL.length;i++){ // 循环注册(不可用)脚本菜单
  61.             menu_ALL[i][3] = GM_getValue(menu_ALL[i][0]);
  62.             if (menu_ALL[i][0] === 'menu_disable')
  63.             { // 启用/禁用护眼模式 (当前网站)
  64.                 if (menu_disable('check')) { // 当前网站是否已存在禁用列表中
  65.                     menu_ID[i] = GM_registerMenuCommand(`${menu_ALL[i][2]}`, function(){menu_disable('del')});
  66.                     return
  67.                 } else {
  68.                     if (GM_getValue('menu_darkModeAuto') && !window.matchMedia('(prefers-color-scheme: dark)').matches) {
  69.                         menu_ID[i] = GM_registerMenuCommand(`❌ 当前浏览器为白天模式 (点击关闭 [护眼模式跟随浏览器])`, function(){GM_setValue('menu_darkModeAuto', false);location.reload();});
  70.                         return
  71.                     }
  72.                     menu_ID[i] = GM_registerMenuCommand(`${menu_ALL[i][1]}`, function(){menu_disable('add')});
  73.                 }
  74.             }
  75.             else if (menu_ALL[i][0] === 'menu_darkModeType')
  76.             { // 点击切换模式
  77.                 if (menu_ALL[i][3] > 3) { // 避免在减少 raw 数组后，用户储存的数据大于数组而报错
  78.                     menu_ALL[i][3] = 1;
  79.                     GM_setValue(menu_ALL[i][0], menu_ALL[i][3]);
  80.                 }
  81.                 let menu_newMode = getAutoSwitch();
  82.                 menu_ID[i] = GM_registerMenuCommand(`${menu_num(menu_newMode)} ${menu_ALL[i][1]}`, function(){menu_toggle(`${menu_ALL[i][3]}`,`${menu_ALL[i][0]}`)});
  83.             }
  84.             else if (menu_ALL[i][0] === 'menu_customMode')
  85.             { // 自定义当前模式
  86.                 GM_setValue(menu_ALL[i][0], menu_ALL[i][3]);
  87.                 menu_ID[i] = GM_registerMenuCommand(`#️⃣ ${menu_ALL[i][1]}`, function(){menu_customMode()});
  88.             }
  89.             else if (menu_ALL[i][0] === 'menu_customTime')
  90.             { // 自定义昼夜时间
  91.                 GM_setValue(menu_ALL[i][0], menu_ALL[i][3]);
  92.                 menu_ID[i] = GM_registerMenuCommand(`#️⃣ ${menu_ALL[i][1]}`, function(){menu_customTime()});
  93.             }
  94.             else if (menu_ALL[i][0] === 'menu_customMode1' || menu_ALL[i][0] === 'menu_customMode2' || menu_ALL[i][0] === 'menu_customMode3' || menu_ALL[i][0] === 'menu_customMode3_exclude')
  95.             { // 当前模式值
  96.                 GM_setValue(menu_ALL[i][0], menu_ALL[i][3]);
  97.             }
  98.             else if (menu_ALL[i][0] === 'menu_autoSwitch')
  99.             { // 晚上自动切换模式
  100.                 menu_ID[i] = GM_registerMenuCommand(`#️⃣ ${menu_ALL[i][1]}`, function(){menu_customAutoSwitch()});
  101.             }
  102.             else if (menu_ALL[i][0] === 'menu_forcedToEnable')
  103.             { // 强制当前网站启用护眼模式
  104.                 if (menu_value('menu_autoRecognition')) { // 自动排除自带暗黑模式的网页 (beta)
  105.                     if (menu_forcedToEnable('check')) { // 当前网站是否已存在列表中
  106.                         menu_ID[i] = GM_registerMenuCommand(`${menu_ALL[i][1]}`, function(){menu_forcedToEnable('del')});
  107.                     } else {
  108.                         menu_ID[i] = GM_registerMenuCommand(`${menu_ALL[i][2]}`, function(){menu_forcedToEnable('add')});
  109.                     }
  110.                 }
  111.             }
  112.             else
  113.             {
  114.                 menu_ID[i] = GM_registerMenuCommand(`${menu_ALL[i][3]?'✅':'❌'} ${menu_ALL[i][1]}`, function(){menu_switch(`${menu_ALL[i][3]}`,`${menu_ALL[i][0]}`,`${menu_ALL[i][2]}`)});
  115.             }
  116.         }
  117.         menu_ID[menu_ID.length] = GM_registerMenuCommand('💬 反馈 & 建议', function () {window.GM_openInTab('https://github.com/XIU2/UserScript#xiu2userscript', {active: true,insert: true,setParent: true});window.GM_openInTab('https://gf.qytechs.cn/zh-CN/scripts/426377/feedback', {active: true,insert: true,setParent: true});});
  118.     }
  119.  
  120.  
  121.     // 菜单数字图标
  122.     function menu_num(num) {
  123.         return ['0️⃣','1️⃣','2️⃣','3️⃣','4️⃣','5️⃣','6️⃣','7️⃣','8️⃣','9️⃣','🔟'][num]
  124.     }
  125.  
  126.  
  127.     // 晚上自动切换模式
  128.     function menu_customAutoSwitch() {
  129.         let newAutoSwitch = prompt('白天、晚上使用不同模式，修改后立即生效~\n格式：白天模式|晚上模式\n例如：1|3（即白天模式 1 晚上模式 3）\n默认：留空（即关闭该功能）', GM_getValue('menu_autoSwitch'));
  130.         if (newAutoSwitch === '') {
  131.             GM_setValue('menu_autoSwitch', '');
  132.         } else if (newAutoSwitch != null) {
  133.             if (newAutoSwitch.split('|').length == 2) {
  134.                 GM_setValue('menu_autoSwitch', newAutoSwitch);
  135.             } else {
  136.                 alert(`填入内容格式错误...`);
  137.             }
  138.         }
  139.         registerMenuCommand(); // 重新注册(不可用)脚本菜单
  140.         if (document.getElementById('XIU2DarkMode')) {
  141.             document.getElementById('XIU2DarkMode').remove(); // 即时修改样式
  142.             addStyle();
  143.         }
  144.     }
  145.     // 获取当前模式
  146.     function getAutoSwitch() {
  147.         let darkModeType = GM_getValue('menu_darkModeType'), hours = new Date().getHours(), time = GM_getValue('menu_customTime').split('|').map(Number);
  148.         if (GM_getValue('menu_autoSwitch') != '') { // 晚上自动切换模式
  149.             if (isDaytime()) { // 白天
  150.                 darkModeType = GM_getValue('menu_autoSwitch').split('|')[0];
  151.             } else { // 晚上
  152.                 darkModeType = GM_getValue('menu_autoSwitch').split('|')[1];
  153.             }
  154.         }
  155.         return parseInt(darkModeType)
  156.     }
  157.  
  158.  
  159.     // 自定义当前模式
  160.     function menu_customMode() {
  161.         let newMods, tip, defaults, name;
  162.         switch(getAutoSwitch()) {
  163.             case 1:
  164.                 tip = '自定义 [模式 1]，修改后立即生效 (部分网页可能需要刷新)~\n格式：亮度 (白天)|亮度 (晚上)\n默认：60|50（均为百分比 1~100，不需要 % 符号）';
  165.                 defaults = '60|50';
  166.                 name = 'menu_customMode1';
  167.                 break;
  168.             case 2:
  169.                 tip = '自定义 [模式 2]，修改后立即生效 (部分网页可能需要刷新)~\n格式：亮度 (白天)|暖色 (白天)|亮度 (晚上)|暖色 (晚上)\n默认：60|40|50|50（均为百分比 1~100，不需要 % 符号）';
  170.                 defaults = '60|40|50|50';
  171.                 name = 'menu_customMode2';
  172.                 break;
  173.             case 3:
  174.                 tip = '自定义 [模式 3]，修改后立即生效 (部分网页可能需要刷新)~\n格式：反色\n默认：90（均为百分比 50~100，不需要 % 符号）';
  175.                 defaults = '90';
  176.                 name = 'menu_customMode3';
  177.                 break;
  178.         }
  179.         newMods = prompt(tip, GM_getValue(`${name}`));
  180.         if (newMods === '') {
  181.             GM_setValue(`${name}`, defaults);
  182.             registerMenuCommand(); // 重新注册(不可用)脚本菜单
  183.         } else if (newMods != null) {
  184.             GM_setValue(`${name}`, newMods);
  185.             registerMenuCommand(); // 重新注册(不可用)脚本菜单
  186.         }
  187.         if (getAutoSwitch() == 3) {
  188.             tip = '自定义 [模式 3] 排除目标，修改后立即生效 (部分网页可能需要刷新)~\n格式：CSS 选择器 (如果不会写可以找我)\n默认：img, .img, video, [style*="background"][style*="url"], svg\n (使用英文逗号间隔，末尾不要有逗号)';
  189.             defaults = 'img, .img, video, [style*="background"][style*="url"], svg';
  190.             name = 'menu_customMode3_exclude';
  191.             newMods = prompt(tip, GM_getValue(`${name}`));
  192.             if (newMods === '') {
  193.                 GM_setValue(`${name}`, defaults);
  194.                 registerMenuCommand(); // 重新注册(不可用)脚本菜单
  195.             } else if (newMods != null) {
  196.                 GM_setValue(`${name}`, newMods);
  197.                 registerMenuCommand(); // 重新注册(不可用)脚本菜单
  198.             }
  199.         }
  200.         if (document.getElementById('XIU2DarkMode')) {
  201.             document.getElementById('XIU2DarkMode').remove(); // 即时修改样式
  202.             addStyle();
  203.         }
  204.     }
  205.  
  206.  
  207.     // 自定义昼夜时间
  208.     function menu_customTime() {
  209.         let newMods = prompt('自定义脚本内和白天/晚上相关的时间，修改后刷新网页生效~\n格式：6:00|18:30 (即 6:00 ~ 18:30 之间是白天时间)\n也支持反向设置：14:00|12:00 (即 12:00 ~ 14:00 之间是夜晚时间)', GM_getValue('menu_customTime'));
  210.         if (newMods === '') {
  211.             GM_setValue('menu_customTime', '6:00|18:00');
  212.             registerMenuCommand(); // 重新注册(不可用)脚本菜单
  213.         } else if (newMods != null) {
  214.             GM_setValue('menu_customTime', newMods);
  215.             registerMenuCommand(); // 重新注册(不可用)脚本菜单
  216.         }
  217.     }
  218.  
  219.  
  220.     // 强制当前网站启用护眼模式
  221.     function menu_forcedToEnable(type) {
  222.         switch(type) {
  223.             case 'check':
  224.                 if(check()) return true
  225.                 return false
  226.                 break;
  227.             case 'add':
  228.                 add();
  229.                 break;
  230.             case 'del':
  231.                 del();
  232.                 break;
  233.         }
  234.  
  235.         function check() { // 存在返回真，不存在返回假
  236.             let websiteList = menu_value('menu_forcedToEnable'); // 读取网站列表
  237.             if (websiteList.indexOf(location.host) === -1) return false // 不存在返回假
  238.             return true
  239.         }
  240.  
  241.         function add() {
  242.             if (check()) return
  243.             let websiteList = menu_value('menu_forcedToEnable'); // 读取网站列表
  244.             websiteList.push(location.host); // 追加网站域名
  245.             GM_setValue('menu_forcedToEnable', websiteList); // 写入配置
  246.             location.reload(); // 刷新网页
  247.         }
  248.  
  249.         function del() {
  250.             if (!check()) return
  251.             let websiteList = menu_value('menu_forcedToEnable'), // 读取网站列表
  252.             index = websiteList.indexOf(location.host);
  253.             websiteList.splice(index, 1); // 删除网站域名
  254.             GM_setValue('menu_forcedToEnable', websiteList); // 写入配置
  255.             location.reload(); // 刷新网页
  256.         }
  257.     }
  258.  
  259.  
  260.     // 启用/禁用护眼模式 (当前网站)
  261.     function menu_disable(type) {
  262.         switch(type) {
  263.             case 'check':
  264.                 if(check()) return true
  265.                 return false
  266.                 break;
  267.             case 'add':
  268.                 add();
  269.                 break;
  270.             case 'del':
  271.                 del();
  272.                 break;
  273.         }
  274.  
  275.         function check() { // 存在返回真，不存在返回假
  276.             let websiteList = menu_value('menu_disable'); // 读取网站列表
  277.             if (websiteList.indexOf(location.host) === -1) return false // 不存在返回假
  278.             return true
  279.         }
  280.  
  281.         function add() {
  282.             if (check()) return
  283.             let websiteList = menu_value('menu_disable'); // 读取网站列表
  284.             websiteList.push(location.host); // 追加网站域名
  285.             GM_setValue('menu_disable', websiteList); // 写入配置
  286.             location.reload(); // 刷新网页
  287.         }
  288.  
  289.         function del() {
  290.             if (!check()) return
  291.             let websiteList = menu_value('menu_disable'), // 读取网站列表
  292.             index = websiteList.indexOf(location.host);
  293.             websiteList.splice(index, 1); // 删除网站域名
  294.             GM_setValue('menu_disable', websiteList); // 写入配置
  295.             location.reload(); // 刷新网页
  296.         }
  297.     }
  298.  
  299.  
  300.     // 切换暗黑模式
  301.     function menu_toggle(menu_status, Name) {
  302.         menu_status = parseInt(menu_status)
  303.         if (menu_status >= 3){
  304.             menu_status = 1;
  305.         } else {
  306.             menu_status += 1;
  307.         }
  308.         GM_setValue(`${Name}`, menu_status);
  309.         registerMenuCommand(); // 重新注册(不可用)脚本菜单
  310.         if (document.getElementById('XIU2DarkMode')) {
  311.             document.getElementById('XIU2DarkMode').remove(); // 即时修改样式
  312.             addStyle();
  313.         }
  314.         //location.reload(); // 刷新网页
  315.     };
  316.  
  317.  
  318.     // 菜单开关
  319.     function menu_switch(menu_status, Name, Tips) {
  320.         if (menu_status == 'true'){
  321.             GM_setValue(`${Name}`, false);
  322.             GM_notification({text: `已关闭 [${Tips}] 功能\n（点击刷新网页后生效）`, timeout: 3500, onclick: function(){location.reload();}});
  323.         }else{
  324.             GM_setValue(`${Name}`, true);
  325.             GM_notification({text: `已开启 [${Tips}] 功能\n（点击刷新网页后生效）`, timeout: 3500, onclick: function(){location.reload();}});
  326.         }
  327.         if (Name === 'menu_autoRecognition') {
  328.             location.reload(); // 刷新网页
  329.         }
  330.         registerMenuCommand(); // 重新注册(不可用)脚本菜单
  331.     };
  332.  
  333.  
  334.     // 返回菜单值
  335.     function menu_value(menuName) {
  336.         for (let menu of menu_ALL) {
  337.             if (menu[0] == menuName) {
  338.                 return menu[3]
  339.             }
  340.         }
  341.     }
  342.  
  343.  
  344.     // 添加样式
  345.     function addStyle() {
  346.         let remove = false, style_Add = document.createElement('style'),
  347.             hours = new Date().getHours(),
  348.             style_10 = menu_value('menu_customMode1').split('|'),
  349.             style_20 = menu_value('menu_customMode2').split('|'),
  350.             style_30 = menu_value('menu_customMode3').split('|'),
  351.             style = ``,
  352.             style_00 = `html, body {background-color: #ffffff !important;}`,
  353.             style_11 = `html {filter: brightness(${style_10[0]}%) !important;}`,
  354.             style_11_firefox = `html {filter: brightness(${style_10[0]}%) !important; background-image: url();}`,
  355.             style_12 = `html {filter: brightness(${style_10[1]}%) !important;}`,
  356.             style_12_firefox = `html {filter: brightness(${style_10[1]}%) !important; background-image: url();}`,
  357.             style_21 = `html {filter: brightness(${style_20[0]}%) sepia(${style_20[1]}%) !important;}`,
  358.             style_21_firefox = `html {filter: brightness(${style_20[0]}%) sepia(${style_20[1]}%) !important; background-image: url();}`,
  359.             style_22 = `html {filter: brightness(${style_20[2]}%) sepia(${style_20[3]}%) !important;}`,
  360.             style_22_firefox = `html {filter: brightness(${style_20[2]}%) sepia(${style_20[3]}%) !important; background-image: url();}`,
  361.             style_31 = `html {filter: invert(${style_30[0]}%) !important; text-shadow: 0 0 0 !important;}
  362.             ${menu_value('menu_customMode3_exclude')} {filter: invert(1) !important;}
  363.             img[alt="[公式]"] {filter: none !important;}`,
  364.             style_31_firefox = `html {filter: invert(${style_30[0]}%) !important; background-image: url(); text-shadow: 0 0 0 !important;}
  365.             ${menu_value('menu_customMode3_exclude')} {filter: invert(1) !important;}
  366.             img[alt="[公式]"] {filter: none !important;}`;
  367.  
  368.         // Firefox 浏览器需要特殊对待
  369.         if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
  370.             style_11 = style_11_firefox
  371.             style_12 = style_12_firefox
  372.             style_21 = style_21_firefox
  373.             style_22 = style_22_firefox
  374.             style_31 = style_31_firefox
  375.         }
  376.  
  377.         // 白天
  378.         if (isDaytime()) {
  379.             if (menu_value('menu_runDuringTheDay')) {
  380.                 style_12 = style_11
  381.                 style_22 = style_21
  382.             } else {
  383.                 style_12 = style_22 = ''
  384.             }
  385.         }
  386.  
  387.  
  388.         let darkModeType = getAutoSwitch();
  389.  
  390.         switch(darkModeType) {
  391.             case 1:
  392.                 style += style_12;
  393.                 break;
  394.             case 2:
  395.                 style += style_22;
  396.                 break;
  397.             case 3:
  398.                 style += style_31;
  399.                 if (location.hostname.indexOf('search.bilibili.com') > -1) {
  400.                     style += `ul.video-list img, ul.video-list .video-item .img .mask-video, ul.video-list .video-item .img .van-danmu, ul.video-list .video-item .img .van-framepreview {filter: none !important;}`
  401.                 } else if (location.hostname.indexOf('.bilibili.com') > -1) {
  402.                     style += `
  403. .bpx-player-container[data-screen="full"] .bpx-player-video-wrap {filter: invert(1) !important;}
  404. .bpx-player-container[data-screen="web"] {filter: invert(1) !important;}
  405. .bpx-player-container[data-screen="web"] video {filter: none !important;}
  406. * {font-weight: bold !important;}`
  407.                 } else if (location.hostname.indexOf('.huya.com') > -1) {
  408.                     style += `#player-wrap[style="height: 100%;"], .player-loading, .sidebar-show, #player-ctrl-wrap {filter: invert(1) !important;}`
  409.                 }
  410.                 break;
  411.         }
  412.         style_Add.id = 'XIU2DarkMode';
  413.         style_Add.type = 'text/css';
  414.         //console.log(document,document.lastElementChild,document.querySelector('html'))
  415.         if (document.lastElementChild) {
  416.             document.lastElementChild.appendChild(style_Add).textContent = style;
  417.         } else { // 发现个别网站速度太慢的话，就会出现脚本运行太早，连 html 标签都还没加载。。。
  418.             let timer1 = setInterval(function(){ // 每 5 毫秒检查一下 html 是否已存在
  419.                 if (document.lastElementChild) {
  420.                     clearInterval(timer1); // 取消定时器
  421.                     document.lastElementChild.appendChild(style_Add).textContent = style;
  422.                 }
  423.             });
  424.         }
  425.  
  426.         let websiteList = [];
  427.         if (menu_value('menu_autoRecognition')) { // 智能排除自带暗黑模式的网页 (beta)
  428.             websiteList = menu_value('menu_forcedToEnable'); // 强制当前网站启用护眼模式
  429.         }
  430.  
  431.         // 为了避免 body 还没加载导致无法检查是否设置背景颜色
  432.         let timer = setInterval(function(){ // 每 5 毫秒检查一下 body 是否已存在
  433.             if (document.body) {
  434.                 clearInterval(timer); // 取消定时器（每 5 毫秒一次的）
  435.                 setTimeout(function(){ // 为了避免太快 body 的 CSS 还没加载上，先延迟 150 毫秒（缺点就是可能会出现短暂一闪而过的暗黑滤镜）
  436.                     console.log('[护眼模式] html:', window.getComputedStyle(document.lastElementChild).backgroundColor, 'body:', window.getComputedStyle(document.body).backgroundColor)
  437.                     if (window.getComputedStyle(document.body).backgroundColor === 'rgba(0, 0, 0, 0)' && window.getComputedStyle(document.lastElementChild).backgroundColor === 'rgba(0, 0, 0, 0)' && !(document.querySelector('head>meta[name="color-scheme"],head>link[href^="resource:"]') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
  438.                         // 如果 body 没有 CSS 背景颜色（或是在资源页 且 浏览器为白天模式），那就需要添加一个背景颜色，否则影响滤镜效果
  439.                         let style_Add2 = document.createElement('style');
  440.                         style_Add2.id = 'XIU2DarkMode2';
  441.                         document.lastElementChild.appendChild(style_Add2).textContent = style_00;
  442.  
  443.                     } else if ((document.querySelector('head>meta[name="color-scheme"],head>link[href^="resource:"]') && window.matchMedia('(prefers-color-scheme: dark)').matches) || (document.querySelector('html[class*=dark], html[data-dark-theme*=dark], html[data-theme*=dark], html[data-color-mode*=dark], body[class*=dark]')) || (window.getComputedStyle(document.body).backgroundColor === 'rgb(0, 0, 0)') || (getColorValue(document.body) > 0 && getColorValue(document.body) < 898989) || (getColorValue(document.lastElementChild) > 0 && getColorValue(document.lastElementChild) < 898989) || (window.getComputedStyle(document.body).backgroundColor === 'rgba(0, 0, 0, 0)' && window.getComputedStyle(document.lastElementChild).backgroundColor === 'rgb(0, 0, 0)')) {
  444.                         // 如果是在资源页 且 浏览器为暗黑模式，或 html/body 元素包含 dark 标识，或底色为黑色 (等于0,0,0) 或深色 (小于 89,89,89)，就停用本脚本滤镜
  445.                         if (menu_value('menu_autoRecognition')) { // 排除自带暗黑模式的网页 (beta)
  446.                             for (let i=0;i<websiteList.length;i++){ // 这些网站强制启用护眼模式滤镜
  447.                                 if (websiteList[i] === location.host) return
  448.                             }
  449.                             console.log('[护眼模式] 检测到当前网页自带暗黑模式，停用本脚本滤镜...')
  450.                             document.getElementById('XIU2DarkMode').remove();
  451.                             remove = true;
  452.                         }
  453.                     }
  454.                 }, 150);
  455.  
  456.                 // 用来解决一些 CSS 加载缓慢的网站，可能会出现没有正确排除的问题，在没有找到更好的办法之前，先这样凑活着用
  457.                 setTimeout(function(){
  458.                     console.log('[护眼模式] html:', window.getComputedStyle(document.lastElementChild).backgroundColor, 'body:', window.getComputedStyle(document.body).backgroundColor)
  459.                     if ((document.querySelector('head>meta[name="color-scheme"],head>link[href^="resource:"]') && window.matchMedia('(prefers-color-scheme: dark)').matches) || (document.querySelector('html[class*=dark], html[data-dark-theme*=dark], html[data-theme*=dark], html[data-color-mode*=dark], body[class*=dark]')) || (window.getComputedStyle(document.body).backgroundColor === 'rgb(0, 0, 0)') || (getColorValue(document.body) > 0 && getColorValue(document.body) < 898989) || (getColorValue(document.lastElementChild) > 0 && getColorValue(document.lastElementChild) < 898989) || (window.getComputedStyle(document.body).backgroundColor === 'rgba(0, 0, 0, 0)' && window.getComputedStyle(document.lastElementChild).backgroundColor === 'rgb(0, 0, 0)')) {
  460.                         // 如果是在资源页 且 浏览器为暗黑模式，或 html/body 元素包含 dark 标识，或底色为黑色 (等于0,0,0) 或深色 (小于 89,89,89)，就停用本脚本滤镜
  461.                         if (menu_value('menu_autoRecognition')) { // 排除自带暗黑模式的网页 (beta)
  462.                             for (let i=0;i<websiteList.length;i++){ // 这些网站强制启用护眼模式滤镜
  463.                                 if (websiteList[i] === location.host) return
  464.                             }
  465.                             if (remove) return
  466.                             console.log('[护眼模式] 检测到当前网页自带暗黑模式，停用本脚本滤镜....')
  467.                             if (document.getElementById('XIU2DarkMode')) document.getElementById('XIU2DarkMode').remove();
  468.                             if (document.getElementById('XIU2DarkMode2')) document.getElementById('XIU2DarkMode2').remove();
  469.                         }
  470.                     }
  471.                 }, 1500);
  472.             }
  473.         });
  474.  
  475.         // 解决远景论坛会清理掉前面插入的 CSS 样式的问题
  476.         if (location.hostname === 'bbs.pcbeta.com') {
  477.             let timer1 = setInterval(function(){
  478.                 if (!document.getElementById('XIU2DarkMode')) {
  479.                     document.lastElementChild.appendChild(style_Add).textContent = style;
  480.                     clearInterval(timer1);
  481.                 }
  482.             });
  483.         }
  484.     }
  485.  
  486.     // 获取背景颜色值
  487.     function getColorValue(e) {
  488.         let rgbValueArry = window.getComputedStyle(e).backgroundColor.replace(/rgba|rgb|\(|\)| /g, '').split (',')
  489.         return parseInt(rgbValueArry[0] + rgbValueArry[1] + rgbValueArry[2])
  490.     }
  491.  
  492.  
  493.     // 判断当前是白天还是晚上
  494.     function isDaytime() {
  495.         let nowTime = new Date('2022-03-07 ' + new Date().getHours() + ':' + new Date().getMinutes() + ':00').getTime()/1000, time = GM_getValue('menu_customTime').split('|');
  496.         time[0] = new Date('2022-03-07 ' + time[0] + ':00').getTime()/1000;
  497.         time[1] = new Date('2022-03-07 ' + time[1] + ':00').getTime()/1000;
  498.         if (time[0] < time[1]){
  499.             if (nowTime > time[0] && nowTime < time[1]) return true
  500.             return false
  501.         } else {
  502.             if (nowTime > time[0] || nowTime < time[1]) return true
  503.             return false
  504.         }
  505.     }
  506. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址