grayBackgroundColor

Greasy Fork is available in English.
grayBackgroundColor

将网页背景色改为护眼灰
当前为 2019-02-06 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name		grayBackgroundColor
// @namespace	https://github.com/sakuyaa/gm_scripts
// @author		sakuyaa
// @description	将网页背景色改为护眼灰
// @include		*
// @inject-into	auto
// @version		2019.2.6
// @compatible	firefox 44
// @grant		GM_addStyle
// @note		配合browser.display.background_color;#DCDCDC使用
// @run-at		document-end
// ==/UserScript==
(function() {
	let grayValue = 215;
	
	function grayElem(elem) {   //将元素变灰
		let elemStyle = window.getComputedStyle(elem);
		if (!elemStyle) {
			return;
		}
		let rgbaValues = elemStyle.getPropertyValue('background-color').match(/\d+(\.\d+)?/g);
		if (rgbaValues) {
			let red = rgbaValues[0];
			let green = rgbaValues[1];
			let blue = rgbaValues[2];
			if (red < grayValue || green < grayValue || blue < grayValue) {
				return;
			}
			//从215-255压缩到215-225
			if (rgbaValues[3]) {   //有alpha值
				elem.style.backgroundColor = 'rgba( ' +
					Math.floor((red - grayValue) / 4 + grayValue) + ', ' +
					Math.floor((green - grayValue) / 4 + grayValue) + ', ' +
					Math.floor((blue - grayValue) / 4 + grayValue) + ', ' +
					rgbaValues[3] + ')';
			} else {
				elem.style.backgroundColor = 'rgb( ' +
					Math.floor((red - grayValue) / 4 + grayValue) + ', ' +
					Math.floor((green - grayValue) / 4 + grayValue) + ', ' +
					Math.floor((blue - grayValue) / 4 + grayValue) + ')';
			}
		}
	}

	function grayBackgroundColor() {
		for (let elem of document.getElementsByTagName('*')) {
			grayElem(elem);
		}
		(new MutationObserver(mutations => {
			for (let mutation of mutations) {
				for (let elem of mutation.addedNodes) {
					if (elem.nodeType == 1) {   //元素节点
						grayElem(elem);
						for (let childNode of elem.getElementsByTagName('*')) {   //遍历所有子节点
							grayElem(childNode);
						}
					}
				}
			}
		})).observe(document, {
			childList: true,
			subtree: true
		});
	}

	function fixNotGray() {   //去除一些背景为空白图的网站
		switch (window.location.hostname) {
		case 'www.w3school.com.cn':
			GM_addStyle('#wrapper {background: #dcdcdc none !important;}');
			return;
		}
		let herf = window.location.href;
		if (/^https?:\/\/tieba\.baidu\.com\/f.+/i.test(herf)) {
			GM_addStyle('.forum_content {background: #dcdcdc none !important;}');
		}
	}

	grayBackgroundColor();
	fixNotGray();
})();