☰

Dim images

dim , darken images , reduce brightness

// ==UserScript==
// @name         Dim images
// @namespace    who knows
// @version      0.1
// @description  dim , darken images , reduce brightness
// @author       atylo
// @match        *://*/*
// @grant          GM_deleteValue
// @grant          GM_getResourceURL
// @grant          GM_getValue
// @grant          GM_openInTab
// @grant          GM_registerMenuCommand
// @grant          GM_setValue
// @grant          GM_xmlhttpRequest
// @grant          GM.deleteValue
// @grant          GM.getResourceUrl
// @grant          GM.getValue
// @grant          GM.openInTab
// @grant          GM.setValue
// @grant          GM.xmlHttpRequest
// @grant          unsafeWindow
// ==/UserScript==

(function() {
    'use strict';

// Create our stylesheet
var style = document.createElement('style');
style.innerHTML =
'img {' +
 'filter:brightness(0.5);' +
'}' +
'img:hover {' +
 'filter:brightness(0.9);' +
 'transition:1s;' +
'}' +
    'div.image-container {' +
 'filter:brightness(0.5);' +
'}' +
'div.image-container:hover {' +
 'filter:brightness(0.9);' +
 'transition:1s;' +
'}';

// Get the first script tag
var ref = document.querySelector('script');

// Insert our new styles before the first script tag
ref.parentNode.insertBefore(style, ref);

})();