Beiträge von Mira_Belle

Mira_Belle

Zitat von BarbaraZ-

Jetzt ist alles wieder so, wies sein soll.

Super, freut mich.

Mira_Belle

ot
2002Andreas Wie ich schon schrieb, wenn sich Funktionen mehrer Skript überschneiden, kann es vorkommen,
dass da so einiges durcheinander kommt. (Mein Schnelltest #2 )
Aber Du hast Recht, hat mit BarbaraZ-'s Problem nichts zu tun.

Was ich sehe, in Deinem Screenshot, ist für mich schon sehr interresant.
Jedoch werden viele dieser Funktionen bei mir durch mein Appmenu.uc.js abgedeckt!
Es gibt da, wie ich schon schrieb, aber auch Funktionen, die mich "kitzeln".
ot/ENDE

Zurück zum Thema.

Mira_Belle

BarbaraZ- Bedenke, je mehr JavaScripte Du nutzt, desto eher kann so etwas passieren

Mein Vorschlag, überlege Dir welche Funktionen bei welchem Skript wichtig sind, bzw. waren.
Eventuell kann man dann ein "neues" Skript basteln, welche Dir dann jene Funktionen bieten.

Ich z.B. habe einen Button, der abput:about öffnet, das reicht, ich brauche kein Extramenü,
welches mir noch einmal "ausgewählte" Aufrufe präsentiert.
Auch nutze ich ein weiteres Skript, welches mir einen Button, nebst Menü generiert, damit ich direkt
diverse Ordner öffnen kann.
Was mir bisher noch nicht so richtig gelingen will, das "UserCSSLoader"-Skript da "richtig" zu integrieren.

Ich finde "Dein" Skript interessant, jedoch hat es Funktionen, die ich als überflüssig erachte.
Aber auch welche, die mich auf neue Ideen bringen, und die ich gut finde.

Mira_Belle

Ok, scheint wohl doch zu funktionieren.
Ich schrieb ja, so auf die Schnelle!
Es gibt wohl Überschneidungen mit anderen Skripten, weshalb ich dieses Skript noch einmal separat getestet habe.

Aber eine Sache bleibt dennoch offen, das CSS

Mira_Belle

Zitat von BarbaraZ-

Moin,
mit dem Update auf die Version 143.0.3 läuft hier einiges unrund.

Das hat aber gar nichts mit dem Skript zu tun.
Welches CSS nutzt Du denn für die Symbole?

Aber so ganz nebenbei, das Skript funktioniert so auf die schnelle getestet so gar nicht bei mir.
Es wird nur ein Button nebst einem Menü erzeugt.

Mira_Belle

Ups,
auch von mir,
Nachträglich noch alles Gute!

Mira_Belle

Zitat von Dharkness

... unangenehmen Schreibfehler begangen, - statt _ und schon ging es nicht, ...

Geht de Mensche wie de Leut'.
Ist mir auch schon mehr wie einmal passiert, und dann sieht man es manches Mal gar nicht selber und sucht sich einen Wolf.

Mira_Belle

Boersenfeger So ganz verstehe ich Dich nicht!
Du kannst doch die Breite in der user.js frei definieren!
Es müssen ja keine 22px sein, das kannst Du ganz Deinen Wünschen anpassen

Aber, wenn ich Deine Screenshots anschaue, fällt mir auch, dass der Farbverlauf auch nicht wie vorgesehen
eingestellt ist. Soll das so?
_{(Beim zweiten Bildchen [}_Hove_r_?_])

Mira_Belle

Zitat von Dharkness

... getestet, aber Pfeil-hoch.svg ...

Lassen die sich im Skript einfärben?
Bei den anderen ist die Farbe ja vorgegeben!

Ach und lass mir mal Deine Symbole zukommen,
jene, die bei Dir nicht angezeigt werden.
Ich würde das gerne mal testen, eventuell fällt mir dann ja dazu was ein.

Mira_Belle

Dharkness Merkwürdig.

Kannst Du mal testen?

Pfeile.zip

Sind alle Pfeile, sowohl schon Farblich, als auch "anpassbar"!

Mira_Belle

Gedanken zu den Symbolen!

Es scheint wohl so, dass mit diesem Skript nur Vektorgrafiken gescheit funktionieren.
Wenn wer auch immer unbedingt PNG's oder was anderes nehmen will,
muss es zusehen, wie er das Skript dann anpasst,

Er müsste sich eigentlich nur die Light-Version mal genauer anschauen. #237

Mira_Belle

Hier die neueste Version!

Ich hoffe ja, dass nun alle Glücklich damit werden,

ABER, lest verdammt noch mal bitte den Header durch, dafür ist der da!
Dort wird das Wichtigste erklärt.

JavaScript

// Scrollbar.uc.js

"use strict";
/* Custom Scrollbars for Firefox ********************************************************************************************* */
/*																															   */
/* Version: v2.0.8.b.uc.js for Firefox 143+ 																				   */
/*																															   */
/* Scrollbar.v2.0.8.b.uc.js	  https://www.camp-firefox.de/forum/thema/139766/?postID=1280302#post1280302					   */
/*																															   */
/* ******************************************************************************************************************************

	README

		about:config >
			widget.windows.overlay-scrollbars.enabled > false (Windows)
			widget.gtk.overlay-scrollbars.enabled > false (Linux)
		[!] The above preferences have to be set to 'false' for this code to work
		[!] Die genannten Einstellungen müssen auf 'false' gesetzt werden, damit dieser Code funktioniert.

		user.js >
			user_pref("widget.non-native-theme.win.scrollbar.use-system-size", false);	// false schaltet die Systemeinstellung aus
			user_pref("widget.non-native-theme.scrollbar.size.override", 22);			// 22 setzt die Scrollbarbreite auf 22px)
		[!] The above entries must be set in user.js for this code to work.
		[!] Die oben genannten Einträge müssen in der user.js gesetzt werden, damit dieser Code funktioniert.

			/* ----------------------------------------------------------------------------------- */
			/*     Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen     */
			/*            %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons             */
			/*                                                                                     */
			/*   Auch müssen die Dateinamen im Skript mit jenen im Ordner "icons" übereinstimmen   */
			/* ----------------------------------------------------------------------------------- */

/* *************************************************************************************************************************** */

(function() {

  /* **** Konfiguration **** */

  // PROFILE PHATH "CALCULATE"
  let ProfileDirectory = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));

  // CUSTOM SCROLLBAR COLORS/GRADIENTS
  // - scrollbar
  let cs_scrollbar_arrows_color = 						"#bfbfbf"				   ;// "#7c7c7c"	"#1e90ff"
  let cs_scrollbar_arrows_hover_color = 				"#ffa600"				   ;// "#ffa600"	"#bebebe"
  let cs_scrollbar_size =								22							;// Important!	See README !!
  // - background
  let cs_background_color = 							"#5b5b66"				   ;// default: cs_background_color = "#DDDDDD"	/ "#AEC5FA"
  let cs_background_roundness = 						0							;// default: cs_background_roundness = 0 / in px	/ 9
  let cs_ignore_color_gradients = 						true						;// default: cs_ignore_color_gradients = false / true 'flat' scrollbars
  // - corner
  let cs_corner_background_color = 						"#bfbfbf"				   ;// default: cs_corner_background_color = "#DDDDDD" / - corner	/ "#CCCCCC"
  // - thumb/slider
  let cs_thumb_color = 									"#bfbfbf"				   ;// default: cs_thumb_color = "#33CCFF" / thumb/slider
  let cs_thumb_hover_color = 							"#ffa600"				   ;// default: cs_thumb_hover_color = "#66FFFF"
  let cs_thumb_border_color = 							"#5b5b66"				   ;// default: cs_thumb_border_color = "#33CCFF"
  let cs_thumb_border = 								1							;// default: cs_thumb_border = 0 / in px 1
  let cs_thumb_roundness = 								9							;// default: cs_thumb_roundness = 0 / in px 9
  let cs_thumb_minimal_size = 							17							;// default: cs_thumb_minimal_size = 17 / in px
  // - buttons
  let cs_buttons_color = 								"#5b5b66"				   ;// default: cs_buttons_color = "#66FFFF" "Bahama Blue";/ buttons
  let cs_buttons_hover_color = 							"#5b5b66"				   ;// default: cs_buttons_hover_color = "#33CCFF"	/ "#bfffff"
  let cs_button_size =									17							;// in px // default: cs_button_size = 17 / in px
  let cs_buttons_border = 								0							;// default: cs_buttons_border = 0 / in px
  let cs_buttons_roundness = 							0							;// default: cs_buttons_roundness = 0 / in px
 
  /* **** Ende Konfiguration **** */

/* *************************************************************************************************************************** */
  // FIXED SCROLL BAR COLORS/COLOR GRADIENTS
	// - fixed values for background image gradients
	let GRADIENT_VERTICAL = 							"linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)";
	let GRADIENT_HORINZONTAL = 							"linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)";
	// - background  
	let cs_background_image_vertical = 					GRADIENT_VERTICAL			;// default: cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_background_image_horizontal = 				GRADIENT_HORINZONTAL		;// default: cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
	// - corner
	let cs_corner_background_image = 					"linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)"						;// default: cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)"
	// - thumb/slider
	let cs_thumb_image_vertical = 						GRADIENT_VERTICAL			;// default: cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_thumb_image_horizontal = 					GRADIENT_HORINZONTAL		;// default: cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_thumb_hover_image_vertical = 				GRADIENT_VERTICAL			;// default: cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_thumb_hover_image_horizontal = 				GRADIENT_HORINZONTAL		;// default: cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
	// - buttons
	let cs_buttons_image_vertical = 					GRADIENT_VERTICAL			;// default: cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_buttons_image_horizontal = 					GRADIENT_HORINZONTAL		;// default: cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_buttons_hover_image_vertical = 				GRADIENT_VERTICAL			;// default: cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_buttons_hover_image_horizontal =				GRADIENT_HORINZONTAL		;// default: cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"

  // unset background image color gradients -> flat scrollbars
  if(cs_ignore_color_gradients === true)
	cs_background_image_vertical
	= cs_background_image_horizontal
	= cs_corner_background_image
	= cs_thumb_image_vertical
	= cs_thumb_image_horizontal
	= cs_thumb_hover_image_vertical
	= cs_thumb_hover_image_horizontal
	= cs_buttons_image_vertical
	= cs_buttons_image_horizontal
	= cs_buttons_hover_image_vertical
	= cs_buttons_hover_image_horizontal
	= "unset";

  let custom_scrollbars_code='';
  let custom_scrollbar_arrows_code='';

	custom_scrollbars_code=`
		scrollcorner,
  		scrollbar > slider, 
		scrollbar > slider > thumb, 
		scrollbar > scrollbarbutton {
		/*  appearance: auto; */
		  -moz-default-appearance: none !important;
		}
		scrollbar > slider {
		  background-color: ${cs_background_color} !important;
		  background-image: ${cs_background_image_horizontal} !important;
		  border-radius: ${cs_background_roundness}px !important;
		}
		scrollbar[vertical] > slider {
		  background-image: ${cs_background_image_vertical} !important;
		  border-radius: ${cs_background_roundness}px !important;
		}
		scrollcorner {
		  background-color: ${cs_corner_background_color} !important;
		  background-image: ${cs_corner_background_image} !important;
		}
		scrollbar > slider > thumb {
		  background-color: ${cs_thumb_color} !important;
		  border-radius: ${cs_thumb_roundness}px !important;
		  box-shadow: inset 0 0 0 ${cs_thumb_border}px ${cs_thumb_border_color} !important;
		}
		scrollbar[vertical] > slider > thumb {
		  background-image: ${cs_thumb_image_vertical} !important;
		  min-height: ${cs_thumb_minimal_size}px !important;
		}
		scrollbar > slider > thumb {
		  background-image: ${cs_thumb_image_horizontal} !important;
		  min-width: ${cs_thumb_minimal_size}px !important;
		}
		scrollbar > slider > thumb:hover, scrollbar > slider > thumb:active {
		  background-color: ${cs_thumb_hover_color} !important;
		}
		scrollbar > slider > thumb[vertical]:hover, scrollbar > slider > thumb[vertical]:active {
		  background-image: ${cs_thumb_hover_image_vertical} !important;
		}
		scrollbar > slider > thumb[horizontal]:hover, scrollbar > slider > thumb[horizontal]:active {
		  background-image: ${cs_thumb_hover_image_horizontal} !important;
		}
		scrollbar > scrollbarbutton {
		  background-color: ${cs_buttons_color} !important;
		  border-radius: ${cs_buttons_roundness}px !important;
		  box-shadow: inset 0 0 0 ${cs_buttons_border}px !important;
		}
		scrollbar[vertical] scrollbarbutton {
		  background-image: ${cs_buttons_image_vertical} !important;
		}
		scrollbar[horizontal] scrollbarbutton {
		  background-image: ${cs_buttons_image_horizontal} !important;
		}
		scrollbar > scrollbarbutton:hover {
		  background-color: ${cs_buttons_hover_color} !important;
		}
		scrollbar[vertical] scrollbarbutton:hover {
		  background-image: ${cs_buttons_hover_image_vertical} !important;
		}
		scrollbar[horizontal] scrollbarbutton:hover {
		  background-image: ${cs_buttons_hover_image_horizontal} !important;
		}
	`;

	custom_scrollbar_arrows_code=`

		scrollbar > scrollbarbutton {
		  background-repeat: no-repeat !important;
		  background-position: center center !important;
		}
		scrollbar[vertical] > scrollbarbutton[type="decrement"] {
		  background-image: url("${ProfileDirectory}/Pfeil-hoch.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_color} !important;
            fill-opacity: 1 !important;
			background-position: top !important;
			min-width: ${cs_scrollbar_size}px !important;
			min-height: ${cs_scrollbar_size}px !important;
		}
		scrollbar[vertical] > scrollbarbutton[type="increment"] {
		  background-image: url("${ProfileDirectory}/Pfeil-runter.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_color} !important;
            fill-opacity: 1 !important;
			background-position: bottom !important;
			min-width: ${cs_scrollbar_size}px !important;
			min-height: ${cs_scrollbar_size}px !important;
		}
		scrollbar > scrollbarbutton[type="decrement"] {
		  background-image: url("${ProfileDirectory}/Pfeil-links.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_color} !important;
            fill-opacity: 1 !important;
			background-position: left !important;
			min-width: ${cs_scrollbar_size}px !important;
			min-height: ${cs_scrollbar_size}px !important;
		}
		scrollbar > scrollbarbutton[type="increment"] {
		  background-image: url("${ProfileDirectory}/Pfeil-rechts.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_color} !important;
            fill-opacity: 1 !important;
			background-position: right !important;
			min-width: ${cs_scrollbar_size}px !important;
			min-height: ${cs_scrollbar_size}px !important;
		}

		/* Hover */

		scrollbar[vertical] > scrollbarbutton[type="decrement"]:hover {
		  background-image: url("${ProfileDirectory}/Pfeil-hoch.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_hover_color} !important;
            fill-opacity: 1 !important;
			background-position: top !important;
		}
		scrollbar[vertical] > scrollbarbutton[type="increment"]:hover {
		  background-image: url("${ProfileDirectory}/Pfeil-runter.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_hover_color} !important;
            fill-opacity: 1 !important;
			background-position: bottom !important;
		}
		scrollbar > scrollbarbutton[type="decrement"]:hover {
		  background-image: url("${ProfileDirectory}/Pfeil-links.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_hover_color} !important;
            fill-opacity: 1 !important;
			background-position: left !important;
		}
		scrollbar > scrollbarbutton[type="increment"]:hover {
		  background-image: url("${ProfileDirectory}/Pfeil-rechts.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_hover_color} !important;
            fill-opacity: 1 !important;
			background-position: right !important;
		}
		scrollbar > scrollbarbutton {
			min-width: ${cs_button_size}px !important;
			min-height: ${cs_button_size}px !important;
		}

	`;

	Components.classes["@mozilla.org/content/style-sheet-service;1"]
		.getService(Components.interfaces.nsIStyleSheetService)
			.loadAndRegisterSheet(Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
				${custom_scrollbars_code}
				${custom_scrollbar_arrows_code}
			`), null, null),
	Components.classes["@mozilla.org/content/style-sheet-service;1"]
		.getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET);

})();

Alles anzeigen

Mira_Belle

So, heute Morgen noch einmal so einiges getestet!

Also, das mit den Einträgen in die user.js klappt. Beitrag #251
Die Bildlaufleisten (Scrollbar) werden breiter.

Nur das Symbol (Button) bleibt eben "klein",
aber auch das habe ich in den Griff bekommen!

Beispiel, wenn die Bildlaufleisten (Scrollbar) auf 22px eingestellt wurde:
_{(Ist jetzt nur für die Senkrechte)}

CSS

		scrollbar[vertical] > scrollbarbutton[type="decrement"] {
		  background-image: url("${ProfileDirectory}/Pfeil-hoch.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_color} !important;
            fill-opacity: 1 !important;
			background-position: top !important;
			min-width: 22px !important;
			min-height: 22px !important;
		}
		scrollbar[vertical] > scrollbarbutton[type="increment"] {
		  background-image: url("${ProfileDirectory}/Pfeil-runter.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_color} !important;
            fill-opacity: 1 !important;
			background-position: bottom !important;
			min-width: 22px !important;
			min-height: 22px !important;
		}

Alles anzeigen

Mira_Belle

Mh, , auch mit "Deinem" Restart-Skript alles normal.

Einstellungen Allgemein
Start gleich!

Tabs
Links in Tabs anstatt in neuen Fenstern öffnen aktiv.
Alles andere deaktiviert.

Mira_Belle

2002Andreas Ich habe nun Dein Skript aus #1 hier bei mir mit "meinem" Restart-Skript getestet!
Erst linke Maustaste, "Tagesschau" wird in einem neuen Tab geöffnet.
Dann rechte Maustaste, die drei eingetragenen Links werden als Tabs in einem neuen Fenster geöffnet.

Neues Fenster schließen, der Firefox per Skript neu starten.

Alles so, wie es sein soll!

Mira_Belle

Dann hätte ich nur noch das anzubieten.

JavaScript

// Restart_Firefox.uc.js
// RestartFirefoxButtonM.uc.js
// v. 0.8
// Source file https://www.camp-firefox.de/forum/thema/126132/?postID=1093563#post1093563
// Source file https://www.camp-firefox.de/forum/thema/139338/?postID=1271880#post1271880

/* ----------------------------------------------------------------------------------- */
/*     Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen     */
/*            %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons             */
/* ----------------------------------------------------------------------------------- */

// Linksklick 	if (event.button == 0)
// Mittelklick 	if (event.button == 1)
// Rechtsklick 	if (event.button == 2)

(function() {
    if (location.href !== 'chrome://browser/content/browser.xhtml') return;
    try {
        CustomizableUI.createWidget({
            id: 'restart-button2a',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {
        //        var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton'); 
                var toolbaritem = aDocument.createXULElement('toolbarbutton');               
                let props = {
                    id: 'restart-button2a',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'Neustart',
                    tooltiptext: 'Neustart (inkl. SkriptCache Löschen)',

                    // Hier wird die Hintergrundfarbe und die Iconfarbe direkt gesetzt
                    //style: 'background-color: #FF5733; color: white;'
                    //style: 'color: #f60000;',

                };             
                for (let p in props)
                    toolbaritem.setAttribute(p, props[p]);


                // Pfad zum Profilordner
                let ProfilePath = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
                // Pfad in den entsprechenden Unterordner
                let IconPath = '/chrome/icons/';
                // Name & Dateiendung des anzuzeigenden Symbols!
                let ButtonIcon = "refresh.svg";
                // Erstelle ein img-Element, um zu überprüfen, ob die Grafik geladen werden kann
                let img = new Image();
                img.src = "file:" + ProfilePath + IconPath + ButtonIcon;

                img.onload = function() {
                    // Wenn die Grafik geladen werden kann, setze das listStyleImage
                    toolbaritem.style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
                    toolbaritem.style.fill = 'red';    // Hier wird die Iconfarbe direkt gesetzt
                };

                img.onerror = function() {
                    // Wenn die Grafik nicht geladen werden kann, verwende das Fallback-Icon
                    toolbaritem.style.listStyleImage = 'url("chrome://browser/skin/fxa/avatar-empty.svg")';
                    toolbaritem.style.fill = 'red';    // Hier wird die Iconfarbe direkt gesetzt
                };

                return toolbaritem;
            }        
        });

    } catch(e) { };

    document.getElementById('restart-button2a').addEventListener('click', event => {
        // rechte Maus Neustart
            if (event.button == 2) {
              Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
            }
        // linke Maus Neustart mit Löschung des Start-Caches
            if (event.button == 0) {
                event.preventDefault();
                Services.appinfo.invalidateCachesOnRestart();
                Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); 	
            }
        // Mittelklick
            if (event.button == 1) {
        //      event.preventDefault();
        //      Services.appinfo.invalidateCachesOnRestart();
        //      Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
              openTrustedLinkIn("about:config", "tab");
            }
    });

    let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);       
    let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
            #restart-button2a.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
                width: 32px !important;
                height: 32px !important;
            }
       `), null, null);
    sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

})();

