UserCSSLoader (2025)

Boersenfeger

Oh, stimmt... mein CSS dazu sieht jetzt seit dem Hinweis so aus:

CSS

/* UserStyles Loader Button */

#usercssloader-menu-item {
	background-image: url("../icons/CSS.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px;
	margin-top: 1px !important;
}

#usercssloader-menu-item:hover {
	background-color: var(--toolbarbutton-hover-background);
}

#usercssloader-menu-item #usercssloader-menu > .menu-text[value="CSS"] {
	opacity: 0;
	width: calc(2 * var(--toolbarbutton-inner-padding) + 24px);
	height: calc(2 * var(--toolbarbutton-inner-padding) + 24px);
}

Alles anzeigen

Allerdings ist da der Abstand zum linken und rechten Icon größer als bei den anderen in meiner Statuszeile. Vielleicht kann man ja noch da etwas ändern!? Bin jetzt gleich für einige Tage abwesend und würde mich dann wieder melden....

Mira_Belle

Versuche es einfach mal nur mit:

CSS

/* UserStyles Loader Button */

#usercssloader-menu-item {
	background-image: url("../icons/CSS.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px;
	margin-top: 1px !important;
}

#usercssloader-menu-item:hover {
	background-color: var(--toolbarbutton-hover-background);
}

#usercssloader-menu-item #usercssloader-menu > .menu-text[value="CSS"] {
	opacity: 0;
}

Alles anzeigen

2002Andreas

Zitat von Mira_Belle

Versuche es einfach mal nur mit:

Dann ist der Abstand noch größer:

mit seinem Code sogar etwas schmaler:

mit dem Code aus dem Skript so:

Und so, wenn man den Wert noch kleiner macht auf 8px:

Was mir aber gar nicht gefällt, bei hover passt der Hintergrund nicht:

So sieht das bei einem anderen Icon aus:

und so mit dem eingefügten:

Das müsste sich dann jemand mal genauer anssehen.

Zitat von 2002Andreas

Das müsste sich dann jemand mal genauer anssehen.

CSS

#usercssloader-menu-item {
	background-image: url("file:///C:/Users/weiss/IconsFirefox/CSS.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px;
	margin-top: 5px !important;
    margin-bottom: 5px !important;
}

die beiden unteren Werte sind neu eingefügt.

Und hier der Radius-Wert:

CSS

#usercssloader-menu-item:hover {
	background-color: var(--toolbarbutton-hover-background);
    border-radius: 5px !important;
}

Speravir

Zitat von Boersenfeger

Allerdings ist da der Abstand zum linken und rechten Icon größer als bei den anderen in meiner Statuszeile. Vielleicht kann man ja noch da etwas ändern!?

Ausgehend von Deinem zuvor geposteten Stil würde ich als Erstes das hier versuchen:

Code

#usercssloader-menu-item #usercssloader-menu > .menu-text[value="CSS"] {
	opacity: 0;
	width: calc(2 * var(--toolbarbutton-inner-padding) + 20px);
	height: calc(2 * var(--toolbarbutton-inner-padding) + 20px);
}

Dort ist jeweils der Wert von 24px zu 20px geändert.

Zitat von 2002Andreas
Was mir aber gar nicht gefällt, bei hover passt der Hintergrund nicht:
[…]
CSS
margin-top: 5px !important;
margin-bottom: 5px !important;
die beiden unteren Werte sind neu eingefügt.

Bei der Höhe meiner Leiste ist mir das überhaupt nicht aufgefallen.

Kannst du bitte das mal austesten:

CSS

#usercssloader-menu-item {
	height: var(--button-min-height);
}

Und, wenn das zu groß ist, als nächstes var(--button-min-height-small)? Ich hab noch nicht herausgefunden, wo die Unterscheidung stattfindet, wann welche Variable aktiviert wird.

Zitat von 2002Andreas

Und hier der Radius-Wert

Hmm, stiimmt. Ist mir auch nicht aufgefallen. Aber warum nur bei Hover? Und es gibt eine Variable dafür, also gleich mal mittesten:

CSS

#usercssloader-menu-item {
	border-radius: var(--toolbarbutton-border-radius);
}

Dann würde ich das alles noch in die Anleitung einfügen.

2002Andreas

Zitat von Speravir

Kannst du bitte das mal austesten:

Dann ist das Icon etwas zu hoch:

Zitat von Speravir

Und, wenn das zu groß ist,

Noch höher:

Hier funktioniert es nur so:

und bei hover:

Code

#usercssloader-menu-item {
	background-image: url("file:///C:/Users/weiss/IconsFirefox/CSS1.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
    border-radius: var(--toolbarbutton-border-radius);
    margin-top: 3px;  
    margin-bottom: 3px;  
}

#usercssloader-menu-item:hover {
	background-color: var(--toolbarbutton-hover-background);    
}

#usercssloader-menu > .menu-text[value="CSS"] {
	opacity: 0;
	width: calc(2 * var(--toolbarbutton-inner-padding) + 17px);
    height: calc(2 * var(--toolbarbutton-inner-padding) + 17px);
}

Alles anzeigen

Ich hoffe das hilft dir weiter.

bege

Speravir Danke für die erneuten Verbesserungen.

Leider funktioniert das Skript mit diesen Konfigurationen nicht:

Windows Explorer ist mit Parameter angegeben: Chrome- und CSS-Ordner werden nicht geöffnet, sondern nur im Elternordner ausgewählt, weil diese Abfrage aus meiner Version fehlt: if (fileManagerParam !== "/select,")
Windows Explorer ist ohne Parameter angegeben: Weder die Ordner lassen sich öffnen noch die Dateien im Explorer anzeigen. Aus der Konfigurationserklärung wird nicht deutlich, dass in deiner Version beim Explorer der Parameter angegeben werden muss.

Meine Überarbeitung hatte ja nur den Sinn, dass "Strg+Rechtsklick" auch mit dem Explorer funktioniert. Entweder müssen meine Ergänzungen mit eingebaut werden und die Konfiguration entsprechend deutlich sein, oder der Explorer-Hinweis wird wieder rausgenommen. Dann wird in deiner Version ja "Strg+Rechtsklick" nicht mehr angeboten. Dann aber dazu eine Erklärung ins Skript, damit man sich in einem Jahr nicht wieder fragt, warum das nicht geht.

Kleinigkeiten:

in den Zeilen 408 und 424 kann das Komma nach target weg, glaube ich.
Ich vermisse im Header @version und @compatibility, damit man bei zukünftigen Änderungen gleich sieht, welche Version man hat.

Mira_Belle

Windows Explorer ist ohne Parameter

Der Chrome- und CSS-Ordner werden geöffnet.

Windows Explorer ist mit Parameter

Der Chrome- und CSS-Ordner werden geöffnet.

Speravir

Zitat von bege

Leider funktioniert das Skript mit diesen Konfigurationen nicht:
Windows Explorer ist mit Parameter angegeben: Chrome- und CSS-Ordner werden nicht geöffnet, sondern nur im Elternordner ausgewählt, weil diese Abfrage aus meiner Version fehlt: if (fileManagerParam !== "/select,")
Windows Explorer ist ohne Parameter angegeben: Weder die Ordner lassen sich öffnen noch die Dateien im Explorer anzeigen. Aus der Konfigurationserklärung wird nicht deutlich, dass in deiner Version beim Explorer der Parameter angegeben werden muss.

Hmpf. Ich hatte das natürlich explizit getestet vor der letzten Veröffentlichung. Nachdem ich deinen Text gelesen habe, ging es aber bei mir auch nicht mehr – was nicht gut ist, weil das vermuten lässt, dass eine Race Condition vorhanden ist (bei Mira_Belle scheint beispielsweise alles zu funktionieren). Ich hatte die Sonderbehandlung des Windows-Explorer vermeiden wollen, habe nun aber die Bedingung eingebaut. Der Punkt „Chrome- und CSS-Ordner werden nicht geöffnet, sondern nur im Elternordner ausgewählt“ ist jedoch weiterhin gültig. Das erfordert einen einzigen weiteren Klick, damit sollte man leben können. Es kann sein, dass das schon vorher so war und mir nur nie aufgefallen ist.

Zitat von bege

Kleinigkeiten:
in den Zeilen 408 und 424 kann das Komma nach target weg, glaube ich.
Ich vermisse im Header @version und @compatibility, damit man bei zukünftigen Änderungen gleich sieht, welche Version man hat.

Kommata: Upps. So etwas Unscheinbares kann schon die Ursache für Probleme sein. Man sollte zwar denken, dass ein leerer (eigentlich: undefinierter) angehängter Parameter keine Rolle spielt, aber vielleicht wqr genau das die Ursache für die oben genannte Merkwürdigkeit.

Ich hatte den langen Header absichtlich entfernt, die Versionierung stimmte sowieso nicht richtig, ich wäre da eher für eine (ISO-)Datumsangabe. Zur Kompatibilität kann ich überhaupt nichts sagen und deshalb nichts derartiges im Skript eintragen.

Zitat von 2002Andreas

Ich hoffe das hilft dir weiter.

Danke, Andreas. Ich hab die entsprechenden Eigenschaften samt Werten eingefügt und diesen Text ergänzt:

Zitat

Absolute Zahlenwerte müssen eventuell etwas an die eigenen Gegebenheiten
angepasst werden (größeres Symbol, anderer Rand); der Zahlenwert für Höhe
und Breite des Menütextes ("CSS") sollte nicht größer sein als für das
Symbol (hier 16px).

Man könnte jetzt noch eine eigene angepasste Eigenschaft einführen, damit man nicht dreimal denselben Zahlenwert ändern muss, Es fragt sich nur, inwiefern man damit andere überfordert.

