☰

dark-one-fix

Adding background color for sites that miss that attribute (see screenshots)

  1. // ==UserScript==
  2. // @name        dark-one-fix
  3. // @namespace   dark-one-fix
  4. // @description Adding background color for sites that miss that attribute (see screenshots)
  5. // @include     http://*
  6. // @include     https://*
  7. // @version     0.1.0
  8. // @author      Sergey Ushakov <sergushakov.public@gmail.com>
  9. // @grant       none
  10. // ==/UserScript==
  11.  
  12. /* globals window, document, Array */
  13.  
  14. (function() {
  15.     'use strict';
  16.     
  17.     var bgColor = document.body.style.backgroundColor || "",
  18.         color = document.body.style.color || "",
  19.         inputs = ["input", "textarea"],
  20.         colors = {
  21.             bgColor: "#fff",
  22.             color: "#000"
  23.         },
  24.         mozDefColors = {
  25.             bgColor: "rgb(32, 31, 31)",
  26.             color: "rgb(212, 210, 207)"
  27.         }
  28.     ;
  29.     
  30.     if (bgColor.length === 0) {
  31.         document.body.style.backgroundColor = colors.bgColor;
  32.     }
  33.     
  34.     if (color.length === 0) {
  35.         document.body.style.color = colors.color;
  36.     }
  37.  
  38.     inputs.forEach(function(selector) {
  39.         
  40.         Array.prototype.forEach.call(document.querySelectorAll(selector), function(x){
  41.             
  42.             var style = window.getComputedStyle(x, null);
  43.             if (style.getPropertyValue("background-color") === mozDefColors.bgColor) {
  44.                 x.style.backgroundColor = colors.bgColor;
  45.             }
  46.             
  47.             if (style.getPropertyValue("color") === mozDefColors.color) {
  48.                 x.style.color = colors.color;
  49.             }
  50.         });
  51.     });
  52. })();