Wetterfuchsbutton Script für userChrome.js

Endor

Hallo Mira_Belle und Wetterfuchsfreunde.
Ich habe bei Github jetzt die Dateien für den Wetterfuchs mit obiger Version aktualisiert.
Auch die CSS Dateien und das Symbol für die Schaltfläche habe ich hoch geladen.

userChrome.js/wetterfuchsbutton at master · Endor8/userChrome.js

Skripte für die Firefox-Erweiterung userChromeJS. Contribute to Endor8/userChrome.js development by creating an account on GitHub.

github.com

Vielen Dank besonders an Mira_Belle für die ganze Mühe.

Mfg.
Endor

Mira_Belle

Endor
Da für mich die Symbole fest zum Skript gehören,
habe ich das CSS auch da reingepackt!
Und was ich über base64 denke, ist bekannt.

Also ganz einfach folgenden Code ans Ende des Skripts einfügen.

CSS

  }, 30000);

  let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'image'));

  let css =`

    #wetterfuchs-toolbarbutton .toolbarbutton-menu-dropmarker {
      display: none ! important;
    }   
  
    /* Gemeinsame Basis für ALLE menu/menuitem-Elemente in diesem Kontext */
    menu[label^="DE Wetter"],
    menu[label^="DE Wetter"] menuitem,
    menu[label="DE Wetterkarten"],
    menu[label="DE Wetterkarten"] menuitem,
    menu[label="EU Wetter"],
    menu[label="EU Wetter"] menuitem,
    menu[label="Welt Wetter"],
    menu[label="Welt Wetter"] menuitem,
    menu[label="Blitzortung"],
    menu[label="Blitzortung"] menuitem,
    menu[label="Regionales Wetter"],
    menu[label="Regionales Wetter"] menuitem {
      appearance: none !important;
      background-position: 4px 50% !important;
      background-repeat: no-repeat !important;
    }

    /* Hover-Effekt zentral */
    /*
    menu[label^="DE Wetter"]:hover,
    menu[label^="DE Wetter"] menuitem:hover,
    menu[label="DE Wetterkarten"]:hover,
    menu[label="DE Wetterkarten"] menuitem:hover,
    menu[label="EU Wetter"]:hover,
    menu[label="EU Wetter"] menuitem:hover,
    menu[label="Welt Wetter"]:hover,
    menu[label="Welt Wetter"] menuitem:hover,
    menu[label="Blitzortung"]:hover,
    menu[label="Blitzortung"] menuitem:hover,
    menu[label="Regionales Wetter"]:hover,
    menu[label="Regionales Wetter"] menuitem:hover {
      background-color: #ecf0f6  !important;
    }
    */
    menu[label="DE Wetterdaten"] { background-image: url("${ProfilePath}/Wetterdaten_1.png") !important; }
    menu[label="DE Wetterdaten"] menuitem[label="Wetter aktuell"] { background-image: url("${ProfilePath}/Wetterdaten_2.png") !important; }
    menu[label="DE Wetterdaten"] menuitem[label="Vorhersage"] { background-image: url("${ProfilePath}/Wetterdaten_3.png") !important; }
    menu[label="DE Wetterdaten"] menuitem[label="Pollenbelastung"] { background-image: url("${ProfilePath}/Wetterdaten_4.png") !important; }
    menu[label="DE Wetterdaten"] menuitem[label="Wetterlage"] { background-image: url("${ProfilePath}/Wetterdaten_5.png") !important; }
    menu[label="DE Wetterdaten"] menuitem[label="UV-Index"] { background-image: url("${ProfilePath}/Wetterdaten_6.png") !important; }
    menu[label="DE Wetterdaten"] menuitem[label="Gesund. Beschwerden"] { background-image: url("${ProfilePath}/Wetterdaten_7.png") !important; }
    menu[label="DE Wetterdaten"] menuitem[label="Thermische Belastung"] { background-image: url("${ProfilePath}/Wetterdaten_8.png") !important; }
    menu[label="DE Wetterdaten"] menuitem[label="Flusspegel"] { background-image: url("${ProfilePath}/Wetterdaten_9.png") !important; }
    menu[label="DE Wetterdaten"] menuitem[label="Regenradar"] { background-image: url("${ProfilePath}/Wetterdaten_10.png") !important; }
    menu[label="DE Wetterdaten"] menuitem[label="Regenradar Vorhersage"] { background-image: url("${ProfilePath}/Wetterdaten_11.png") !important; }
    menu[label="DE Wetterdaten"] menuitem[label="Satellitenbild"] { background-image: url("${ProfilePath}/Wetterdaten_12.png") !important; }

    menu[label="DE Wetterkarten"] { background-image: url("${ProfilePath}/Wetterkarten_1.png") !important; }
    menu[label="DE Wetterkarten"] menuitem[label="Wetter aktuell"] { background-image: url("${ProfilePath}/Wetterkarten_2.png") !important; }
    menu[label="DE Wetterkarten"] menuitem[label="Vorhersage"] { background-image: url("${ProfilePath}/Wetterkarten_3.png") !important; }
    menu[label="DE Wetterkarten"] menuitem[label="Unwetterwarnung"] { background-image: url("${ProfilePath}/Wetterkarten_4.png") !important; }
    menu[label="DE Wetterkarten"] menuitem[label="Regenradar aktuell"] { background-image: url("${ProfilePath}/Wetterkarten_5.png") !important; }
    menu[label="DE Wetterkarten"] menuitem[label="Regenradarprognose"] { background-image: url("${ProfilePath}/Wetterkarten_6.png") !important; }

    menu[label="EU Wetter"] { background-image: url("${ProfilePath}/Wetter_1.png") !important; }
    menu[label="EU Wetter"] menuitem[label="Aktuell und Vorhersage"] { background-image: url("${ProfilePath}/Wetter_2.png") !important; }
    menu[label="EU Wetter"] menuitem[label="Regenradar aktuell"] { background-image: url("${ProfilePath}/Wetter_3.png") !important; }
    menu[label="EU Wetter"] menuitem[label="Unwetterwarnung"] { background-image: url("${ProfilePath}/Wetter_4.png") !important; }
    menu[label="EU Wetter"] menuitem[label="Regenradarprognose"] { background-image: url("${ProfilePath}/Wetter_5.png") !important; }

    menu[label="Welt Wetter"] { background-image: url("${ProfilePath}/Welt_1.png") !important; }
    menu[label="Welt Wetter"] menuitem[label="Aktuell"] { background-image: url("${ProfilePath}/Welt_2.png") !important; }
    menu[label="Welt Wetter"] menuitem[label="Vorhersage"] { background-image: url("${ProfilePath}/Welt_3.png") !important; }

    menu[label="Blitzortung"] { background-image: url("${ProfilePath}/Blitz_1.png") !important; }
    menu[label="Blitzortung"] menuitem[label="Mitteleuropa"] { background-image: url("${ProfilePath}/Blitz_2.png") !important; }
    menu[label="Blitzortung"] menuitem[label="Europa"] { background-image: url("${ProfilePath}/Blitz_3.png") !important; }
    menu[label="Blitzortung"] menuitem[label="Welt"] { background-image: url("${ProfilePath}/Blitz_4.png") !important; }

    menu[label="Regionales Wetter"] { background-image: url("${ProfilePath}/Regio_1.png") !important; }
    menu[label="Regionales Wetter"] menuitem[label="Aktuell und Vorhersage"] { background-image: url("${ProfilePath}/Regio_2.png") !important; }
    menu[label="Regionales Wetter"] menuitem[label="Unwetterwarnung"] { background-image: url("${ProfilePath}/Regio_3.png") !important; }
    menu[label="Regionales Wetter"] menuitem[label="Regenradar aktuell"] { background-image: url("${ProfilePath}/Regio_4.png") !important; }
    menu[label="Regionales Wetter"] menuitem[label="Regenradarprognose"] { background-image: url("${ProfilePath}/Regio_5.png") !important; }

  `;

  const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
  const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
  sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

})();

Alles anzeigen

Die Grafiken gehören in den Ordner "image" unter "chrome"

images.zip