(Update: Korrektur und Hinweis entsprechend Vorschlag von bege in Beitrag #133.)

JavaScript

/* UserCSSLoader 2025-09-30
 *
 * original author: Griever -
 * https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
 *
 * Enhancements and several other changes including German translation
 * and configuration section by users aborix, Endor, bege, Speravir of
 * Camp Firefox forum - https://www.camp-firefox.de/forum/ - latest version:
 * https://www.camp-firefox.de/forum/thema/138814/?postID=1279211#post1279211
 */

/****** Bedienungsanleitung ******

CSS-Ordner im Chrome-Ordner erstellen, CSS-Dateien dort ablegen - speichern.
Diejenigen, deren Dateiname mit "xul-" beginnen, diejenigen, die mit ".as.css"
enden, sind AGENT_SHEET, alle anderen außer USER_SHEET werden gelesen. Da der
Inhalt der Datei nicht überprüft wird, darauf achten, die Angabe von @namespace
nicht zu vergessen!

Schaltfläche oder Menü wird in Navigationsleiste eingefügt (einstellbar, siehe
Variable "position" in unten anschließender Konfiguration).

Dateiordner, Dateimanager und Texteditor können in der unten anschließenden
Konfiguration geändert werden. Die Verwendung des in "view_source.editor.path"
angegebenen Editors ist möglich.

Linksklick auf Stil, zum Aktivieren/Deaktivieren
Mittelklick auf Stil zum Aktivieren/Deaktivieren, ohne Menü zu schließen
Rechtsklick auf Stil zum Öffnen im Editor
Strg+Linksklick zum Anzeigen im Dateimanager

Die Tastenkombinationen können im Menü eingeblendet werden, dazu nach 
"acceltext" suchen und den Zeilenkommentar "//" entfernen.

Ein Symbol für die Schaltfläche muss in der "userChrome.css" festgelegt werden,
Pfad zum Bild (PNG nur als Beispiel):
* relativ zur userChrome.css
    background-image: url("Relativer/Pfad/zum/CSS_Symbol.png");
* eine absolute Pfadangabe zum Symbol muss mit File-Protokoll-Präfix erfolgen:
    background-image: url("file:///Absoluter/Pfad/zum/CSS_Symbol.png");

Absolute Zahlenwerte müssen eventuell etwas an die eigenen Gegebenheiten
angepasst werden (größeres Symbol, anderer Rand); der Zahlenwert für Höhe
und Breite des Menütextes ("CSS") sollte nicht größer sein als für das
Symbol (hier 16px).

#usercssloader-menu-item {
	background-image: url("Relativer/Pfad/zum/CSS_Symbol.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	border-radius: var(--toolbarbutton-border-radius);
	margin-block: 3px;

	&:hover {
		background-color: var(--toolbarbutton-hover-background);
	}

	& #usercssloader-menu > .menu-text[value="CSS"] {
		opacity: 0;
		width: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
		height: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
	}
}

**** Ende der Anleitung ****/

(function(){

/***** Konfiguration *****/
/* Position: als frei verschiebbare-Schaltfläche = 0, als Menü anzeigen = 1 */
let position = 0;//1
/* Dateimanager festlegen, Beispiele:
 *    let fileManager = "C:\\Programme\\FreeCommanderXE\\FreeCommander.exe";
 *    let fileManager = "C:\\Programme\\totalcmd\\TOTALCMD.EXE";
 * auch möglich (Achtung, nur mit fileManagerParam = "/select,"!):
 *    let fileManager = "C:\\Windows\\explorer.exe";
 * Bleibt Parameter leer, wird Standardmanager des Systems ohne Parameter
 * verwendet mit leicht eingeschränkter Funktionalität. */
let fileManager = "";
/* eventuelle Parameter für den Dateimanager, Beispiele:
 *    let fileManagerParam = "/T";//FreeCommander oder Totalcommander
 *    let fileManagerParam = "/select,";//Windows Explorer, mit Komma korrekt!
 */
let fileManagerParam = "";
/* manche Manager benötigen den Parameter nach der Pfadangabe,
   dann "fileManagerParamPost" auf true setzen */
let fileManagerParamPost = false;
/* eigener Texteditor mit Pfad - Standard leer, dann wird Wert aus
 * Einstellung "view_source.editor.path" verwendet mit Warnmeldung,
 * wenn auch dieser leer ist, Beispiel:
 *    let customEditor = "C:\\Windows\\System32\\notepad.exe"; */
let customEditor = "";
/* Unterordner für die CSS-Dateien */
let cssFolder = "CSS";
/* Menüeintrag zum Bearbeiten der userChrome.css anzeigen (true)
   oder verstecken (false) */
let showUserChromeCSS = true;
/* Menüeintrag zum Bearbeiten der userContent.css anzeigen (true)
   oder verstecken (false) */
let showUserContentCSS = true;
/* zusätzlich Chrome-Ordner im Untermenü anzeigen (true)
   oder verstecken (false) */
let showChrome = true;
/***** Ende der Konfiguration *****/

// Wenn beim Start ein weiteres Fenster (zweites Fenster) vorhanden ist, beenden
let list = Services.wm.getEnumerator("navigator:browser");
while(list.hasMoreElements()){ if(list.getNext() != window) return; }

if (window.UCL) {
	window.UCL.destroy();
	delete window.UCL;
}

let menutooltip = "Linksklick: an/aus, Menü schließt\nMittelklick: an/aus, Menü bleibt offen\nRechtsklick: bearbeiten";
if (fileManager !== "") {
		menutooltip = menutooltip + "\nStrg+Rechtsklick: im Dateimanager anzeigen";
}

window.UCL = {
	AGENT_SHEET : Ci.nsIStyleSheetService.AGENT_SHEET,
	USER_SHEET  : Ci.nsIStyleSheetService.USER_SHEET,
	AUTHOR_SHEET: Ci.nsIStyleSheetService.AUTHOR_SHEET,
	readCSS: {},
	get disabled_list() {
		let obj = [];
		try {
			obj = decodeURIComponent(this.prefs.getCharPref("disabled_list")).split("|");
		} catch(e) {}
		delete this.disabled_list;
		return this.disabled_list = obj;
	},
	get prefs() {
		delete this.prefs;
		return this.prefs = Services.prefs.getBranch("UserCSSLoader.");
	},
	get styleSheetServices() {
		delete this.styleSheetServices;
		return this.styleSheetServices = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
	},
	get FOLDER() {
		let aFolder;
		try {
			// UserCSSLoader.FOLDER verwenden
			let folderPath = this.prefs.getCharPref("FOLDER");
			aFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
			aFolder.initWithPath(folderPath);
		} catch (e) {
			aFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
			aFolder.appendRelativePath(cssFolder);
		}
		if (!aFolder.exists() || !aFolder.isDirectory()) {
			aFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
		}
		delete this.FOLDER;
		return this.FOLDER = aFolder;
	},
	get CHRMFOLDER() {
			let cFolder;
			try {
					// UserCSSLoader.CHRMFOLDER verwenden
					let CHRMfolderPath = this.prefs.getCharPref("CHRMFOLDER");
					cFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
					cFolder.initWithPath(CHRMfolderPath);
			} catch (e) {
					cFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
			}
			if (!cFolder.exists() || !cFolder.isDirectory()) {
					cFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
			}
			delete this.CHRMFOLDER;
			return this.CHRMFOLDER = cFolder;
	},

	init: function() {
		const cssmenu = $C("menu", {
			id: "usercssloader-menu",
			label: "CSS",
			tooltiptext: "UserCSSLoader\n\nLinksklick: Stylesheets anzeigen\nMittelklick: Styles importieren",
			accesskey: "Y"
		});
		cssmenu.addEventListener("click", (event) => { if (event.button === 1) UCL.rebuild(); });
		const menupopup = $C("menupopup", {
			id: "usercssloader-menupopup"
		});
		cssmenu.appendChild(menupopup);

		let menu = $C("menu", {
			label: "Style-Loader-Menü",
			id: "style-loader-menu",
			accesskey: "S",
			//acceltext: "S"
		});
		menupopup.appendChild(menu);
		menupopup.appendChild($C("menuseparator"));

		let mp = $C("menupopup", { id: "usercssloader-submenupopup" });
		menu.appendChild(mp);
		let rebuildItem = $C("menuitem", {
			label: "Styles importieren",
			accesskey: "I",
			//acceltext: "I"
		});
		rebuildItem.addEventListener("command", () => UCL.rebuild());
		mp.appendChild(rebuildItem);
		mp.appendChild($C("menuseparator"));
		//
		let createCSS = $C("menuitem", {
			label: "CSS-Datei erstellen",
			accesskey: "D",
			//acceltext: "D"
		});
		createCSS.addEventListener("command", () => UCL.create());
		mp.appendChild(createCSS);
		let openFolder = $C("menuitem", {
			label: "CSS-Ordner öffnen",
			accesskey: "O",
			//acceltext: "O"
		});
		openFolder.addEventListener("command", () => UCL.openCSSFolder());
		mp.appendChild(openFolder);
		if (showChrome) {
				let openChromeFolder = $C("menuitem", {
					label: "Chrome-Ordner öffnen",
					accesskey: "X",
					//acceltext: "X"
				});
				openChromeFolder.addEventListener("command", () => UCL.openCHRMFolder());
				mp.appendChild(openChromeFolder);
		}
		if (showUserChromeCSS || showUserContentCSS)// wenigstens eine der beiden Variablen muss …
				mp.appendChild($C('menuseparator'));// … true sein, damit Trennlinie angezeigt wird
		if (showUserChromeCSS) {
				let editChromeItem = $C("menuitem", {
					label: "userChrome.css bearbeiten"
				});
				editChromeItem.addEventListener("command", () => UCL.editUserCSS("userChrome.css"));
				mp.appendChild(editChromeItem);
		}
		if (showUserContentCSS) {
				let editContentItem = $C("menuitem", {
					label: "userContent.css bearbeiten"
				});
				editContentItem.addEventListener("command", () => UCL.editUserCSS("userContent.css"));
				mp.appendChild(editContentItem);
		}

		CustomizableUI.createWidget({
			id: 'usercssloader-menu-item',
			type: 'custom',
			defaultArea: CustomizableUI.AREA_NAVBAR,
			onBuild: function(aDocument) {
				let toolbaritem = aDocument.createXULElement('toolbaritem');
				toolbaritem.id = 'usercssloader-menu-item';
				toolbaritem.className = 'chromeclass-toolbar-additional';
				return toolbaritem;
			}
		});
		$('usercssloader-menu-item').appendChild(cssmenu);

		if (position === 1) {
				let refNode = $('helpMenu');
				refNode.parentNode.insertBefore(cssmenu, refNode.nextSibling);
		}

		// Stile neu laden, ohne Menü zu öffnen
		let key = $C("key", {
			id: "usercssloader-rebuild-key",
			key: "R",
			modifiers: "alt",
		});
		key.addEventListener("command", () => UCL.rebuild());
		$("mainKeyset").appendChild(key);

		this.rebuild();
		this.initialized = true;
		window.addEventListener("unload", this, false);
	},
	uninit: function() {
		const dis = [];
		for (let x of Object.keys(this.readCSS)) {
			if (!this.readCSS[x].enabled)
				dis.push(x);
		}
		this.prefs.setCharPref("disabled_list", encodeURIComponent(dis.join("|")));
		window.removeEventListener("unload", this, false);
	},
	destroy: function() {
		var i = document.getElementById("usercssloader-menu");
		if (i) i.parentNode.removeChild(i);
		var i = document.getElementById("usercssloader-rebuild-key");
		if (i) i.parentNode.removeChild(i);
		this.uninit();
	},
	handleEvent: function(event) {
		switch(event.type){
			case "unload": this.uninit(); break;
		}
	},
	rebuild: function() {
		let ext = /\.css$/i;
		let not = /\.uc\.css/i;
		let files = this.FOLDER.directoryEntries.QueryInterface(Ci.nsISimpleEnumerator);

		while (files.hasMoreElements()) {
			let file = files.getNext().QueryInterface(Ci.nsIFile);
			if (!ext.test(file.leafName) || not.test(file.leafName)) continue;
			let CSS = this.loadCSS(file);
			CSS.flag = true;
		}
		for (let leafName of Object.keys(this.readCSS)) {
			const CSS = this.readCSS[leafName];
			if (!CSS.flag) {
				CSS.enabled = false;
				delete this.readCSS[leafName];
			}
			delete CSS.flag;
			this.rebuildMenu(leafName);
		}
		if (this.initialized) {
			if (typeof(StatusPanel) !== "undefined")
				StatusPanel._label = "Styles importiert";
			else
				XULBrowserWindow.statusTextField.label = "Styles importiert";
		}
	},
	loadCSS: function(aFile) {
		let CSS = this.readCSS[aFile.leafName];
		if (!CSS) {
			CSS = this.readCSS[aFile.leafName] = new CSSEntry(aFile);
			if (this.disabled_list.indexOf(CSS.leafName) === -1) {
				CSS.enabled = true;
			}
		} else if (CSS.enabled) {
			CSS.enabled = true;
		}
		return CSS;
	},
	rebuildMenu: function(aLeafName) {
		let CSS = this.readCSS[aLeafName];
		let menuitem = document.getElementById("usercssloader-" + aLeafName);
		if (!CSS) {
			if (menuitem)
				menuitem.parentNode.removeChild(menuitem);
			return;
		}

		if (!menuitem) {
			menuitem = $C("menuitem", {
				label: aLeafName,
				id: "usercssloader-" + aLeafName,
				class: "usercssloader-item " + (CSS.SHEET == this.AGENT_SHEET? "AGENT_SHEET" : CSS.SHEET == this.AUTHOR_SHEET? "AUTHOR_SHEET": "USER_SHEET"),
				type: "checkbox",
				autocheck: "false",
				tooltiptext: menutooltip
			});
			menuitem.addEventListener("command", () => UCL.toggle(aLeafName));
			menuitem.addEventListener("click", (event) => UCL.itemClick(event));
			menuitem.addEventListener("mouseup", (event) => { if (event.button === 1) event.preventDefault(); });
			document.getElementById("usercssloader-menupopup").appendChild(menuitem);
		}
		menuitem.setAttribute("checked", CSS.enabled);
	},
	toggle: function(aLeafName) {
		let CSS = this.readCSS[aLeafName];
		if (!CSS || event.ctrlKey) return;
		CSS.enabled = !CSS.enabled;
		this.rebuildMenu(aLeafName);
	},
	itemClick: function(event) {
		let label = event.currentTarget.getAttribute("label");
		event.preventDefault();
		event.stopPropagation();
		if (event.button === 0) {
				return;
		} else if (event.button === 1) {
				this.toggle(label);
		} else if (event.button === 2) {
				if (event.ctrlKey && fileManager  !== "") {
						UCL.showFile(label);
				} else {
				closeMenus(event.target);
				this.edit(this.getFileFromLeafName(label));
				}
		}
	},
	getFileFromLeafName: function(aLeafName) {
		let f = this.FOLDER.clone();
		f.QueryInterface(Ci.nsIFile); // use appendRelativePath
		f.appendRelativePath(aLeafName);
		return f;
	},
	showFile: function(fname) {
				const PathSep = AppConstants.platform === "win" ? "\\" : "/";
				let target= this.FOLDER.path + PathSep + fname;
				let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
				let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
				let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
				           [target,fileManagerParam];
				file.initWithPath(fileManager);
				process.init(file);
				// Verzeichnis mit anderem Dateimanager öffnen
				process.run(false, args, args.length);
	},
	openCSSFolder:function(){
		if (fileManager !== "" && fileManagerParam !== "/select,") {
				let target = this.FOLDER.path;
				let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
				let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
				let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
				           [target,fileManagerParam];
				file.initWithPath(fileManager);
				process.init(file);
				// Verzeichnis mit anderem Dateimanager öffnen
				process.run(false, args, args.length);
		} else {
				// Verzeichnis mit Dateimanager des Systems öffnen
				this.FOLDER.launch();
		}
	},
	openCHRMFolder:function(){
		if (fileManager !== "" && fileManagerParam !== "/select,") {
				let target = this.CHRMFOLDER.path;
				let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
				let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
				let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
				           [target,fileManagerParam];
				file.initWithPath(fileManager);
				process.init(file);
				// Verzeichnis mit anderem Dateimanager öffnen
				process.run(false, args, args.length);
		} else {
				// Verzeichnis mit Dateimanager des Systems öffnen
				this.CHRMFOLDER.launch();
		}
	},
	editUserCSS: function(aLeafName) {
		let file = Services.dirsvc.get("UChrm", Ci.nsIFile);
		file.appendRelativePath(aLeafName);
		this.edit(file);
	},
	edit: function(aFile) {
		let editor = (customEditor !== "") ? customEditor : Services.prefs.getCharPref("view_source.editor.path");
		if (!editor) return alert('In der Konfiguration einen Texteditor festlegen ("customEditor") oder\n unter about:config im vorhandenen Schalter "view_source.editor.path"\n den vollständigen Editorpfad eintragen.');
		try {
			let UI = Cc["@mozilla.org/intl/scriptableunicodeconverter"].createInstance(Ci.nsIScriptableUnicodeConverter);
			UI.charset = window.navigator.platform.toLowerCase().indexOf("win") >= 0? "Shift_JIS": "UTF-8";
			let path = UI.ConvertFromUnicode(aFile.path);
			let app = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
			app.initWithPath(editor);
			let process = Cc["@mozilla.org/process/util;1"].createInstance(Ci.nsIProcess);
			process.init(app);
			process.run(false, [path], 1);
		} catch (e) {}
	},
	create: function(aLeafName) {
		if (!aLeafName) aLeafName = prompt("Name des Styles", dateFormat(new Date(), "%Y_%m%d_%H%M%S"));
		if (aLeafName) aLeafName = aLeafName.replace(/\s+/g, " ").replace(/[\\/:*?\"<>|]/g, "");
		if (!aLeafName || !/\S/.test(aLeafName)) return;
		if (!/\.css$/.test(aLeafName)) aLeafName += ".css";
		let file = this.getFileFromLeafName(aLeafName);
		this.edit(file);
	},
	UCrebuild: function() {
		let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
		let query = "?" + new Date().getTime();
		Array.slice(document.styleSheets).forEach(function(css){
			if (!re.test(css.href)) return;
			if (css.ownerNode) {
				css.ownerNode.parentNode.removeChild(css.ownerNode);
			}
			let pi = document.createProcessingInstruction('xml-stylesheet','type="text/css" href="'+ css.href.replace(/\?.*/, '') + query +'"');
			document.insertBefore(pi, document.documentElement);
		});
		UCL.UCcreateMenuitem();
	},
	UCcreateMenuitem: function() {
		let sep = $("usercssloader-ucseparator");
		let popup = sep.parentNode;
		if (sep.nextSibling) {
			let range = document.createRange();
			range.setStartAfter(sep);
			range.setEndAfter(popup.lastChild);
			range.deleteContents();
			range.detach();
		}

		let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
		Array.slice(document.styleSheets).forEach(function(css) {
			if (!re.test(css.href)) return;
			let fileURL = decodeURIComponent(css.href).split("?")[0];
			let aLeafName = fileURL.split("/").pop();
			let m = $C("menuitem", {
				label: aLeafName,
				tooltiptext: fileURL,
				id: "usercssloader-" + aLeafName,
				type: "checkbox",
				autocheck: "false",
				checked: "true",
			});
			m.css = css;
			m.addEventListener("command", function() {
				if (!event.ctrlKey) {this.setAttribute("checked", !(this.css.disabled = !this.css.disabled));}
			});
			m.addEventListener("mouseup", function(event) {
				if (event.button === 1) event.preventDefault();
			});
			m.addEventListener("click", function(event) {
				UCL.UCItemClick(event);
			});
			popup.appendChild(m);
		});
	},
	UCItemClick: function(event) {
		if (event.button === 0) return;
		event.preventDefault();
		event.stopPropagation();

		if (event.button === 1) {
			event.target.doCommand();
		}
		else if (event.button === 2) {
			closeMenus(event.target);
			let fileURL = event.currentTarget.getAttribute("tooltiptext");
			let file = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getFileFromURLSpec(fileURL);
			this.edit(file);
		}
	},
};

function CSSEntry(aFile) {
	this.path = aFile.path;
	this.leafName = aFile.leafName;
	this.lastModifiedTime = 1;
	this.SHEET = /^xul-|\.as\.css$/i.test(this.leafName) ?
		Ci.nsIStyleSheetService.AGENT_SHEET:
		/\.author\.css$/i.test(this.leafName)?
			Ci.nsIStyleSheetService.AUTHOR_SHEET:
			Ci.nsIStyleSheetService.USER_SHEET;
}
CSSEntry.prototype = {
	sss: Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService),
	_enabled: false,
	get enabled() {
		return this._enabled;
	},
	set enabled(isEnable) {
		let aFile = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile)
		aFile.initWithPath(this.path);

		let isExists = aFile.exists(); // true, wenn die Datei bereits existiert
		let lastModifiedTime = isExists ? aFile.lastModifiedTime : 0;
		let isForced = this.lastModifiedTime != lastModifiedTime; //true, wenn es eine Änderung in der Datei gibt

		let fileURL = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getURLSpecFromActualFile(aFile);
		let uri = Services.io.newURI(fileURL, null, null);

		if (this.sss.sheetRegistered(uri, this.SHEET)) {
			// Wenn diese Datei bereits gelesen wurde
			if (!isEnable || !isExists) {
				this.sss.unregisterSheet(uri, this.SHEET);
			}
			else if (isForced) {
				// Nach Stornierung erneut einlesen
				this.sss.unregisterSheet(uri, this.SHEET);
				this.sss.loadAndRegisterSheet(uri, this.SHEET);
			}
		} else {
			// Datei wurde nicht gelesen
			if (isEnable && isExists) {
				this.sss.loadAndRegisterSheet(uri, this.SHEET);
			}
		}
		if (this.lastModifiedTime !== 1 && isEnable && isForced) {
			log(this.leafName + " wurde aktualisiert");
		}
		this.lastModifiedTime = lastModifiedTime;
		return this._enabled = isEnable;
	},
};

UCL.init();

function $(id) { return document.getElementById(id); }
function $A(arr) { return Array.slice(arr); }
function $C(name, attr) {
	const el = document.createXULElement(name);
	if (attr) Object.keys(attr).forEach(function(n) { el.setAttribute(n, attr[n]) });
	return el;
}
function dateFormat(date, format) {
	format = format.replace("%Y", ("000" + date.getFullYear()).substr(-4));
	format = format.replace("%m", ("0" + (date.getMonth()+1)).substr(-2));
	format = format.replace("%d", ("0" + date.getDate()).substr(-2));
	format = format.replace("%H", ("0" + date.getHours()).substr(-2));
	format = format.replace("%M", ("0" + date.getMinutes()).substr(-2));
	format = format.replace("%S", ("0" + date.getSeconds()).substr(-2));
	return format;
}

function log(mes) { console.log(mes); }
})();

Alles anzeigen

Mira_Belle

Neues Skript!

Windows Explorer ist ohne Parameter

Der Chrome- und CSS-Ordner werden im Explorer geöffnet.

Windows Explorer ist mit Parameter let fileManagerParam = "/select,";

Und auch hier, der Chrome- und CSS-Ordner werden im Explorer geöffnet.

Es spielt also keine Rolle, ob ich einen Parameter angebe oder nicht.
Was die Einschränkungen sein sollen, mir ist nichts aufgefallen.
Der Explorer verhält sich gleich.

Speravir

Zitat von Mira_Belle

Was die Einschränkungen sein sollen, mir ist nichts aufgefallen.
Der Explorer verhält sich gleich.

Nein, nicht völlig. Wenn man fileManager leer lässt, funktioniert das hier nicht:

Code

Strg+Rechtsklick: im Dateimanager anzeigen

Das bezieht sich auf die Dateien im CSS-Ordner (der, dessen Benennung man mit cssFolder festlegen kann).

Boersenfeger

Zitat von Speravir
Ausgehend von Deinem zuvor geposteten Stil würde ich als Erstes das hier versuchen:
Code
#usercssloader-menu-item #usercssloader-menu > .menu-text[value="CSS"] {
	opacity: 0;
	width: calc(2 * var(--toolbarbutton-inner-padding) + 20px);
	height: calc(2 * var(--toolbarbutton-inner-padding) + 20px);
}
Sorry für die späte Antwort, war auf Reisen.
Ich habe jetzt diese Werte genommen, damit passt es, vielen Dank!
width: calc(2 * var(--toolbarbutton-inner-padding) + 12px);
height: calc(2 * var(--toolbarbutton-inner-padding) + 12px);