Alles anzeigen

Müsste dann aber noch angepasst und für das Menü erweitert werden.

Mira_Belle

JavaScript

    //      RestartFirefox_plus.uc.js   2

    (function() {

       if (location != 'chrome://browser/content/browser.xhtml') return;
       
       try {
          CustomizableUI.createWidget({
             id: 'restart-button',
             type: 'custom',
             defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {         
                var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                let props = {
                   id: 'restart-button',
                   class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                   removable: true,
                   label: 'Neustart',
                   tooltiptext: 'Neustart (mit Rechts- und Mittelklick wird userChrome.js-Cache geleert)',
                   style: 'list-style-image: url("file:///C:/Users/weiss/AppData/Roaming/Mozilla/Firefox/Profiles/i3gghgwc.default/chrome/Icons/refresh.svg")',
                   
                };            
                for (var p in props)
                   toolbaritem.setAttribute(p, props[p]);
			   
                toolbaritem.addEventListener('click', event => {
                    if (event.button == 1) {
                      Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
                    }
                
                    if (event.button == 0 || event.button == 2) {
                      event.preventDefault();
                      Services.appinfo.invalidateCachesOnRestart();
                      Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
                    }
                  });			   
                return toolbaritem;
             }      
          });
       } catch(e) { };   
	         
      
       var menuitem = Document.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');                

menuitem.id = 'restartfirefox-appMenu';
menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('tooltiptext' , 'Neustart');
menuitem.style.listStyleImage= 'url("file:///C:/Users/weiss/AppData/Roaming/Mozilla/Firefox/Profiles/i3gghgwc.default/chrome/Icons/reload1.svg")';
menuitem.addEventListener('click', event => {
						if (event.button == 1) { 
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); 
                              }
                              if (event.button == 0 || event.button == 2) { 
                                  Services.appinfo.invalidateCachesOnRestart(); 
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
                              }							  
					});
var refItem = document.getElementById('appMenu-viewCache').content.getElementById('appMenu-quit-button2');
refItem.parentNode.insertBefore(menuitem, refItem);
})();

