☰

Page Dimmer

Dims any webpages to ease your eyes when reading at night. CTRL + ALT + 0 to de/activate

目前為 2016-07-31 提交的版本，檢視 最新版本。

// ==UserScript==
// @name        Page Dimmer
// @description Dims any webpages to ease your eyes when reading at night. CTRL + ALT + 0 to de/activate
// @version     6
// @author      condoriano
// @namespace   condoriano_pagedimmer
// @include     *
// @grant       GM_getValue
// @grant       GM_setValue
// @grant       GM_deleteValue
// @grant       GM_listValues
// ==/UserScript==

(function() {
	if(window.top != window.self) return;
	var dim = document.createElement("div");
	dim.setAttribute("id", "pageDimmer");
	dim.style = "display: block; opacity: 0.8; background: #000; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; pointer-events: none;";
	document.body.appendChild(dim);

	if(GM_getValue('pageDimmer_display')) dim.style.display = GM_getValue('pageDimmer_display');
	if(GM_getValue('pageDimmer_opacity')) dim.style.opacity = GM_getValue('pageDimmer_opacity');

	function toggleDim() {
		dim.style.display = dim.style.display == 'block' ? 'none' : 'block';
		GM_setValue('pageDimmer_display', dim.style.display);
	}
	function adjustDim(add) {
		if(dim.style.display == 'none') toggleDim();
		var opac = parseFloat(dim.style.opacity);
		opac = add ? opac + 0.1 : opac - 0.1;
		opac = Math.min(Math.max(opac, 0.0), 1.0);
		dim.style.opacity = opac;
		GM_setValue('pageDimmer_opacity', dim.style.opacity);
	}
	document.addEventListener('keydown', function(e) {
		var key = e.keyCode || e.which;
		var kZero, kMinus, kPlus;
		if(/Firefox/.test(navigator.userAgent)) { kZero = key == 48 || key == 96; kMinus = key == 173 || key == 109; kPlus = key == 61 || key == 107; }
		else { kZero = key == 48 || key == 96; kMinus = key == 189 || key == 109; kPlus = key == 187 || key == 107; }
		if(e.ctrlKey && e.altKey) {
			if(kZero) toggleDim(); // key 0
			else if(kMinus) adjustDim(false); // key -
			else if(kPlus) adjustDim(true); // key =
		}
	});
})();