Speravir

Endor hat das Skript in der Version aus Beitrag #128 jetzt bei GitHub hochgeladen (danke):

userChrome.js/Firefox 143/usercssloader/usercssloader.uc.js 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

bege

Zitat von Speravir

Der Punkt „Chrome- und CSS-Ordner werden nicht geöffnet, sondern nur im Elternordner ausgewählt“ ist jedoch weiterhin gültig. Das erfordert einen einzigen weiteren Klick, damit sollte man leben können. Es kann sein, dass das schon vorher so war und mir nur nie aufgefallen ist.

Ich bin erst jetzt dazu gekommen, die neue Version zu testen.

In den Zeilen 407 und 423 ist ein Flüchtigkeitsfehler. Dort steht
if (fileManager !== "" && fileManager !== "/select,") {
stattdessen muss es heißen
if (fileManager !== "" && fileManagerParam !== "/select,") {

Wenn ein alternativer Dateimanager mit oder ohne Parameter oder der Explorer mit dem Parameter /select, eingetragen ist, funktioniert bei mir alles, auch das Öffnen der Ordner.

Ist der Explorer ohne Parameter eingetragen, wird statt der Ordner der Explorer normal geöffnet (bei mir mit dem Dokumente-Ordner). Das gleiche bei Strg+Rechtsklick. Das soll dann auch gar nicht zur Verfügung stehen, aber da der Explorer als fileManager eingetragen ist, wird der Tooltip angezeigt. Beim Tooltip lässt sich das noch einfach lösen, aber beim Öffnen der Ordner wird's schwierig. Einfacher wäre, in der Konfiguration darauf hinzuweisen, dass der Parameter /select, eingetragen werden muss, wenn let fileManager = "C:\\Windows\\explorer.exe";.

Mit diesen drei Änderungen habe ich keine Fehler mehr gefunden.

Speravir

Zitat von bege

Ich bin erst jetzt dazu gekommen, die neue Version zu testen.
In den Zeilen 407 und 423 ist ein Flüchtigkeitsfehler.

Danke fürs Durchsehen und: Upps.

Zitat von bege

Einfacher wäre, in der Konfiguration darauf hinzuweisen, dass der Parameter /select, eingetragen werden muss,

Stimmt, ich hab mal einen entsprechenden Hinweis zu Beginn eingefügt.

Siehe aktualisiertes Skript in Beitrag #128, beachte das geänderte Datum, Bege. Endor, ich hoffe, Du kannst es bei dir updaten?!

Endor

Hallo Speravir.
Ist aktualisiert:

Update usercssloader.uc.js · Endor8/userChrome.js@9642390

Aktualisierung von Speravir - camp-firefox.de

github.com

Mfg.
Endor

Mira_Belle

Ich war mal so frei und habe das Menü erweitert!

Wie man unschwer erkennen kann, können nun auch die Dateien "prefs.js" & "user.js" zum Bearbeiten geöffnet werden.

JavaScript

/* UserCSSLoader 2025-10-04
 *
 * original author: Griever -
 * https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
 *
 * Enhancements and several other changes including German translation
 * and configuration section by users aborix, Endor, bege, Speravir of
 * Camp Firefox forum - https://www.camp-firefox.de/forum/ - latest version:
 * https://www.camp-firefox.de/forum/thema/138814/?postID=1280500#post1280500
 */

/****** Bedienungsanleitung ******

CSS-Ordner im Chrome-Ordner erstellen, CSS-Dateien dort ablegen - speichern.
Diejenigen, deren Dateiname mit "xul-" beginnen, diejenigen, die mit ".as.css"
enden, sind AGENT_SHEET, alle anderen außer USER_SHEET werden gelesen. Da der
Inhalt der Datei nicht überprüft wird, darauf achten, die Angabe von @namespace
nicht zu vergessen!

Schaltfläche oder Menü wird in Navigationsleiste eingefügt (einstellbar, siehe
Variable "position" in unten anschließender Konfiguration).

Dateiordner, Dateimanager und Texteditor können in der unten anschließenden
Konfiguration geändert werden. Die Verwendung des in "view_source.editor.path"
angegebenen Editors ist möglich.

Linksklick auf Stil, zum Aktivieren/Deaktivieren
Mittelklick auf Stil zum Aktivieren/Deaktivieren, ohne Menü zu schließen
Rechtsklick auf Stil zum Öffnen im Editor
Strg+Linksklick zum Anzeigen im Dateimanager

Die Tastenkombinationen können im Menü eingeblendet werden, dazu nach 
"acceltext" suchen und den Zeilenkommentar "//" entfernen.

Ein Symbol für die Schaltfläche muss in der "userChrome.css" festgelegt werden,
Pfad zum Bild (PNG nur als Beispiel):
* relativ zur userChrome.css
    background-image: url("Relativer/Pfad/zum/CSS_Symbol.png");
* eine absolute Pfadangabe zum Symbol muss mit File-Protokoll-Präfix erfolgen:
    background-image: url("file:///Absoluter/Pfad/zum/CSS_Symbol.png");

Absolute Zahlenwerte müssen eventuell etwas an die eigenen Gegebenheiten
angepasst werden (größeres Symbol, anderer Rand); der Zahlenwert für Höhe
und Breite des Menütextes ("CSS") sollte nicht größer sein als für das
Symbol (hier 16px).

#usercssloader-menu-item {
	background-image: url("Relativer/Pfad/zum/CSS_Symbol.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	border-radius: var(--toolbarbutton-border-radius);
	margin-block: 3px;

	&:hover {
		background-color: var(--toolbarbutton-hover-background);
	}

	& #usercssloader-menu > .menu-text[value="CSS"] {
		opacity: 0;
		width: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
		height: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
	}
}

**** Ende der Anleitung ****/

(function(){

/***** Konfiguration *****/
/* Position: als frei verschiebbare-Schaltfläche = 0, als Menü anzeigen = 1 */
let position = 0;//1
/* Dateimanager festlegen, Beispiele:
 *    let fileManager = "C:\\Programme\\FreeCommanderXE\\FreeCommander.exe";
 *    let fileManager = "C:\\Programme\\totalcmd\\TOTALCMD.EXE";
 * auch möglich (Achtung, nur mit fileManagerParam = "/select,"!):
 *    let fileManager = "C:\\Windows\\explorer.exe";
 * Bleibt Parameter leer, wird Standardmanager des Systems ohne Parameter
 * verwendet mit leicht eingeschränkter Funktionalität. */
let fileManager = "C:\\Windows\\explorer.exe";
/* eventuelle Parameter für den Dateimanager, Beispiele:
 *    let fileManagerParam = "/T";//FreeCommander oder Totalcommander
 *    let fileManagerParam = "/select,";//Windows Explorer, mit Komma korrekt!
 */
let fileManagerParam = "/select,";
/* manche Manager benötigen den Parameter nach der Pfadangabe,
   dann "fileManagerParamPost" auf true setzen */
let fileManagerParamPost = false;
/* eigener Texteditor mit Pfad - Standard leer, dann wird Wert aus
 * Einstellung "view_source.editor.path" verwendet mit Warnmeldung,
 * wenn auch dieser leer ist, Beispiel:
 *    let customEditor = "C:\\Windows\\System32\\notepad.exe"; */
let customEditor = "C:\\Program Files\\Microsoft VS Code\\Code.exe";
/* Unterordner für die CSS-Dateien */
let cssFolder = "CSS";
/* zusätzlich Chrome-Ordner im Untermenü anzeigen (true)
   oder verstecken (false) */
let showChrome = true;
/* Menüeintrag zum Bearbeiten der userChrome.css anzeigen (true)
   oder verstecken (false) */
let showUserChromeCSS = true;
/* Menüeintrag zum Bearbeiten der userContent.css anzeigen (true)
   oder verstecken (false) */
let showUserContentCSS = true;
/* Menüeintrag zum Bearbeiten der pref.js anzeigen (true)
   oder verstecken (false) */
let showPrefsJS = true;
/* Menüeintrag zum Bearbeiten der user.js anzeigen (true)
   oder verstecken (false) */
let showUserJS = true;
/***** Ende der Konfiguration *****/

// Wenn beim Start ein weiteres Fenster (zweites Fenster) vorhanden ist, beenden
let list = Services.wm.getEnumerator("navigator:browser");
while(list.hasMoreElements()){ if(list.getNext() != window) return; }
if (window.UCL) {
	window.UCL.destroy();
	delete window.UCL;
}
let menutooltip = "Linksklick: an/aus, Menü schließt\nMittelklick: an/aus, Menü bleibt offen\nRechtsklick: bearbeiten";
if (fileManager !== "") {
		menutooltip = menutooltip + "\nStrg+Rechtsklick: im Dateimanager anzeigen";
}
window.UCL = {
	AGENT_SHEET : Ci.nsIStyleSheetService.AGENT_SHEET,
	USER_SHEET  : Ci.nsIStyleSheetService.USER_SHEET,
	AUTHOR_SHEET: Ci.nsIStyleSheetService.AUTHOR_SHEET,
	readCSS: {},
	get disabled_list() {
		let obj = [];
		try {
			obj = decodeURIComponent(this.prefs.getCharPref("disabled_list")).split("|");
		} catch(e) {}
		delete this.disabled_list;
		return this.disabled_list = obj;
	},
	get prefs() {
		delete this.prefs;
		return this.prefs = Services.prefs.getBranch("UserCSSLoader.");
	},
	get styleSheetServices() {
		delete this.styleSheetServices;
		return this.styleSheetServices = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
	},
	get FOLDER() {
		let aFolder;
		try {
			// UserCSSLoader.FOLDER verwenden
			let folderPath = this.prefs.getCharPref("FOLDER");
			aFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
			aFolder.initWithPath(folderPath);
		} catch (e) {
			aFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
			aFolder.appendRelativePath(cssFolder);
		}
		if (!aFolder.exists() || !aFolder.isDirectory()) {
			aFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
		}
		delete this.FOLDER;
		return this.FOLDER = aFolder;
	},
	get CHRMFOLDER() {
			let cFolder;
			try {
					// UserCSSLoader.CHRMFOLDER verwenden
					let CHRMfolderPath = this.prefs.getCharPref("CHRMFOLDER");
					cFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
					cFolder.initWithPath(CHRMfolderPath);
			} catch (e) {
					cFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
			}
			if (!cFolder.exists() || !cFolder.isDirectory()) {
					cFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
			}
			delete this.CHRMFOLDER;
			return this.CHRMFOLDER = cFolder;
	},
	init: function() {
		const cssmenu = $C("menu", {
			id: "usercssloader-menu",
			label: "CSS",
			tooltiptext: "UserCSSLoader\n\nLinksklick: Stylesheets anzeigen\nMittelklick: Styles importieren",
			accesskey: "Y"
		});
		cssmenu.addEventListener("click", (event) => { if (event.button === 1) UCL.rebuild(); });
		const menupopup = $C("menupopup", {
			id: "usercssloader-menupopup"
		});
		cssmenu.appendChild(menupopup);
		let menu = $C("menu", {
			label: "Style-Loader-Menü",
			id: "style-loader-menu",
			accesskey: "S",
			//acceltext: "S"
		});
		menupopup.appendChild(menu);
		menupopup.appendChild($C("menuseparator"));
		let mp = $C("menupopup", { id: "usercssloader-submenupopup" });
		menu.appendChild(mp);
		let rebuildItem = $C("menuitem", {
			label: "Styles importieren",
			accesskey: "I",
			//acceltext: "I"
		});
		rebuildItem.addEventListener("command", () => UCL.rebuild());
		mp.appendChild(rebuildItem);
		mp.appendChild($C("menuseparator"));
		//
		let createCSS = $C("menuitem", {
			label: "CSS-Datei erstellen",
			accesskey: "D",
			//acceltext: "D"
		});
		createCSS.addEventListener("command", () => UCL.create());
		mp.appendChild(createCSS);
		let openFolder = $C("menuitem", {
			label: "CSS-Ordner öffnen",
			accesskey: "O",
			//acceltext: "O"
		});
		openFolder.addEventListener("command", () => UCL.openCSSFolder());
		mp.appendChild(openFolder);
		if (showChrome) {
				let openChromeFolder = $C("menuitem", {
					label: "Chrome-Ordner öffnen",
					accesskey: "X",
					//acceltext: "X"
				});
				openChromeFolder.addEventListener("command", () => UCL.openCHRMFolder());
				mp.appendChild(openChromeFolder);
		}
		if (showUserChromeCSS || showUserContentCSS)// wenigstens eine der beiden Variablen muss …
				mp.appendChild($C('menuseparator'));// … true sein, damit Trennlinie angezeigt wird
		if (showUserChromeCSS) {
				let editChromeItem = $C("menuitem", {
					label: "userChrome.css bearbeiten"
				});
				editChromeItem.addEventListener("command", () => UCL.editUserCSS("userChrome.css"));
				mp.appendChild(editChromeItem);
		}
		if (showUserContentCSS) {
				let editContentItem = $C("menuitem", {
					label: "userContent.css bearbeiten"
				});
				editContentItem.addEventListener("command", () => UCL.editUserCSS("userContent.css"));
				mp.appendChild(editContentItem);
		}
		if (showPrefsJS || showUserJS)
			mp.appendChild($C('menuseparator')); // Trennlinie

		if (showPrefsJS) {
			let editPrefsItem = $C("menuitem", {
				label: "prefs.js bearbeiten"
			});
			editPrefsItem.addEventListener("command", () => UCL.editProfileFile("prefs.js"));
			mp.appendChild(editPrefsItem);
		}
		if (showUserJS) {
			let editUserJsItem = $C("menuitem", {
				label: "user.js bearbeiten"
			});
			editUserJsItem.addEventListener("command", () => UCL.editProfileFile("user.js"));
			mp.appendChild(editUserJsItem);
		}
		CustomizableUI.createWidget({
			id: 'usercssloader-menu-item',
			type: 'custom',
			defaultArea: CustomizableUI.AREA_NAVBAR,
			onBuild: function(aDocument) {
				let toolbaritem = aDocument.createXULElement('toolbaritem');
				toolbaritem.id = 'usercssloader-menu-item';
				toolbaritem.className = 'chromeclass-toolbar-additional';
				return toolbaritem;
			}
		});
		$('usercssloader-menu-item').appendChild(cssmenu);
		if (position === 1) {
				let refNode = $('helpMenu');
				refNode.parentNode.insertBefore(cssmenu, refNode.nextSibling);
		}
		// Stile neu laden, ohne Menü zu öffnen
		let key = $C("key", {
			id: "usercssloader-rebuild-key",
			key: "R",
			modifiers: "alt",
		});
		key.addEventListener("command", () => UCL.rebuild());
		$("mainKeyset").appendChild(key);
		this.rebuild();
		this.initialized = true;
		window.addEventListener("unload", this, false);
	},
	uninit: function() {
		const dis = [];
		for (let x of Object.keys(this.readCSS)) {
			if (!this.readCSS[x].enabled)
				dis.push(x);
		}
		this.prefs.setCharPref("disabled_list", encodeURIComponent(dis.join("|")));
		window.removeEventListener("unload", this, false);
	},
	destroy: function() {
		var i = document.getElementById("usercssloader-menu");
		if (i) i.parentNode.removeChild(i);
		var i = document.getElementById("usercssloader-rebuild-key");
		if (i) i.parentNode.removeChild(i);
		this.uninit();
	},
	handleEvent: function(event) {
		switch(event.type){
			case "unload": this.uninit(); break;
		}
	},
	rebuild: function() {
		let ext = /\.css$/i;
		let not = /\.uc\.css/i;
		let files = this.FOLDER.directoryEntries.QueryInterface(Ci.nsISimpleEnumerator);
		while (files.hasMoreElements()) {
			let file = files.getNext().QueryInterface(Ci.nsIFile);
			if (!ext.test(file.leafName) || not.test(file.leafName)) continue;
			let CSS = this.loadCSS(file);
			CSS.flag = true;
		}
		for (let leafName of Object.keys(this.readCSS)) {
			const CSS = this.readCSS[leafName];
			if (!CSS.flag) {
				CSS.enabled = false;
				delete this.readCSS[leafName];
			}
			delete CSS.flag;
			this.rebuildMenu(leafName);
		}
		if (this.initialized) {
			if (typeof(StatusPanel) !== "undefined")
				StatusPanel._label = "Styles importiert";
			else
				XULBrowserWindow.statusTextField.label = "Styles importiert";
		}
	},
	loadCSS: function(aFile) {
		let CSS = this.readCSS[aFile.leafName];
		if (!CSS) {
			CSS = this.readCSS[aFile.leafName] = new CSSEntry(aFile);
			if (this.disabled_list.indexOf(CSS.leafName) === -1) {
				CSS.enabled = true;
			}
		} else if (CSS.enabled) {
			CSS.enabled = true;
		}
		return CSS;
	},
	rebuildMenu: function(aLeafName) {
		let CSS = this.readCSS[aLeafName];
		let menuitem = document.getElementById("usercssloader-" + aLeafName);
		if (!CSS) {
			if (menuitem)
				menuitem.parentNode.removeChild(menuitem);
			return;
		}
		if (!menuitem) {
			menuitem = $C("menuitem", {
				label: aLeafName,
				id: "usercssloader-" + aLeafName,
				class: "usercssloader-item " + (CSS.SHEET == this.AGENT_SHEET? "AGENT_SHEET" : CSS.SHEET == this.AUTHOR_SHEET? "AUTHOR_SHEET": "USER_SHEET"),
				type: "checkbox",
				autocheck: "false",
				tooltiptext: menutooltip
			});
			menuitem.addEventListener("command", () => UCL.toggle(aLeafName));
			menuitem.addEventListener("click", (event) => UCL.itemClick(event));
			menuitem.addEventListener("mouseup", (event) => { if (event.button === 1) event.preventDefault(); });
			document.getElementById("usercssloader-menupopup").appendChild(menuitem);
		}
		menuitem.setAttribute("checked", CSS.enabled);
	},
	toggle: function(aLeafName) {
		let CSS = this.readCSS[aLeafName];
		if (!CSS || event.ctrlKey) return;
		CSS.enabled = !CSS.enabled;
		this.rebuildMenu(aLeafName);
	},
	itemClick: function(event) {
		let label = event.currentTarget.getAttribute("label");
		event.preventDefault();
		event.stopPropagation();
		if (event.button === 0) {
				return;
		} else if (event.button === 1) {
				this.toggle(label);
		} else if (event.button === 2) {
				if (event.ctrlKey && fileManager  !== "") {
						UCL.showFile(label);
				} else {
				closeMenus(event.target);
				this.edit(this.getFileFromLeafName(label));
				}
		}
	},
	getFileFromLeafName: function(aLeafName) {
		let f = this.FOLDER.clone();
		f.QueryInterface(Ci.nsIFile); // use appendRelativePath
		f.appendRelativePath(aLeafName);
		return f;
	},
	showFile: function(fname) {
				const PathSep = AppConstants.platform === "win" ? "\\" : "/";
				let target= this.FOLDER.path + PathSep + fname;
				let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
				let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
				let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
				           [target,fileManagerParam];
				file.initWithPath(fileManager);
				process.init(file);
				// Verzeichnis mit anderem Dateimanager öffnen
				process.run(false, args, args.length);
	},
	openCSSFolder:function(){
		if (fileManager !== "" && fileManagerParam !== "/select,") {
				let target = this.FOLDER.path;
				let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
				let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
				let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
				           [target,fileManagerParam];
				file.initWithPath(fileManager);
				process.init(file);
				// Verzeichnis mit anderem Dateimanager öffnen
				process.run(false, args, args.length);
		} else {
				// Verzeichnis mit Dateimanager des Systems öffnen
				this.FOLDER.launch();
		}
	},
	openCHRMFolder:function(){
		if (fileManager !== "" && fileManagerParam !== "/select,") {
				let target = this.CHRMFOLDER.path;
				let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
				let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
				let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
				           [target,fileManagerParam];
				file.initWithPath(fileManager);
				process.init(file);
				// Verzeichnis mit anderem Dateimanager öffnen
				process.run(false, args, args.length);
		} else {
				// Verzeichnis mit Dateimanager des Systems öffnen
				this.CHRMFOLDER.launch();
		}
	},
	editUserCSS: function(aLeafName) {
		let file = Services.dirsvc.get("UChrm", Ci.nsIFile);
		file.appendRelativePath(aLeafName);
		this.edit(file);
	},
    editProfileFile: function(filename) {
        let file = Services.dirsvc.get("ProfD", Ci.nsIFile);
        file.append(filename);
        this.edit(file);
    },
	edit: function(aFile) {
		let editor = (customEditor !== "") ? customEditor : Services.prefs.getCharPref("view_source.editor.path");
		if (!editor) return alert('In der Konfiguration einen Texteditor festlegen ("customEditor") oder\n unter about:config im vorhandenen Schalter "view_source.editor.path"\n den vollständigen Editorpfad eintragen.');
		try {
			let UI = Cc["@mozilla.org/intl/scriptableunicodeconverter"].createInstance(Ci.nsIScriptableUnicodeConverter);
			UI.charset = window.navigator.platform.toLowerCase().indexOf("win") >= 0? "Shift_JIS": "UTF-8";
			let path = UI.ConvertFromUnicode(aFile.path);
			let app = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
			app.initWithPath(editor);
			let process = Cc["@mozilla.org/process/util;1"].createInstance(Ci.nsIProcess);
			process.init(app);
			process.run(false, [path], 1);
		} catch (e) {}
	},
	create: function(aLeafName) {
		if (!aLeafName) aLeafName = prompt("Name des Styles", dateFormat(new Date(), "%Y_%m%d_%H%M%S"));
		if (aLeafName) aLeafName = aLeafName.replace(/\s+/g, " ").replace(/[\\/:*?\"<>|]/g, "");
		if (!aLeafName || !/\S/.test(aLeafName)) return;
		if (!/\.css$/.test(aLeafName)) aLeafName += ".css";
		let file = this.getFileFromLeafName(aLeafName);
		this.edit(file);
	},
	UCrebuild: function() {
		let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
		let query = "?" + new Date().getTime();
		Array.slice(document.styleSheets).forEach(function(css){
			if (!re.test(css.href)) return;
			if (css.ownerNode) {
				css.ownerNode.parentNode.removeChild(css.ownerNode);
			}
			let pi = document.createProcessingInstruction('xml-stylesheet','type="text/css" href="'+ css.href.replace(/\?.*/, '') + query +'"');
			document.insertBefore(pi, document.documentElement);
		});
		UCL.UCcreateMenuitem();
	},
	UCcreateMenuitem: function() {
		let sep = $("usercssloader-ucseparator");
		let popup = sep.parentNode;
		if (sep.nextSibling) {
			let range = document.createRange();
			range.setStartAfter(sep);
			range.setEndAfter(popup.lastChild);
			range.deleteContents();
			range.detach();
		}
		let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
		Array.slice(document.styleSheets).forEach(function(css) {
			if (!re.test(css.href)) return;
			let fileURL = decodeURIComponent(css.href).split("?")[0];
			let aLeafName = fileURL.split("/").pop();
			let m = $C("menuitem", {
				label: aLeafName,
				tooltiptext: fileURL,
				id: "usercssloader-" + aLeafName,
				type: "checkbox",
				autocheck: "false",
				checked: "true",
			});
			m.css = css;
			m.addEventListener("command", function() {
				if (!event.ctrlKey) {this.setAttribute("checked", !(this.css.disabled = !this.css.disabled));}
			});
			m.addEventListener("mouseup", function(event) {
				if (event.button === 1) event.preventDefault();
			});
			m.addEventListener("click", function(event) {
				UCL.UCItemClick(event);
			});
			popup.appendChild(m);
		});
	},
	UCItemClick: function(event) {
		if (event.button === 0) return;
		event.preventDefault();
		event.stopPropagation();
		if (event.button === 1) {
			event.target.doCommand();
		}
		else if (event.button === 2) {
			closeMenus(event.target);
			let fileURL = event.currentTarget.getAttribute("tooltiptext");
			let file = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getFileFromURLSpec(fileURL);
			this.edit(file);
		}
	},
};
function CSSEntry(aFile) {
	this.path = aFile.path;
	this.leafName = aFile.leafName;
	this.lastModifiedTime = 1;
	this.SHEET = /^xul-|\.as\.css$/i.test(this.leafName) ?
		Ci.nsIStyleSheetService.AGENT_SHEET:
		/\.author\.css$/i.test(this.leafName)?
			Ci.nsIStyleSheetService.AUTHOR_SHEET:
			Ci.nsIStyleSheetService.USER_SHEET;
}
CSSEntry.prototype = {
	sss: Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService),
	_enabled: false,
	get enabled() {
		return this._enabled;
	},
	set enabled(isEnable) {
		let aFile = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile)
		aFile.initWithPath(this.path);
		let isExists = aFile.exists(); // true, wenn die Datei bereits existiert
		let lastModifiedTime = isExists ? aFile.lastModifiedTime : 0;
		let isForced = this.lastModifiedTime != lastModifiedTime; //true, wenn es eine Änderung in der Datei gibt
		let fileURL = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getURLSpecFromActualFile(aFile);
		let uri = Services.io.newURI(fileURL, null, null);
		if (this.sss.sheetRegistered(uri, this.SHEET)) {
			// Wenn diese Datei bereits gelesen wurde
			if (!isEnable || !isExists) {
				this.sss.unregisterSheet(uri, this.SHEET);
			}
			else if (isForced) {
				// Nach Stornierung erneut einlesen
				this.sss.unregisterSheet(uri, this.SHEET);
				this.sss.loadAndRegisterSheet(uri, this.SHEET);
			}
		} else {
			// Datei wurde nicht gelesen
			if (isEnable && isExists) {
				this.sss.loadAndRegisterSheet(uri, this.SHEET);
			}
		}
		if (this.lastModifiedTime !== 1 && isEnable && isForced) {
			log(this.leafName + " wurde aktualisiert");
		}
		this.lastModifiedTime = lastModifiedTime;
		return this._enabled = isEnable;
	},
};
UCL.init();
function $(id) { return document.getElementById(id); }
function $A(arr) { return Array.slice(arr); }
function $C(name, attr) {
	const el = document.createXULElement(name);
	if (attr) Object.keys(attr).forEach(function(n) { el.setAttribute(n, attr[n]) });
	return el;
}
function dateFormat(date, format) {
	format = format.replace("%Y", ("000" + date.getFullYear()).substr(-4));
	format = format.replace("%m", ("0" + (date.getMonth()+1)).substr(-2));
	format = format.replace("%d", ("0" + date.getDate()).substr(-2));
	format = format.replace("%H", ("0" + date.getHours()).substr(-2));
	format = format.replace("%M", ("0" + date.getMinutes()).substr(-2));
	format = format.replace("%S", ("0" + date.getSeconds()).substr(-2));
	return format;
}
function log(mes) { console.log(mes); }
})();

Alles anzeigen

Mira_Belle

Die Einträge zum Öffnen der "userChromeShadow.css" und der "userChrome.js" werde ich auch noch vornehmen.

Mitleser

Vielen Dank an alle Mitwirkenden, ich werde die neue Version von hier:

Update usercssloader.uc.js · Endor8/userChrome.js@9642390

Aktualisierung von Speravir - camp-firefox.de

github.com

am Sonntag mal installieren und ausprobieren! Bisher nutze ich diese Version, die auch in der aktuellen Nightly gut funktioniert:

Spoiler anzeigen

Icons auf Nachfrage

JavaScript

// ==UserScript==
// @name           UserCSSLoader
// @description    CSS Codes - Styles laden und verwalten
// https://github.com/Endor8/userChrome.js/tree/master/usercssloader
// @namespace      http://d.hatena.ne.jp/Griever/
// @author         Griever
// @include        main
// @license        MIT License
// @compatibility  Firefox 4 - 102*
// @charset        UTF-8
// @version        0.0.4L+
// @note           https://www.camp-firefox.de/forum/thema/136726-usercssloader-services-jsm-entfernt-css-codes-werden-nicht-geladen/
// @note           Fit für 136 :
// @note           BrokenHearts Änderung: https://www.camp-firefox.de/forum/thema/138792/?postID=1263814#post1263814
// @note           Fit für 117
// @note           Aktualisierung von Speravir - www.camp-firefox.de
// @note           Fx92: getURLSpecFromFile() -> getURLSpecFromActualFile()
// @note           AUTHOR_SHEET Verwendung hinzugefügt, wichtig: am Ende des Dateinamens .author.css
// @note           Version 0.0.4.g ermoeglicht "Styles importieren" per Mittelklick und Verwendung
// @note           eines anderen Dateimanager (siehe in Konfiguration)
// @note           Frei verschiebbare Schaltfläche eingebaut von aborix
// @note           0.0.4 Remove E4X
// @note           CSSEntry-Klasse erstellt
// @note           Style-Test-Funktion überarbeitet
// @note           Wenn die Datei gelöscht wurde, CSS beim Neu erstellen und Löschen des Menüs abbrechen
// @note           uc einlesen .uc.css temporäre Korrespondenz zum erneuten Lesen
// ==/UserScript==

/****** Bedienungsanleitung ******

CSS-Ordner im Chrome-Ordner erstellen, CSS-Dateien dort ablegen - speichern.
Diejenigen, deren Dateiname mit "xul-" beginnen, diejenigen, die mit ".as.css" enden, sind AGENT_SHEET,
alle andere außer USER_SHEET werden gelesen. Da der Inhalt der Datei nicht überprüft wird,
darauf achten, @ Namespace Angabe nicht zu vergessen!

CSS-Menü wird zur Menüleiste hinzugefügt
Linksklick auf Stil, zum aktivieren/deaktivieren
Mittelklick auf Stil zum aktivieren/deaktivieren, ohne Menü zu schließen
Rechtsklick auf Stil zum Öffnen im Editor

Verwenden des in "view_source.editor.path" angegebenen Editors;
Dateiordner kann in Konfiguration geändert werden

 **** Anleitung Ende ****/

(function(){

/* Konfiguration */
// alternativer Dateimanager, Bsp.:
// let filemanager = "C:\\Programme\\totalcmd\\TOTALCMD.EXE";
let filemanager = "/usr/bin/nemo";
// Unterordner für die CSS-Dateien:
let cssFolder = "css_test";
/* Ende Konfiguration */

let { classes: Cc, interfaces: Ci, utils: Cu, results: Cr } = Components;
// Wenn beim Start ein anderes Fenster angezeigt wird (das zweite Fenster), wird es beendet
let list = Services.wm.getEnumerator("navigator:browser");
while(list.hasMoreElements()){ if(list.getNext() != window) return; }

const XULNS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";

if (window.UCL) {
    window.UCL.destroy();
    delete window.UCL;
}

window.UCL = {
    vFileManager: filemanager,
    USE_UC: "UC" in window,
    AGENT_SHEET: Ci.nsIStyleSheetService.AGENT_SHEET,
    USER_SHEET : Ci.nsIStyleSheetService.USER_SHEET,
    AUTHOR_SHEET: Ci.nsIStyleSheetService.AUTHOR_SHEET,
    readCSS : {},
    get disabled_list() {
        let obj = [];
        try {
                obj = this.prefs.getCharPref("disabled_list").split("|");
        } catch(e) {}
        delete this.disabled_list;
        return this.disabled_list = obj;
    },
    get prefs() {
            delete this.prefs;
            return this.prefs = Services.prefs.getBranch("UserCSSLoader.")
    },
    get styleSheetServices(){
            delete this.styleSheetServices;
            return this.styleSheetServices = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
    },
    get FOLDER() {
        let aFolder;
        try {
            // UserCSSLoader.FOLDER verwenden
            let folderPath = this.prefs.getCharPref("FOLDER");
            aFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile)
            aFolder.initWithPath(folderPath);
        } catch (e) {
            aFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
            aFolder.appendRelativePath(cssFolder);
        }
        if (!aFolder.exists() || !aFolder.isDirectory()) {
            aFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0664);
        }
        delete this.FOLDER;
        return this.FOLDER = aFolder;
    },
    getFocusedWindow: function() {
        let win = document.commandDispatcher.focusedWindow;
        if (!win || win == window) win = content;
        return win;
    },
    init: function() {
        let cssmenu = $C("menu", {
            id: "usercssloader-menu",
            label: 'CSSLoader - Menü',
            tooltiptext: "CSSLoader - Menü\n\nLinksklick: Menü - Testdateien anzeigen\nMittelklick: Testdateien importieren",
            accesskey: "C",
            onclick: "if (event.button == 1) UCL.rebuild()"
        });
        let menupopup = $C("menupopup", {
            id: "usercssloader-menupopup"
        });
        cssmenu.appendChild(menupopup);
        let menu = $C("menu", {
            label: "Datei bearbeiten",
            accesskey: "M",
			id: "style-loader-menu"
        });
        menupopup.appendChild(menu);
        menupopup.appendChild($C("menuseparator"));
        let mp = $C("menupopup", { id: "usercssloader-submenupopup" });
        menu.appendChild(mp);
        mp.appendChild($C("menuitem", {
            label: "Testdatei(en) laden",
            accesskey: "R",
            acceltext: "Alt + R",
            oncommand: "UCL.rebuild();"
        }));
        mp.appendChild($C("menuseparator"));
        mp.appendChild($C("menuitem", {
            label: "Neue Testdatei im Ordner 'css_test' erstellen",
            accesskey: "D",
            oncommand: "UCL.create();"
        }));
        mp.appendChild($C("menuitem", {
            label: "Ordner 'css_test' öffnen",
            accesskey: "O",
            oncommand: "UCL.openFolder();"
        }));
        mp.appendChild($C("menuitem", {
            label: "userChrome.css bearbeiten",
            hidden: false,
            oncommand: "UCL.editUserCSS(\'userChrome.css\');"
        }));
        mp.appendChild($C("menuitem", {
            label: "userContent.css bearbeiten",
            hidden: false,
            oncommand: "UCL.editUserCSS(\'userContent.css\');"
        }));
        mp.appendChild($C("menuseparator"));
        mp.appendChild($C("menuitem", {
            label: "Datei-Test (Chrome)",
            id: "usercssloader-test-chrome",
            hidden: true,
            accesskey: "C",
            oncommand: "UCL.styleTest(window);"
        }));
        mp.appendChild($C("menuitem", {
            label: "Datei-Test (Content)",
            id: "usercssloader-test-content",
            hidden: true,
            accesskey: "W",
            oncommand: "UCL.styleTest();"
        }));
        mp.appendChild($C("menuitem", {
            label: "Styles dieser Seite auf userstyles.org finden",
            accesskey: "S",
            oncommand: "UCL.searchStyle();"
        }));
       menu = $C("menu", {
            label: ".uc.css",
            accesskey: "U",
            hidden: !UCL.USE_UC
        });
        menupopup.appendChild(menu);
        mp = $C("menupopup", { id: "usercssloader-ucmenupopup" });
        menu.appendChild(mp);
        mp.appendChild($C("menuitem", {
            label: "Importieren(.uc.js)",
            oncommand: "UCL.UCrebuild();"
        }));
        mp.appendChild($C("menuseparator", { id: "usercssloader-ucseparator" }));
        CustomizableUI.createWidget({
            id: 'usercssloader-menu-item',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {
                let toolbaritem = aDocument.createElementNS(XULNS, 'toolbaritem');
                toolbaritem.id = 'usercssloader-menu-item';
                toolbaritem.className = 'chromeclass-toolbar-additional';
                return toolbaritem;
            }
        });
        $('usercssloader-menu-item').appendChild(cssmenu);

        /* Um Statt Menü eine frei verschiebbare Schaltfläche zu haben */
        /* Untenstehende zwei Zeilen deaktivieren einfach // davor machen */
//        let refNode = $('helpMenu');
//        refNode.parentNode.insertBefore(cssmenu, refNode.nextSibling);

        $("mainKeyset").appendChild($C("key", {
            id: "usercssloader-rebuild-key",
            oncommand: "UCL.rebuild();",
            key: "R",
            modifiers: "alt",
        }));
        this.rebuild();
        this.initialized = true;
        if (UCL.USE_UC) {
            setTimeout(function() {
                UCL.UCcreateMenuitem();
            }, 1000);
        }
        window.addEventListener("unload", this, false);
    },
    uninit: function() {
        const dis = [];
        for (let x of Object.keys(this.readCSS)) {
            if (!this.readCSS[x].enabled)
                dis.push(x);
        }
        this.prefs.setCharPref("disabled_list", dis.join("|"));
        window.removeEventListener("unload", this, false);
    },
    destroy: function() {
        var i = document.getElementById("usercssloader-menu");
        if (i) i.parentNode.removeChild(i);
        var i = document.getElementById("usercssloader-rebuild-key");
        if (i) i.parentNode.removeChild(i);
        this.uninit();
    },
    handleEvent: function(event) {
        switch(event.type){
            case "unload": this.uninit(); break;
        }
    },
    rebuild: function() {
        let ext = /\.css$/i;
        let not = /\.uc\.css/i;
        let files = this.FOLDER.directoryEntries.QueryInterface(Ci.nsISimpleEnumerator);

        while (files.hasMoreElements()) {
            let file = files.getNext().QueryInterface(Ci.nsIFile);
            if (!ext.test(file.leafName) || not.test(file.leafName)) continue;
            let CSS = this.loadCSS(file);
            CSS.flag = true;
        }
        for (let leafName of Object.keys(this.readCSS)) {
            const CSS = this.readCSS[leafName];
            if (!CSS.flag) {
                CSS.enabled = false;
                delete this.readCSS[leafName];
            }
            delete CSS.flag;
            this.rebuildMenu(leafName);
        }
        if (this.initialized) {
            if (typeof(StatusPanel) !== "undefined")
                StatusPanel._label = "Style importiert";
            else
                XULBrowserWindow.statusTextField.label = "Styles importieren";
        }
    },
    loadCSS: function(aFile) {
        var CSS = this.readCSS[aFile.leafName];
        if (!CSS) {
            CSS = this.readCSS[aFile.leafName] = new CSSEntry(aFile);
            if (this.disabled_list.indexOf(CSS.leafName) === -1) {
                CSS.enabled = true;
            }
        }
        else if (CSS.enabled) {
            CSS.enabled = true;
        }
        return CSS;
    },
    rebuildMenu: function(aLeafName) {
        var CSS = this.readCSS[aLeafName];
        var menuitem = document.getElementById("usercssloader-" + aLeafName);
        if (!CSS) {
            if (menuitem)
                menuitem.parentNode.removeChild(menuitem);
            return;
        }
        if (!menuitem) {
            menuitem = $C("menuitem", {
                label : aLeafName,
                id : "usercssloader-" + aLeafName,
                class : "usercssloader-item " + (CSS.SHEET == this.AGENT_SHEET? "AGENT_SHEET" : CSS.SHEET == this.AUTHOR_SHEET? "AUTHOR_SHEET": "USER_SHEET"),
                type : "checkbox",
                autocheck : "false",
                oncommand : "UCL.toggle('"+ aLeafName +"');",
                onclick : "UCL.itemClick(event);"
            });
            document.getElementById("usercssloader-menupopup").appendChild(menuitem);
        }
        menuitem.setAttribute("checked", CSS.enabled);
    },
    toggle: function(aLeafName) {
        var CSS = this.readCSS[aLeafName];
        if (!CSS) return;
        CSS.enabled = !CSS.enabled;
        this.rebuildMenu(aLeafName);
    },
    itemClick: function(event) {
        if (event.button == 0) return;
        event.preventDefault();
        event.stopPropagation();
        let label = event.currentTarget.getAttribute("label");
        if (event.button == 1) {
            this.toggle(label);
        }
        else if (event.button == 2) {
            closeMenus(event.target);
            this.edit(this.getFileFromLeafName(label));
        }
    },
    getFileFromLeafName: function(aLeafName) {
        let f = this.FOLDER.clone();
        f.QueryInterface(Ci.nsIFile); // use appendRelativePath
        f.appendRelativePath(aLeafName);
        return f;
    },
    styleTest: function(aWindow) {
        aWindow || (aWindow = this.getFocusedWindow());
        new CSSTester(aWindow, function(tester){
            if (tester.saved)
                UCL.rebuild();
        });
    },
    searchStyle: function() {
        let word;
        try {
            word = gBrowser.currentURI.host;
        } catch {
            word = gBrowser.currentURI.spec;
        }
        openWebLinkIn("https://userstyles.org/styles/search/" + word, "tab", {});
    },
    openFolder:function(){
        if (this.vFileManager.length != 0) {
            var file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
            var process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
            var args=[this.FOLDER.path];
            file.initWithPath(this.vFileManager);
            process.init(file);
            // Verzeichnis mit anderem Dateimanager öffnen
            process.run(false, args, args.length);
        } else {
            // Verzeichnis mit Dateimanager des Systems öffnen
            this.FOLDER.launch();
        }
    },
    editUserCSS: function(aLeafName) {
        let file = Services.dirsvc.get("UChrm", Ci.nsIFile);
        file.appendRelativePath(aLeafName);
        this.edit(file);
    },
    edit: function(aFile) {
        var editor = Services.prefs.getCharPref("view_source.editor.path");
        if (!editor) return alert("Unter about:config den vorhandenen Schalter:\n view_source.editor.path mit dem Editorpfad ergänzen");
        try {
            var UI = Components.classes["@mozilla.org/intl/scriptableunicodeconverter"].createInstance(Components.interfaces.nsIScriptableUnicodeConverter);
            UI.charset = window.navigator.platform.toLowerCase().indexOf("win") >= 0? "Shift_JIS": "UTF-8";
            var path = UI.ConvertFromUnicode(aFile.path);
            var app = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsIFile);
            app.initWithPath(editor);
            var process = Components.classes["@mozilla.org/process/util;1"].createInstance(Components.interfaces.nsIProcess);
            process.init(app);
            process.run(false, [path], 1);
        } catch (e) {}
    },
    create: function(aLeafName) {
        if (!aLeafName) aLeafName = prompt("Name des Styles", dateFormat(new Date(), "%Y_%m%d_%H%M%S"));
        if (aLeafName) aLeafName = aLeafName.replace(/\s+/g, " ").replace(/[\\/:*?\"<>|]/g, "");
        if (!aLeafName || !/\S/.test(aLeafName)) return;
        if (!/\.css$/.test(aLeafName)) aLeafName += ".css";
        let file = this.getFileFromLeafName(aLeafName);
        this.edit(file);
    },
    UCrebuild: function() {
        let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
        let query = "?" + new Date().getTime();
        Array.slice(document.styleSheets).forEach(function(css){
            if (!re.test(css.href)) return;
            if (css.ownerNode) {
                css.ownerNode.parentNode.removeChild(css.ownerNode);
            }
            let pi = document.createProcessingInstruction('xml-stylesheet','type="text/css" href="'+ css.href.replace(/\?.*/, '') + query +'"');
            document.insertBefore(pi, document.documentElement);
        });
        UCL.UCcreateMenuitem();
    },
    UCcreateMenuitem: function() {
        let sep = $("usercssloader-ucseparator");
        let popup = sep.parentNode;
        if (sep.nextSibling) {
            let range = document.createRange();
            range.setStartAfter(sep);
            range.setEndAfter(popup.lastChild);
            range.deleteContents();
            range.detach();
        }
        let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
        Array.slice(document.styleSheets).forEach(function(css) {
            if (!re.test(css.href)) return;
            let fileURL = decodeURIComponent(css.href).split("?")[0];
            let aLeafName = fileURL.split("/").pop();
            let m = $C("menuitem", {
                label : aLeafName,
                tooltiptext : fileURL,
                id : "usercssloader-" + aLeafName,
                type : "checkbox",
                autocheck : "false",
                checked : "true",
                oncommand : "this.setAttribute('checked', !(this.css.disabled = !this.css.disabled));",
                onclick : "UCL.UCItemClick(event);"
            });
            m.css = css;
            popup.appendChild(m);
        });
    },
    UCItemClick: function(event) {
        if (event.button == 0) return;
        event.preventDefault();
        event.stopPropagation();
        if (event.button == 1) {
            event.target.doCommand();
        }
        else if (event.button == 2) {
            closeMenus(event.target);
            let fileURL = event.currentTarget.getAttribute("tooltiptext");
            let file = Services.io.getProtocolHandler("file").QueryInterface(Components.interfaces.nsIFileProtocolHandler).getFileFromURLSpec(fileURL);
            this.edit(file);
        }
    },
};

function CSSEntry(aFile) {
    this.path = aFile.path;
    this.leafName = aFile.leafName;
    this.lastModifiedTime = 1;
    this.SHEET = /^xul-|\.as\.css$/i.test(this.leafName) ?
        Ci.nsIStyleSheetService.AGENT_SHEET:
        /\.author\.css$/i.test(this.leafName)?
        Ci.nsIStyleSheetService.AUTHOR_SHEET:
        Ci.nsIStyleSheetService.USER_SHEET;
}
CSSEntry.prototype = {
    sss: Components.classes["@mozilla.org/content/style-sheet-service;1"]
            .getService(Components.interfaces.nsIStyleSheetService),
    _enabled: false,
    get enabled() {
        return this._enabled;
    },
    set enabled(isEnable) {
        var aFile = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsIFile)
        aFile.initWithPath(this.path);
        var isExists = aFile.exists(); // true, wenn die Datei existiert
        var lastModifiedTime = isExists ? aFile.lastModifiedTime : 0;
        var isForced = this.lastModifiedTime != lastModifiedTime; // true, wenn es eine Änderung in der Datei gibt
        var fileURL = Services.io.getProtocolHandler("file").QueryInterface(Components.interfaces.nsIFileProtocolHandler).getURLSpecFromActualFile(aFile);
        var uri = Services.io.newURI(fileURL, null, null);
        if (this.sss.sheetRegistered(uri, this.SHEET)) {
            // Wenn diese Datei bereits gelesen wurde
            if (!isEnable || !isExists) {
                this.sss.unregisterSheet(uri, this.SHEET);
            }
            else if (isForced) {
                // Nach Stornierung erneut einlesen
                this.sss.unregisterSheet(uri, this.SHEET);
                this.sss.loadAndRegisterSheet(uri, this.SHEET);
            }
        } else {
            // Datei wurde nicht gelesen
            if (isEnable && isExists) {
                this.sss.loadAndRegisterSheet(uri, this.SHEET);
            }
        }
        if (this.lastModifiedTime !== 1 && isEnable && isForced) {
            log(this.leafName + " wurde aktualisiert");
        }
        this.lastModifiedTime = lastModifiedTime;
        return this._enabled = isEnable;
    },
};

function CSSTester(aWindow, aCallback) {
    this.win = aWindow || window;
    this.doc = this.win.document;
    this.callback = aCallback;
    this.init();
}
CSSTester.prototype = {
    sss: Components.classes["@mozilla.org/content/style-sheet-service;1"]
            .getService(Components.interfaces.nsIStyleSheetService),
    preview_code: "",
    saved: false,
    init: function() {
        this.dialog = openDialog(
            "data:text/html;charset=utf8,"+encodeURIComponent('<!DOCTYPE HTML><html lang="de"><head><title>CSSTester</title></head><body></body></html>'),
            "",
            "width=550,height=400,dialog=no");
        this.dialog.addEventListener("load", this, false);
    },
    destroy: function() {
        this.preview_end();
        this.dialog.removeEventListener("unload", this, false);
        this.previewButton.removeEventListener("click", this, false);
        this.saveButton.removeEventListener("click", this, false);
        this.closeButton.removeEventListener("click", this, false);
    },
    handleEvent: function(event) {
        switch(event.type) {
            case "click":
                if (event.button != 0) return;
                if (this.previewButton == event.currentTarget) {
                    this.preview();
                }
                else if (this.saveButton == event.currentTarget) {
                    this.save();
                }
                else if (this.closeButton == event.currentTarget) {
                    this.dialog.close();
                }
                break;
            case "load":
                var doc = this.dialog.document;
                doc.body.innerHTML = '\
                    <style type="text/css">\
                        :not(input):not(select) { padding: 0px; margin: 0px; }\
                        table { border-spacing: 0px; }\
                        body, html, #main, #textarea { width: 100%; height: 100%; }\
                        #textarea { font-family: monospace; }\
                    </style>\
                    <table id="main">\
                        <tr height="100%">\
                            <td colspan="4"><textarea id="textarea"></textarea></td>\
                        </tr>\
                        <tr height="40">\
                            <td><input type="button" value="Vorschau" id="Vorschau"/></td>\
                            <td><input type="button" value="Speichern" id="Speichern"/></td>\
                            <td width="80%"><span class="log"></span></td>\
                            <td><input type="button" value="Schließen" id="Schliessen"/></td>\
                        </tr>\
                    </table>\
                ';
                this.textbox = doc.querySelector("textarea");
                this.previewButton = doc.querySelector('input[value="Vorschau"]');
                this.saveButton = doc.querySelector('input[value="Speichern"]');
                this.closeButton = doc.querySelector('input[value="Schließen"]');
                this.logField = doc.querySelector('.log');
                var code = "@namespace url(" + this.doc.documentElement.namespaceURI + ");\n";
                code += this.win.location.protocol.indexOf("http"||"https") === 0 ?
                    "@-moz-document domain(" + this.win.location.host + ") {\n\n\n\n}":
                    "@-moz-document url(" + this.win.location.href + ") {\n\n\n\n}";
                this.textbox.value = code;
                this.dialog.addEventListener("unload", this, false);
                this.previewButton.addEventListener("click", this, false);
                this.saveButton.addEventListener("click", this, false);
                this.closeButton.addEventListener("click", this, false);
                this.textbox.focus();
                let p = this.textbox.value.length - 3;
                this.textbox.setSelectionRange(p, p);
                break;
            case "unload":
                this.destroy();
                this.callback(this);
                break;
        }
    },
    preview: function() {
        var code = this.textbox.value;
        if (!code || !/\:/.test(code))
            return;
        code = "data:text/css;charset=utf-8," + encodeURIComponent(this.textbox.value);
        if (code == this.preview_code)
            return;
        this.preview_end();
        var uri = Services.io.newURI(code, null, null);
        this.sss.loadAndRegisterSheet(uri, Ci.nsIStyleSheetService.AGENT_SHEET);
        this.preview_code = code;
        this.log("Preview");
    },
    preview_end: function() {
        if (this.preview_code) {
            let uri = Services.io.newURI(this.preview_code, null, null);
            this.sss.unregisterSheet(uri, Ci.nsIStyleSheetService.AGENT_SHEET);
            this.preview_code = "";
        }
    },
    save: function() {
        var data = this.textbox.value;
        if (!data) return;
        var fp = Cc["@mozilla.org/filepicker;1"].createInstance(Ci.nsIFilePicker);
        fp.init(window, "", Ci.nsIFilePicker.modeSave);
        fp.appendFilter("CSS Files","*.css");
        fp.defaultExtension = "css";
        if (window.UCL)
            fp.displayDirectory = UCL.FOLDER;
        var res = fp.show();
        if (res != fp.returnOK && res != fp.returnReplace) return;
        var suConverter = Cc["@mozilla.org/intl/scriptableunicodeconverter"].createInstance(Ci.nsIScriptableUnicodeConverter);
        suConverter.charset = "UTF-8";
        data = suConverter.ConvertFromUnicode(data);
        var foStream = Cc["@mozilla.org/network/file-output-stream;1"].createInstance(Ci.nsIFileOutputStream);
        foStream.init(fp.file, 0x02 | 0x08 | 0x20, 0664, 0);
        foStream.write(data, data.length);
        foStream.close();
        this.saved = true;
    },
    log: function() {
        this.logField.textContent = dateFormat(new Date(), "%H:%M:%S") + ": " + $A(arguments);
    }
};

UCL.init();

function $(id) { return document.getElementById(id); }
function $A(arr) { return Array.slice(arr); }
// wg.136 geändert
//function $C(name, attr) {
//    var el = document.createXULElement(name);
//    if (attr) Object.keys(attr).forEach(function(n) { el.setAttribute(n, attr[n]) });
//    return el;
//}
function $C(name, attr) {
    var el = document.createXULElement(name);
    if (attr) Object.keys(attr).forEach(function(n) {

        if(n == "oncommand") {
			el.addEventListener('command', function(event) { Function(attr[n])(); });
		}
		else if(n == "onclick") {
			el.addEventListener('click', function(event) { Function(attr[n])(); });
		}
		else if(n == "onmouseup") {
			el.addEventListener('mouseup', function(event) { Function(attr[n])(); });
		}
		else {
			el.setAttribute(n, attr[n]);
		}
	});

	return el;
}
function dateFormat(date, format) {
    format = format.replace("%Y", ("000" + date.getFullYear()).substr(-4));
    format = format.replace("%m", ("0" + (date.getMonth()+1)).substr(-2));
    format = format.replace("%d", ("0" + date.getDay()).substr(-2));
    format = format.replace("%H", ("0" + date.getHours()).substr(-2));
    format = format.replace("%M", ("0" + date.getMinutes()).substr(-2));
    format = format.replace("%S", ("0" + date.getSeconds()).substr(-2));
    return format;
}

function log() { Application.console.log(Array.slice(arguments)); }

})();