Alles anzeigen

Testen.

Mira_Belle

Boersenfeger
Ich habe heute alle Beiträge zur Scrollbar durch geackert!

Ich würde Dich bitten, folgendes Script zu verwenden.
Und dann ließ Dir bitte beide verlinkten Beiträge durch.

CSS

// Scrollbar.uc.js

"use strict";
/* Custom Scrollbars for Firefox ********************************************************************************************* */
/*																															   */
/* Version: v2.0.8.a.uc.js for Firefox 143+ 																				   */
/*																															   */
/* Scrollbar.v2.0.8.a.uc.js	  https://www.camp-firefox.de/forum/thema/139766/?postID=1280271#post1280271					   */
/*																															   */
/* ******************************************************************************************************************************

	README

		about:config >
			widget.windows.overlay-scrollbars.enabled > false (Windows)
			widget.gtk.overlay-scrollbars.enabled > false (Linux)
		[!] The above preferences have to be set to 'false' for this code to work
		[!] Die genannten Einstellungen müssen auf 'false' gesetzt werden, damit dieser Code funktioniert.

			/* ----------------------------------------------------------------------------------- */
			/*     Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen     */
			/*            %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons             */
			/*                                                                                     */
			/*   Auch müssen die Dateinamen im Skript mit jenen im Ordner "icons" übereinstimmen   */
			/* ----------------------------------------------------------------------------------- */

