☰

grayBackgroundColor

将网页背景色改为护眼灰

  1. // ==UserScript==
  2. // @name		grayBackgroundColor
  3. // @namespace	https://github.com/sakuyaa/gm_scripts
  4. // @author		sakuyaa
  5. // @description	将网页背景色改为护眼灰
  6. // @include		*
  7. // @inject-into	auto
  8. // @version		2024.4.1
  9. // @compatible	firefox 74
  10. // @grant		GM_addStyle
  11. // @note		配合browser.display.background_color;#DCDCDC使用
  12. // @run-at		document-end
  13. // ==/UserScript==
  14. (function() {
  15. 	let grayValue = 225;
  16. 	let sleep = time => {
  17. 		return new Promise(resolve => setTimeout(resolve, time));
  18. 	};
  19. 	
  20. 	let grayElem = async elem => {   //将元素变灰
  21. 		await sleep(0);
  22. 		let rgbaValues = window.getComputedStyle(elem)?.getPropertyValue('background-color')?.match(/\d+(\.\d+)?/g);
  23. 		if (rgbaValues) {
  24. 			let [red, green, blue, alpha] = rgbaValues;
  25. 			if (red <= grayValue || green <= grayValue || blue <= grayValue || alpha == 0) {
  26. 				return;
  27. 			}
  28. 			//从225-255压缩到215-225
  29. 			elem.style.setProperty('background-color', (alpha ? 'rgba(' : 'rgb(') +
  30. 				Math.floor((red - grayValue) / 3 + grayValue - 10) + ', ' +
  31. 				Math.floor((green - grayValue) / 3 + grayValue - 10) + ', ' +
  32. 				Math.floor((blue - grayValue) / 3 + grayValue - 10) +
  33. 				(alpha ? (', ' + alpha + ')') : ')'), 'important');
  34. 		}
  35. 	}
  36.  
  37. 	let grayBackgroundColor = async () => {
  38. 		await sleep(0);
  39. 		for (let elem of document.getElementsByTagName('*')) {
  40. 			grayElem(elem);
  41. 		}
  42. 	}
  43.  
  44. 	let fixNotGray = () => {   //去除一些背景为空白图的网站
  45. 		switch (window.location.hostname) {
  46. 		case 'www.w3school.com.cn':
  47. 			GM_addStyle('#wrapper {background: #dcdcdc none !important;}');
  48. 			return;
  49. 		}
  50. 		let herf = window.location.href;
  51. 		if (/^https?:\/\/tieba\.baidu\.com\/f.+/i.test(herf)) {
  52. 			GM_addStyle('.forum_content {background: #dcdcdc none !important;}');
  53. 		}
  54. 	}
  55.  
  56. 	grayBackgroundColor();
  57. 	let count = 0;
  58. 	let intervalId = setInterval(() => {
  59. 		for (let elem of document.getElementsByTagName('*')) {
  60. 			if (++count > 9) {
  61. 				break;   //次数过多也不再循环处理
  62. 			}
  63. 			let rgbaValues = window.getComputedStyle(elem)?.getPropertyValue('background-color')?.match(/\d+(\.\d+)?/g);
  64. 			if (rgbaValues) {
  65. 				let [red, green, blue, alpha] = rgbaValues;
  66. 				if (red > grayValue && green > grayValue && blue > grayValue && alpha != 0) {
  67. 					grayBackgroundColor();
  68. 					return;   //存在需要处理的元素，则处理后继续循环
  69. 				}
  70. 			}
  71. 		}
  72. 		clearInterval(intervalId);   //没有需要处理的元素，则不再循环处理
  73. 	}, 1234);
  74. 	
  75. 	(new MutationObserver(async mutations => {
  76. 		for (let mutation of mutations) {
  77. 			for (let elem of mutation.addedNodes) {
  78. 				if (elem.nodeType == 1) {   //元素节点
  79. 					grayElem(elem);
  80. 					for (let childNode of elem.getElementsByTagName('*')) {   //遍历所有子节点
  81. 						grayElem(childNode);
  82. 					}
  83. 				}
  84. 			}
  85. 		}
  86. 	})).observe(document.body, {
  87. 		childList: true,
  88. 		subtree: true
  89. 	});
  90. 	fixNotGray();
  91. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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