Alles anzeigen

CSS

/*button_userCSSLoader.css*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#nav-bar #usercssloader-menu,
#nav-bar #usercssloader-menu-item {
	appearance: none !important;
	overflow: hidden !important;
	background-image: url("../icons/16_options_orange.svg")!important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
background-size: 16px 17px !important;
	width: 28px !important;
	min-width: 28px !important;
	max-width: 28px !important;
	margin-top: -1px !important;
}
#nav-bar #usercssloader-menu:hover,
#nav-bar #usercssloader-menu-item:hover {
	appearance: none !important;
	overflow: hidden !important;
	background-image: url("../icons/16_options_whitegray.svg")!important;
	background-color: var(--button-hover-bgcolor) !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#widget-overflow #usercssloader-menu {
	background-image: url("../icons/16_options_orange.svg")!important;
	appearance: none !important;
	overflow: hidden !important;
	background-repeat: no-repeat !important;
	background-position: 0px center !important;
	background-size: 18px 18px !important;
	opacity: 1.0 !important;
	justify-content: center !important;
	width: 28px !important;
	min-width: 28px !important;
	max-width: 28px !important;
	height: var(--uc-tabs-height) !important;
	min-height: var(--uc-tabs-height) !important;
	max-height: var(--uc-tabs-height) !important;
	margin: 0 !important;
	margin-top: 0px !important;
	padding: 0 !important;
	--toolbarbutton-border-radius: 0px !important;
	border-radius: 0px !important;
}
#widget-overflow #usercssloader-menu:hover {
	background-image: url("../icons/16_options_whitegray.svg")!important;
	background-color: var(--button-hover-bgcolor) !important;
	appearance: none !important;
	overflow: hidden !important;
	background-repeat: no-repeat !important;
	background-position: 0px center !important;
	background-size: 18px 18px !important;
	opacity: 1.0 !important;
	justify-content: center !important;
	width: 28px !important;
	min-width: 28px !important;
	max-width: 28px !important;
	height: var(--uc-tabs-height) !important;
	min-height: var(--uc-tabs-height) !important;
	max-height: var(--uc-tabs-height) !important;
	margin: 0 !important;
	margin-top: 0px !important;
	padding: 0 !important;
	--toolbarbutton-border-radius: 0px !important;
	border-radius: 0px !important;
}
#usercssloader-menu > .menu-text {
	display: none !important;
}
/*----------------------------------*/
#usercssloader-submenupopup {
	margin-top: -1px !important;
}
/*---------Style-Loader-Menü-------------------------*/
#style-loader-menu::before {
	content: '' !important;
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	margin-left: 0px !important;
	margin-right: -16px !important;
	background-image: url("../icons/16gear-2_whitegray.svg") !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
	background-position: center center !important;
}
#style-loader-menu:hover::before {
	background-image: url("../icons/16gear-2_whitegray.svg") !important;
}
/*------------------------------------------*/
#usercssloader-menupopup > menuitem[type="checkbox"] > .menu-iconic-left,
#usercssloader-menupopup > menuitem[type="checkbox"][checked="true"] > .menu-iconic-left {
	display: none !important;
}
/*------------------------------------------
#usercssloader-menupopup > menuitem[type="checkbox"][checked="true"]::before{
	content: '' !important;
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	margin-left: 0px !important;
	margin-right: 4px !important;
	background-image: url("../icons/16_checkmark-checked_neongreen.svg") !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
	background-position: center center !important;
}
#usercssloader-menupopup > menuitem[type="checkbox"][checked="true"]:hover::before{
	background-image: url("../icons/16_checkmark-unchecked_white.svg") !important;
}
#usercssloader-menupopup > menuitem[type="checkbox"]::before{
	content: '' !important;
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	margin-left: 0px !important;
	margin-right: 4px !important;
	background-image: url("../icons/16_checkmark-unchecked_redorange.svg") !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
	background-position: center center !important;
}
#usercssloader-menupopup > menuitem[type="checkbox"]:hover::before{
	background-image: url("../icons/16_checkmark-checked_white.svg") !important;
}
*/

Alles anzeigen

Mira_Belle

Wie angekündigt,

Zitat von Mira_Belle

Die Einträge zum Öffnen der "userChromeShadow.css" und der "userChrome.js" werde ich auch noch vornehmen.

Und das Skript funktioniert auch in der Nightly 145.0a1 (2025-10-04) (64-Bit)

JavaScript

/* UserCSSLoader 2025-10-05
 *
 * original author: Griever -
 * https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
 *
 * Enhancements and several other changes including German translation
 * and configuration section by users aborix, Endor, bege, Speravir of
 * Camp Firefox forum - https://www.camp-firefox.de/forum/ - latest version:
 * https://www.camp-firefox.de/forum/thema/138814/?postID=1280504#post1280504
 */

/****** Bedienungsanleitung ******

CSS-Ordner im Chrome-Ordner erstellen, CSS-Dateien dort ablegen - speichern.
Diejenigen, deren Dateiname mit "xul-" beginnen, diejenigen, die mit ".as.css"
enden, sind AGENT_SHEET, alle anderen außer USER_SHEET werden gelesen. Da der
Inhalt der Datei nicht überprüft wird, darauf achten, die Angabe von @namespace
nicht zu vergessen!

Schaltfläche oder Menü wird in Navigationsleiste eingefügt (einstellbar, siehe
Variable "position" in unten anschließender Konfiguration).

Dateiordner, Dateimanager und Texteditor können in der unten anschließenden
Konfiguration geändert werden. Die Verwendung des in "view_source.editor.path"
angegebenen Editors ist möglich.

Linksklick auf Stil, zum Aktivieren/Deaktivieren
Mittelklick auf Stil zum Aktivieren/Deaktivieren, ohne Menü zu schließen
Rechtsklick auf Stil zum Öffnen im Editor
Strg+Linksklick zum Anzeigen im Dateimanager

Die Tastenkombinationen können im Menü eingeblendet werden, dazu nach 
"acceltext" suchen und den Zeilenkommentar "//" entfernen.

Ein Symbol für die Schaltfläche muss in der "userChrome.css" festgelegt werden,
Pfad zum Bild (PNG nur als Beispiel):
* relativ zur userChrome.css
    background-image: url("Relativer/Pfad/zum/CSS_Symbol.png");
* eine absolute Pfadangabe zum Symbol muss mit File-Protokoll-Präfix erfolgen:
    background-image: url("file:///Absoluter/Pfad/zum/CSS_Symbol.png");

Absolute Zahlenwerte müssen eventuell etwas an die eigenen Gegebenheiten
angepasst werden (größeres Symbol, anderer Rand); der Zahlenwert für Höhe
und Breite des Menütextes ("CSS") sollte nicht größer sein als für das
Symbol (hier 16px).

#usercssloader-menu-item {
	background-image: url("Relativer/Pfad/zum/CSS_Symbol.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	border-radius: var(--toolbarbutton-border-radius);
	margin-block: 3px;

	&:hover {
		background-color: var(--toolbarbutton-hover-background);
	}

	& #usercssloader-menu > .menu-text[value="CSS"] {
		opacity: 0;
		width: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
		height: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
	}
}

**** Ende der Anleitung ****/

(function(){

/***** Konfiguration *****/
/* Position: als frei verschiebbare-Schaltfläche = 0, als Menü anzeigen = 1 */
let position = 0;//1
/* Dateimanager festlegen, Beispiele:
 *    let fileManager = "C:\\Programme\\FreeCommanderXE\\FreeCommander.exe";
 *    let fileManager = "C:\\Programme\\totalcmd\\TOTALCMD.EXE";
 * auch möglich (Achtung, nur mit fileManagerParam = "/select,"!):
 *    let fileManager = "C:\\Windows\\explorer.exe";
 * Bleibt Parameter leer, wird Standardmanager des Systems ohne Parameter
 * verwendet mit leicht eingeschränkter Funktionalität. */
let fileManager = "C:\\Windows\\explorer.exe";
/* eventuelle Parameter für den Dateimanager, Beispiele:
 *    let fileManagerParam = "/T";//FreeCommander oder Totalcommander
 *    let fileManagerParam = "/select,";//Windows Explorer, mit Komma korrekt!
 */
let fileManagerParam = "/select,";
/* manche Manager benötigen den Parameter nach der Pfadangabe,
   dann "fileManagerParamPost" auf true setzen */
let fileManagerParamPost = false;
/* eigener Texteditor mit Pfad - Standard leer, dann wird Wert aus
 * Einstellung "view_source.editor.path" verwendet mit Warnmeldung,
 * wenn auch dieser leer ist, Beispiel:
 *    let customEditor = "C:\\Windows\\System32\\notepad.exe"; */
let customEditor = "C:\\Program Files\\Microsoft VS Code\\Code.exe";
/* Unterordner für die CSS-Dateien */
let cssFolder = "CSS";
/* zusätzlich Chrome-Ordner im Untermenü anzeigen (true)
   oder verstecken (false) */
let showChrome = true;
/* Menüeintrag zum Bearbeiten der userChrome.css anzeigen (true)
   oder verstecken (false) */
let showUserChromeCSS = true;
/* Menüeintrag zum Bearbeiten der userContent.css anzeigen (true)
   oder verstecken (false) */
let showUserContentCSS = true;
/* Menüeintrag zum Bearbeiten der pref.js anzeigen (true)
   oder verstecken (false) */
let showPrefsJS = true;
/* Menüeintrag zum Bearbeiten der user.js anzeigen (true)
   oder verstecken (false) */
let showUserJS = true;


let showUserChromeShadowCSS = true;
let showUserChromeJS = true;

/***** Ende der Konfiguration *****/

// Wenn beim Start ein weiteres Fenster (zweites Fenster) vorhanden ist, beenden
let list = Services.wm.getEnumerator("navigator:browser");
while(list.hasMoreElements()){ if(list.getNext() != window) return; }
if (window.UCL) {
	window.UCL.destroy();
	delete window.UCL;
}
let menutooltip = "Linksklick: an/aus, Menü schließt\nMittelklick: an/aus, Menü bleibt offen\nRechtsklick: bearbeiten";
if (fileManager !== "") {
		menutooltip = menutooltip + "\nStrg+Rechtsklick: im Dateimanager anzeigen";
}
window.UCL = {
	AGENT_SHEET : Ci.nsIStyleSheetService.AGENT_SHEET,
	USER_SHEET  : Ci.nsIStyleSheetService.USER_SHEET,
	AUTHOR_SHEET: Ci.nsIStyleSheetService.AUTHOR_SHEET,
	readCSS: {},
	get disabled_list() {
		let obj = [];
		try {
			obj = decodeURIComponent(this.prefs.getCharPref("disabled_list")).split("|");
		} catch(e) {}
		delete this.disabled_list;
		return this.disabled_list = obj;
	},
	get prefs() {
		delete this.prefs;
		return this.prefs = Services.prefs.getBranch("UserCSSLoader.");
	},
	get styleSheetServices() {
		delete this.styleSheetServices;
		return this.styleSheetServices = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
	},
	get FOLDER() {
		let aFolder;
		try {
			// UserCSSLoader.FOLDER verwenden
			let folderPath = this.prefs.getCharPref("FOLDER");
			aFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
			aFolder.initWithPath(folderPath);
		} catch (e) {
			aFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
			aFolder.appendRelativePath(cssFolder);
		}
		if (!aFolder.exists() || !aFolder.isDirectory()) {
			aFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
		}
		delete this.FOLDER;
		return this.FOLDER = aFolder;
	},
	get CHRMFOLDER() {
			let cFolder;
			try {
					// UserCSSLoader.CHRMFOLDER verwenden
					let CHRMfolderPath = this.prefs.getCharPref("CHRMFOLDER");
					cFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
					cFolder.initWithPath(CHRMfolderPath);
			} catch (e) {
					cFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
			}
			if (!cFolder.exists() || !cFolder.isDirectory()) {
					cFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
			}
			delete this.CHRMFOLDER;
			return this.CHRMFOLDER = cFolder;
	},
	init: function() {
		const cssmenu = $C("menu", {
			id: "usercssloader-menu",
			label: "CSS",
			tooltiptext: "UserCSSLoader\n\nLinksklick: Stylesheets anzeigen\nMittelklick: Styles importieren",
			accesskey: "Y"
		});
		cssmenu.addEventListener("click", (event) => { if (event.button === 1) UCL.rebuild(); });
		const menupopup = $C("menupopup", {
			id: "usercssloader-menupopup"
		});
		cssmenu.appendChild(menupopup);
		let menu = $C("menu", {
			label: "Style-Loader-Menü",
			id: "style-loader-menu",
			accesskey: "S",
			//acceltext: "S"
		});
		menupopup.appendChild(menu);
		menupopup.appendChild($C("menuseparator"));
		let mp = $C("menupopup", { id: "usercssloader-submenupopup" });
		menu.appendChild(mp);
		let rebuildItem = $C("menuitem", {
			label: "Styles importieren",
			accesskey: "I",
			//acceltext: "I"
		});
		rebuildItem.addEventListener("command", () => UCL.rebuild());
		mp.appendChild(rebuildItem);
		mp.appendChild($C("menuseparator"));
		//
		let createCSS = $C("menuitem", {
			label: "CSS-Datei erstellen",
			accesskey: "D",
			//acceltext: "D"
		});
		createCSS.addEventListener("command", () => UCL.create());
		mp.appendChild(createCSS);
		let openFolder = $C("menuitem", {
			label: "CSS-Ordner öffnen",
			accesskey: "O",
			//acceltext: "O"
		});
		openFolder.addEventListener("command", () => UCL.openCSSFolder());
		mp.appendChild(openFolder);
		if (showChrome) {
				let openChromeFolder = $C("menuitem", {
					label: "Chrome-Ordner öffnen",
					accesskey: "X",
					//acceltext: "X"
				});
				openChromeFolder.addEventListener("command", () => UCL.openCHRMFolder());
				mp.appendChild(openChromeFolder);
		}
		if (showUserChromeCSS || showUserContentCSS || showUserChromeShadowCSS || showUserChromeJS)// wenigstens eine der Variablen muss …
				mp.appendChild($C('menuseparator'));// … true sein, damit Trennlinie angezeigt wird
		if (showUserChromeCSS) {
				let editChromeItem = $C("menuitem", {
					label: "userChrome.css bearbeiten"
				});
				editChromeItem.addEventListener("command", () => UCL.editUserCSS("userChrome.css"));
				mp.appendChild(editChromeItem);
		}
		if (showUserContentCSS) {
				let editContentItem = $C("menuitem", {
					label: "userContent.css bearbeiten"
				});
				editContentItem.addEventListener("command", () => UCL.editUserCSS("userContent.css"));
				mp.appendChild(editContentItem);
		}
		if (showUserChromeShadowCSS) {
				let editContentItem = $C("menuitem", {
					label: "userChromeShadow.css bearbeiten"
				});
				editContentItem.addEventListener("command", () => UCL.editUserCSS("userChromeShadow.css"));
				mp.appendChild(editContentItem);
		}
		if (showUserChromeJS) {
				let editContentItem = $C("menuitem", {
					label: "userChrome.js bearbeiten"
				});
				editContentItem.addEventListener("command", () => UCL.editUserCSS("userChrome.js"));
				mp.appendChild(editContentItem);
		}		
		if (showPrefsJS || showUserJS)
			mp.appendChild($C('menuseparator')); // Trennlinie

		if (showPrefsJS) {
			let editPrefsItem = $C("menuitem", {
				label: "prefs.js bearbeiten"
			});
			editPrefsItem.addEventListener("command", () => UCL.editProfileFile("prefs.js"));
			mp.appendChild(editPrefsItem);
		}
		if (showUserJS) {
			let editUserJsItem = $C("menuitem", {
				label: "user.js bearbeiten"
			});
			editUserJsItem.addEventListener("command", () => UCL.editProfileFile("user.js"));
			mp.appendChild(editUserJsItem);
		}
		CustomizableUI.createWidget({
			id: 'usercssloader-menu-item',
			type: 'custom',
			defaultArea: CustomizableUI.AREA_NAVBAR,
			onBuild: function(aDocument) {
				let toolbaritem = aDocument.createXULElement('toolbaritem');
				toolbaritem.id = 'usercssloader-menu-item';
				toolbaritem.className = 'chromeclass-toolbar-additional';
				return toolbaritem;
			}
		});
		$('usercssloader-menu-item').appendChild(cssmenu);
		if (position === 1) {
				let refNode = $('helpMenu');
				refNode.parentNode.insertBefore(cssmenu, refNode.nextSibling);
		}
		// Stile neu laden, ohne Menü zu öffnen
		let key = $C("key", {
			id: "usercssloader-rebuild-key",
			key: "R",
			modifiers: "alt",
		});
		key.addEventListener("command", () => UCL.rebuild());
		$("mainKeyset").appendChild(key);
		this.rebuild();
		this.initialized = true;
		window.addEventListener("unload", this, false);
	},
	uninit: function() {
		const dis = [];
		for (let x of Object.keys(this.readCSS)) {
			if (!this.readCSS[x].enabled)
				dis.push(x);
		}
		this.prefs.setCharPref("disabled_list", encodeURIComponent(dis.join("|")));
		window.removeEventListener("unload", this, false);
	},
	destroy: function() {
		var i = document.getElementById("usercssloader-menu");
		if (i) i.parentNode.removeChild(i);
		var i = document.getElementById("usercssloader-rebuild-key");
		if (i) i.parentNode.removeChild(i);
		this.uninit();
	},
	handleEvent: function(event) {
		switch(event.type){
			case "unload": this.uninit(); break;
		}
	},
	rebuild: function() {
		let ext = /\.css$/i;
		let not = /\.uc\.css/i;
		let files = this.FOLDER.directoryEntries.QueryInterface(Ci.nsISimpleEnumerator);
		while (files.hasMoreElements()) {
			let file = files.getNext().QueryInterface(Ci.nsIFile);
			if (!ext.test(file.leafName) || not.test(file.leafName)) continue;
			let CSS = this.loadCSS(file);
			CSS.flag = true;
		}
		for (let leafName of Object.keys(this.readCSS)) {
			const CSS = this.readCSS[leafName];
			if (!CSS.flag) {
				CSS.enabled = false;
				delete this.readCSS[leafName];
			}
			delete CSS.flag;
			this.rebuildMenu(leafName);
		}
		if (this.initialized) {
			if (typeof(StatusPanel) !== "undefined")
				StatusPanel._label = "Styles importiert";
			else
				XULBrowserWindow.statusTextField.label = "Styles importiert";
		}
	},
	loadCSS: function(aFile) {
		let CSS = this.readCSS[aFile.leafName];
		if (!CSS) {
			CSS = this.readCSS[aFile.leafName] = new CSSEntry(aFile);
			if (this.disabled_list.indexOf(CSS.leafName) === -1) {
				CSS.enabled = true;
			}
		} else if (CSS.enabled) {
			CSS.enabled = true;
		}
		return CSS;
	},
	rebuildMenu: function(aLeafName) {
		let CSS = this.readCSS[aLeafName];
		let menuitem = document.getElementById("usercssloader-" + aLeafName);
		if (!CSS) {
			if (menuitem)
				menuitem.parentNode.removeChild(menuitem);
			return;
		}
		if (!menuitem) {
			menuitem = $C("menuitem", {
				label: aLeafName,
				id: "usercssloader-" + aLeafName,
				class: "usercssloader-item " + (CSS.SHEET == this.AGENT_SHEET? "AGENT_SHEET" : CSS.SHEET == this.AUTHOR_SHEET? "AUTHOR_SHEET": "USER_SHEET"),
				type: "checkbox",
				autocheck: "false",
				tooltiptext: menutooltip
			});
			menuitem.addEventListener("command", () => UCL.toggle(aLeafName));
			menuitem.addEventListener("click", (event) => UCL.itemClick(event));
			menuitem.addEventListener("mouseup", (event) => { if (event.button === 1) event.preventDefault(); });
			document.getElementById("usercssloader-menupopup").appendChild(menuitem);
		}
		menuitem.setAttribute("checked", CSS.enabled);
	},
	toggle: function(aLeafName) {
		let CSS = this.readCSS[aLeafName];
		if (!CSS || event.ctrlKey) return;
		CSS.enabled = !CSS.enabled;
		this.rebuildMenu(aLeafName);
	},
	itemClick: function(event) {
		let label = event.currentTarget.getAttribute("label");
		event.preventDefault();
		event.stopPropagation();
		if (event.button === 0) {
				return;
		} else if (event.button === 1) {
				this.toggle(label);
		} else if (event.button === 2) {
				if (event.ctrlKey && fileManager  !== "") {
						UCL.showFile(label);
				} else {
				closeMenus(event.target);
				this.edit(this.getFileFromLeafName(label));
				}
		}
	},
	getFileFromLeafName: function(aLeafName) {
		let f = this.FOLDER.clone();
		f.QueryInterface(Ci.nsIFile); // use appendRelativePath
		f.appendRelativePath(aLeafName);
		return f;
	},
	showFile: function(fname) {
				const PathSep = AppConstants.platform === "win" ? "\\" : "/";
				let target= this.FOLDER.path + PathSep + fname;
				let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
				let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
				let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
				           [target,fileManagerParam];
				file.initWithPath(fileManager);
				process.init(file);
				// Verzeichnis mit anderem Dateimanager öffnen
				process.run(false, args, args.length);
	},
	openCSSFolder:function(){
		if (fileManager !== "" && fileManagerParam !== "/select,") {
				let target = this.FOLDER.path;
				let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
				let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
				let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
				           [target,fileManagerParam];
				file.initWithPath(fileManager);
				process.init(file);
				// Verzeichnis mit anderem Dateimanager öffnen
				process.run(false, args, args.length);
		} else {
				// Verzeichnis mit Dateimanager des Systems öffnen
				this.FOLDER.launch();
		}
	},
	openCHRMFolder:function(){
		if (fileManager !== "" && fileManagerParam !== "/select,") {
				let target = this.CHRMFOLDER.path;
				let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
				let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
				let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
				           [target,fileManagerParam];
				file.initWithPath(fileManager);
				process.init(file);
				// Verzeichnis mit anderem Dateimanager öffnen
				process.run(false, args, args.length);
		} else {
				// Verzeichnis mit Dateimanager des Systems öffnen
				this.CHRMFOLDER.launch();
		}
	},
	editUserCSS: function(aLeafName) {
		let file = Services.dirsvc.get("UChrm", Ci.nsIFile);
		file.appendRelativePath(aLeafName);
		this.edit(file);
	},
    editProfileFile: function(filename) {
        let file = Services.dirsvc.get("ProfD", Ci.nsIFile);
        file.append(filename);
        this.edit(file);
    },
	edit: function(aFile) {
		let editor = (customEditor !== "") ? customEditor : Services.prefs.getCharPref("view_source.editor.path");
		if (!editor) return alert('In der Konfiguration einen Texteditor festlegen ("customEditor") oder\n unter about:config im vorhandenen Schalter "view_source.editor.path"\n den vollständigen Editorpfad eintragen.');
		try {
			let UI = Cc["@mozilla.org/intl/scriptableunicodeconverter"].createInstance(Ci.nsIScriptableUnicodeConverter);
			UI.charset = window.navigator.platform.toLowerCase().indexOf("win") >= 0? "Shift_JIS": "UTF-8";
			let path = UI.ConvertFromUnicode(aFile.path);
			let app = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
			app.initWithPath(editor);
			let process = Cc["@mozilla.org/process/util;1"].createInstance(Ci.nsIProcess);
			process.init(app);
			process.run(false, [path], 1);
		} catch (e) {}
	},
	create: function(aLeafName) {
		if (!aLeafName) aLeafName = prompt("Name des Styles", dateFormat(new Date(), "%Y_%m%d_%H%M%S"));
		if (aLeafName) aLeafName = aLeafName.replace(/\s+/g, " ").replace(/[\\/:*?\"<>|]/g, "");
		if (!aLeafName || !/\S/.test(aLeafName)) return;
		if (!/\.css$/.test(aLeafName)) aLeafName += ".css";
		let file = this.getFileFromLeafName(aLeafName);
		this.edit(file);
	},
	UCrebuild: function() {
		let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
		let query = "?" + new Date().getTime();
		Array.slice(document.styleSheets).forEach(function(css){
			if (!re.test(css.href)) return;
			if (css.ownerNode) {
				css.ownerNode.parentNode.removeChild(css.ownerNode);
			}
			let pi = document.createProcessingInstruction('xml-stylesheet','type="text/css" href="'+ css.href.replace(/\?.*/, '') + query +'"');
			document.insertBefore(pi, document.documentElement);
		});
		UCL.UCcreateMenuitem();
	},
	UCcreateMenuitem: function() {
		let sep = $("usercssloader-ucseparator");
		let popup = sep.parentNode;
		if (sep.nextSibling) {
			let range = document.createRange();
			range.setStartAfter(sep);
			range.setEndAfter(popup.lastChild);
			range.deleteContents();
			range.detach();
		}
		let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
		Array.slice(document.styleSheets).forEach(function(css) {
			if (!re.test(css.href)) return;
			let fileURL = decodeURIComponent(css.href).split("?")[0];
			let aLeafName = fileURL.split("/").pop();
			let m = $C("menuitem", {
				label: aLeafName,
				tooltiptext: fileURL,
				id: "usercssloader-" + aLeafName,
				type: "checkbox",
				autocheck: "false",
				checked: "true",
			});
			m.css = css;
			m.addEventListener("command", function() {
				if (!event.ctrlKey) {this.setAttribute("checked", !(this.css.disabled = !this.css.disabled));}
			});
			m.addEventListener("mouseup", function(event) {
				if (event.button === 1) event.preventDefault();
			});
			m.addEventListener("click", function(event) {
				UCL.UCItemClick(event);
			});
			popup.appendChild(m);
		});
	},
	UCItemClick: function(event) {
		if (event.button === 0) return;
		event.preventDefault();
		event.stopPropagation();
		if (event.button === 1) {
			event.target.doCommand();
		}
		else if (event.button === 2) {
			closeMenus(event.target);
			let fileURL = event.currentTarget.getAttribute("tooltiptext");
			let file = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getFileFromURLSpec(fileURL);
			this.edit(file);
		}
	},
};
function CSSEntry(aFile) {
	this.path = aFile.path;
	this.leafName = aFile.leafName;
	this.lastModifiedTime = 1;
	this.SHEET = /^xul-|\.as\.css$/i.test(this.leafName) ?
		Ci.nsIStyleSheetService.AGENT_SHEET:
		/\.author\.css$/i.test(this.leafName)?
			Ci.nsIStyleSheetService.AUTHOR_SHEET:
			Ci.nsIStyleSheetService.USER_SHEET;
}
CSSEntry.prototype = {
	sss: Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService),
	_enabled: false,
	get enabled() {
		return this._enabled;
	},
	set enabled(isEnable) {
		let aFile = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile)
		aFile.initWithPath(this.path);
		let isExists = aFile.exists(); // true, wenn die Datei bereits existiert
		let lastModifiedTime = isExists ? aFile.lastModifiedTime : 0;
		let isForced = this.lastModifiedTime != lastModifiedTime; //true, wenn es eine Änderung in der Datei gibt
		let fileURL = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getURLSpecFromActualFile(aFile);
		let uri = Services.io.newURI(fileURL, null, null);
		if (this.sss.sheetRegistered(uri, this.SHEET)) {
			// Wenn diese Datei bereits gelesen wurde
			if (!isEnable || !isExists) {
				this.sss.unregisterSheet(uri, this.SHEET);
			}
			else if (isForced) {
				// Nach Stornierung erneut einlesen
				this.sss.unregisterSheet(uri, this.SHEET);
				this.sss.loadAndRegisterSheet(uri, this.SHEET);
			}
		} else {
			// Datei wurde nicht gelesen
			if (isEnable && isExists) {
				this.sss.loadAndRegisterSheet(uri, this.SHEET);
			}
		}
		if (this.lastModifiedTime !== 1 && isEnable && isForced) {
			log(this.leafName + " wurde aktualisiert");
		}
		this.lastModifiedTime = lastModifiedTime;
		return this._enabled = isEnable;
	},
};
UCL.init();
function $(id) { return document.getElementById(id); }
function $A(arr) { return Array.slice(arr); }
function $C(name, attr) {
	const el = document.createXULElement(name);
	if (attr) Object.keys(attr).forEach(function(n) { el.setAttribute(n, attr[n]) });
	return el;
}
function dateFormat(date, format) {
	format = format.replace("%Y", ("000" + date.getFullYear()).substr(-4));
	format = format.replace("%m", ("0" + (date.getMonth()+1)).substr(-2));
	format = format.replace("%d", ("0" + date.getDate()).substr(-2));
	format = format.replace("%H", ("0" + date.getHours()).substr(-2));
	format = format.replace("%M", ("0" + date.getMinutes()).substr(-2));
	format = format.replace("%S", ("0" + date.getSeconds()).substr(-2));
	return format;
}
function log(mes) { console.log(mes); }
})();

Alles anzeigen

Endor Was hältst Du davon?

Endor

Hallo Mira_Belle .
Finde ich prima. Klasse Arbeit!!!!

Nur hier:
let customEditor = "C:\\Program Files\\Microsoft VS Code\\Code.exe";

würde ich nur die Anführungszeichen alleine lassen.
als so:
let customEditor = "";

Du hast da Deinen bevorzugten Editor eingetragen,
das hat mich zuerst etwas verwirrt.

Wenn Speravir einverstanden ist, lade ich diese Version dann bei Github hoch.
Mfg.
Endor