/* *************************************************************************************************************************** */

(function() {

  /* **** Konfiguration **** */

  // PROFILE PHATH "CALCULATE"
  let ProfileDirectory = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));

  // CUSTOM SCROLLBAR COLORS/GRADIENTS
  // - scrollbar
  let cs_scrollbar_arrows_color = 						"#bfbfbf"				   ;// "#7c7c7c"	"#1e90ff"
  let cs_scrollbar_arrows_hover_color = 				"#ffa600"				   ;// "#ffa600"	"#bebebe"
  // - background
  let cs_background_color = 							"#5b5b66"				   ;// default: cs_background_color = "#DDDDDD"	/ "#AEC5FA"
  let cs_background_roundness = 						0							;// default: cs_background_roundness = 0 / in px	/ 9
  let cs_ignore_color_gradients = 						true						;// default: cs_ignore_color_gradients = false / true 'flat' scrollbars
  // - corner
  let cs_corner_background_color = 						"#bfbfbf"				   ;// default: cs_corner_background_color = "#DDDDDD" / - corner	/ "#CCCCCC"
  // - thumb/slider
  let cs_thumb_color = 									"#bfbfbf"				   ;// default: cs_thumb_color = "#33CCFF" / thumb/slider
  let cs_thumb_hover_color = 							"#ffa600"				   ;// default: cs_thumb_hover_color = "#66FFFF"
  let cs_thumb_border_color = 							"#5b5b66"				   ;// default: cs_thumb_border_color = "#33CCFF"
  let cs_thumb_border = 								1							;// default: cs_thumb_border = 0 / in px 1
  let cs_thumb_roundness = 								9							;// default: cs_thumb_roundness = 0 / in px 9
  let cs_thumb_minimal_size = 							17							;// default: cs_thumb_minimal_size = 17 / in px
  // - buttons
  let cs_buttons_color = 								"#5b5b66"				   ;// default: cs_buttons_color = "#66FFFF" "Bahama Blue";/ buttons
  let cs_buttons_hover_color = 							"#5b5b66"				   ;// default: cs_buttons_hover_color = "#33CCFF"	/ "#bfffff"
  let cs_button_size =									17							;// in px // default: cs_button_size = 17 / in px
  let cs_buttons_border = 								0							;// default: cs_buttons_border = 0 / in px
  let cs_buttons_roundness = 							0							;// default: cs_buttons_roundness = 0 / in px
 
  /* **** Ende Konfiguration **** */

/* *************************************************************************************************************************** */
  // FIXED SCROLL BAR COLORS/COLOR GRADIENTS
	// - fixed values for background image gradients
	let GRADIENT_VERTICAL = 							"linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)";
	let GRADIENT_HORINZONTAL = 							"linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)";
	// - background  
	let cs_background_image_vertical = 					GRADIENT_VERTICAL			;// default: cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_background_image_horizontal = 				GRADIENT_HORINZONTAL		;// default: cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
	// - corner
	let cs_corner_background_image = 					"linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)"						;// default: cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)"
	// - thumb/slider
	let cs_thumb_image_vertical = 						GRADIENT_VERTICAL			;// default: cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_thumb_image_horizontal = 					GRADIENT_HORINZONTAL		;// default: cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_thumb_hover_image_vertical = 				GRADIENT_VERTICAL			;// default: cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_thumb_hover_image_horizontal = 				GRADIENT_HORINZONTAL		;// default: cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
	// - buttons
	let cs_buttons_image_vertical = 					GRADIENT_VERTICAL			;// default: cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_buttons_image_horizontal = 					GRADIENT_HORINZONTAL		;// default: cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_buttons_hover_image_vertical = 				GRADIENT_VERTICAL			;// default: cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
	let cs_buttons_hover_image_horizontal =				GRADIENT_HORINZONTAL		;// default: cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"

  // unset background image color gradients -> flat scrollbars
  if(cs_ignore_color_gradients === true)
	cs_background_image_vertical
	= cs_background_image_horizontal
	= cs_corner_background_image
	= cs_thumb_image_vertical
	= cs_thumb_image_horizontal
	= cs_thumb_hover_image_vertical
	= cs_thumb_hover_image_horizontal
	= cs_buttons_image_vertical
	= cs_buttons_image_horizontal
	= cs_buttons_hover_image_vertical
	= cs_buttons_hover_image_horizontal
	= "unset";

  let custom_scrollbars_code='';
  let custom_scrollbar_arrows_code='';

	custom_scrollbars_code=`
		scrollcorner,
  		scrollbar > slider, 
		scrollbar > slider > thumb, 
		scrollbar > scrollbarbutton {
		/*  appearance: auto; */
		  -moz-default-appearance: none !important;
		}
		scrollbar > slider {
		  background-color: ${cs_background_color} !important;
		  background-image: ${cs_background_image_horizontal} !important;
		  border-radius: ${cs_background_roundness}px !important;
		}
		scrollbar[vertical] > slider {
		  background-image: ${cs_background_image_vertical} !important;
		  border-radius: ${cs_background_roundness}px !important;
		}
		scrollcorner {
		  background-color: ${cs_corner_background_color} !important;
		  background-image: ${cs_corner_background_image} !important;
		}
		scrollbar > slider > thumb {
		  background-color: ${cs_thumb_color} !important;
		  border-radius: ${cs_thumb_roundness}px !important;
		  box-shadow: inset 0 0 0 ${cs_thumb_border}px ${cs_thumb_border_color} !important;
		}
		scrollbar[vertical] > slider > thumb {
		  background-image: ${cs_thumb_image_vertical} !important;
		  min-height: ${cs_thumb_minimal_size}px !important;
		}
		scrollbar > slider > thumb {
		  background-image: ${cs_thumb_image_horizontal} !important;
		  min-width: ${cs_thumb_minimal_size}px !important;
		}
		scrollbar > slider > thumb:hover, scrollbar > slider > thumb:active {
		  background-color: ${cs_thumb_hover_color} !important;
		}
		scrollbar > slider > thumb[vertical]:hover, scrollbar > slider > thumb[vertical]:active {
		  background-image: ${cs_thumb_hover_image_vertical} !important;
		}
		scrollbar > slider > thumb[horizontal]:hover, scrollbar > slider > thumb[horizontal]:active {
		  background-image: ${cs_thumb_hover_image_horizontal} !important;
		}
		scrollbar > scrollbarbutton {
		  background-color: ${cs_buttons_color} !important;
		  border-radius: ${cs_buttons_roundness}px !important;
		  box-shadow: inset 0 0 0 ${cs_buttons_border}px !important;
		}
		scrollbar[vertical] scrollbarbutton {
		  background-image: ${cs_buttons_image_vertical} !important;
		}
		scrollbar[horizontal] scrollbarbutton {
		  background-image: ${cs_buttons_image_horizontal} !important;
		}
		scrollbar > scrollbarbutton:hover {
		  background-color: ${cs_buttons_hover_color} !important;
		}
		scrollbar[vertical] scrollbarbutton:hover {
		  background-image: ${cs_buttons_hover_image_vertical} !important;
		}
		scrollbar[horizontal] scrollbarbutton:hover {
		  background-image: ${cs_buttons_hover_image_horizontal} !important;
		}
	`;

	custom_scrollbar_arrows_code=`

		scrollbar > scrollbarbutton {
		  background-repeat: no-repeat !important;
		  background-position: center center !important;
		}
		scrollbar[vertical] > scrollbarbutton[type="decrement"] {
		  background-image: url("${ProfileDirectory}/Pfeil-hoch.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_color} !important;
            fill-opacity: 1 !important;
			background-position: top !important;
		}
		scrollbar[vertical] > scrollbarbutton[type="increment"] {
		  background-image: url("${ProfileDirectory}/Pfeil-runter.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_color} !important;
            fill-opacity: 1 !important;
			background-position: bottom !important;
		}
		scrollbar > scrollbarbutton[type="decrement"] {
		  background-image: url("${ProfileDirectory}/Pfeil-links.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_color} !important;
            fill-opacity: 1 !important;
			background-position: left !important;
		}
		scrollbar > scrollbarbutton[type="increment"] {
		  background-image: url("${ProfileDirectory}/Pfeil-rechts.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_color} !important;
            fill-opacity: 1 !important;
			background-position: right !important;
		}

		/* Hover */

		scrollbar[vertical] > scrollbarbutton[type="decrement"]:hover {
		  background-image: url("${ProfileDirectory}/Pfeil-hoch.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_hover_color} !important;
            fill-opacity: 1 !important;
			background-position: top !important;
		}
		scrollbar[vertical] > scrollbarbutton[type="increment"]:hover {
		  background-image: url("${ProfileDirectory}/Pfeil-runter.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_hover_color} !important;
            fill-opacity: 1 !important;
			background-position: bottom !important;
		}
		scrollbar > scrollbarbutton[type="decrement"]:hover {
		  background-image: url("${ProfileDirectory}/Pfeil-links.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_hover_color} !important;
            fill-opacity: 1 !important;
			background-position: left !important;
		}
		scrollbar > scrollbarbutton[type="increment"]:hover {
		  background-image: url("${ProfileDirectory}/Pfeil-rechts.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_hover_color} !important;
            fill-opacity: 1 !important;
			background-position: right !important;
		}
		scrollbar > scrollbarbutton {
			min-width: ${cs_button_size}px !important;
			min-height: ${cs_button_size}px !important;
		}

	`;

	Components.classes["@mozilla.org/content/style-sheet-service;1"]
		.getService(Components.interfaces.nsIStyleSheetService)
			.loadAndRegisterSheet(Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
				${custom_scrollbars_code}
				${custom_scrollbar_arrows_code}
			`), null, null),
	Components.classes["@mozilla.org/content/style-sheet-service;1"]
		.getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET);

})();

Alles anzeigen

Und hier die Links.
1. #59

und, wichtig, https://itigic.com/de/activate-an…-in-windows-11/

Wenn Du diesen Ratschlag befolgst, kannst Du immer das aktuelle Skript nutzen und es müssen keine extra Verrenkungen
erarbeitet werden.

Mira_Belle

Speravir Das sind die Gründe, warum ich dieses CSS in einer neueren Version des Skripts entfernt habe.

Mira_Belle

Boersenfeger Ich fürchte, dass Dir da niemand wird helfen können.

Wenn mich meine grauen Zellen nicht in die Irre führen, gab es früher schon einmal Probleme mit der Breite der Scrollleisten.

Ackere mal die alten Threads durch.

Werde ich nächste Woche dann mal machen.

Beiträge von Mira_Belle

Aufruf extra confing menu.uc.js

Aufruf extra confing menu.uc.js

Aufruf extra confing menu.uc.js

Aufruf extra confing menu.uc.js

Aufruf extra confing menu.uc.js

Der Glückwunsch-Thread

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

link-button.uc.js = Problem beim Beenden

link-button.uc.js = Problem beim Beenden

link-button.uc.js = Problem beim Beenden

link-button.uc.js = Problem beim Beenden

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig