Beiträge von Mira_Belle

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.

Mira_Belle

Speravir Werde das Skript überarbeiten, sobald ich aus dem Urlaub zurück bin.

Danke.

Mira_Belle

grisu2099 Danke für das i,

und Dir Sören Hentzschel für das einbauen.

Es wackelt alles und die Tastatur auf dem Smartphone ist auch nicht soo dolle.

Mira_Belle

... dann ist auf die DB verlass.

Zug ausgefallen.

Ersatzzug fährt nicht dorthin,

wo man hin wollte.

Zitzplatzresevierungen sind natürlich auch verfallen!

Dann hat man schöne Plätze in einem Abteil, fällt die Klima inkl. Lüftung aus.

Reisen mit der Bahn, immer ein Abenteuer.

Mira_Belle

2002Andreas Corner ist normalerweise das kleine "Dreieck" in der rechten unteren Ecke!
cs_buttons_color = ist das, was Du verändern wolltest. Unglückliche Bezeichnungen, aber so von Aris übernommen.

Mira_Belle

Hier das "neue" Skript, aber nur für User, bei denen das "normale" Skript die Pfeile nicht einfärbt!
Leider weiß ich nicht, woran das liegt, denn bei mir, wie auch bei einigen anderen, funktioniert das "normale" Skript.

CSS

// Scrollbar.uc.js

"use strict";
/* Custom Scrollbars for Firefox ********************************************************************************************* */
/*																															   */
/* Version: v0.8.light.uc.js for version 143+ for users whose normal icons cannot be colored using CSS. 			    	   */
/*																															   */
/* Scrollbar.v2.0.8.light.uc.js	  https://www.camp-firefox.de/forum/thema/139766/?postID=1279113#post1279113				   */
/*																															   */
/* ******************************************************************************************************************************

	README

    Änderungen!
    Symbole sind nun hardcoded.

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

(function() {

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

  // CUSTOM SCROLLBAR COLORS/GRADIENTS
  // - scrollbar
  let cs_scrollbar_arrows_color = 						"%23bfbfbf"					;// default: custom_scrollbar_arrows_color = "grey"; / # ==> %23 e.g. #33CCFF ==> %2333CCFF
  let cs_scrollbar_arrows_hover_color = 				"%23ffae00"					;// default: custom_scrollbar_arrows_hover_color = "orange"; # ==> %23
  // - 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;
		  height: 17px !important;
		  width: 17px !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("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_color}' %3E%3Cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3E%3C/svg%3E ") !important;
		}
		scrollbar[vertical] > scrollbarbutton[type="increment"] {
		  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_color}' %3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E ") !important;
		}
		scrollbar > scrollbarbutton[type="decrement"] {
		  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_color}' %3E%3Cpath d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'/%3E%3C/svg%3E ") !important;
		}
		scrollbar > scrollbarbutton[type="increment"] {
		  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_color}' %3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E ") !important;
		}
		
		/* Hover */

        scrollbar[vertical] > scrollbarbutton[type="decrement"]:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_hover_color}' %3E%3Cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3E%3C/svg%3E ") !important;
          background-repeat: no-repeat !important;
          background-position: top !important;
        }
        scrollbar[vertical] > scrollbarbutton[type="increment"]:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_hover_color}' %3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E ") !important;
          background-repeat: no-repeat !important;
          background-position: bottom !important;
        }
        scrollbar > scrollbarbutton[type="decrement"]:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_hover_color}' %3E%3Cpath d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'/%3E%3C/svg%3E ") !important;
          background-repeat: no-repeat !important;
          background-position: left !important;
        }
        scrollbar > scrollbarbutton[type="increment"]:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_hover_color}' %3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E ") !important;
          background-repeat: no-repeat !important;
          background-position: right !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

edvoldi Sehe ich erst jetzt, Du solltest nicht die Farbe ändern, sondern die blauen Pfeile "einsetzen".

Also nicht z.B. "Pfeil-hoch.svg" sondern "Pfeil-hoch_blau.svg"!

Hier noch einmal die Pfeile, auch die Blauen.

Pfeile.zip

Zitat von edvoldi

Natürlich starte ich Firefox immer mit Cache leeren neu.

Mit einem Skript? Oder wirklich "neu"?
Muss ich wissen, denn ich vermute ein Cacheproblem.

Zitat von Mira_Belle

Mach bitte erst einmal nur das, was ich von Dir erbitte.
Nutze wieder bitte das Skript aus #225 ohne irgendwelche Veränderungen!
Nachfrage, Du startest den Firefox doch immer ganz neu, oder?
Wenn nun die Pfeile wieder in Schwarz erscheinen, das soll so!
Bitte Rückmeldung.

Mir läuft die Zeit etwas davon!
Wie heißt das Skript bei Dir? "Scrollbar.v2.0.8.js" ?
Benenne es mal um in "1_Scrollbar.v2.0.8.js"!
Pfeile immer noch Schwarz?

Dann schreibe ich Dir ein neues Skript!

Mira_Belle

Macht mich nicht kirre!
2002Andreas Welches Skript?

edvoldi Mach bitte erst einmal nur das, was ich von Dir erbitte.
Nutze wieder bitte das Skript aus #225 ohne irgendwelche Veränderungen!
Nachfrage, Du startest den Firefox doch immer ganz neu, oder?

Wenn nun die Pfeile wieder in Schwarz erscheinen, das soll so!
Bitte Rückmeldung.

Wir müssen etwas am Ball bleiben, fahre heut Abend noch in Urlaub,
und hab noch einiges zu erledigen.
Tu so, wenn Du kannst, als würden wir chatten.

Mira_Belle

OK, wenn Du nun in dem Skript, den Eintrag auf die Symbole auf die blauen Pfeile änderst,
werden die dann auch "richtig", also farbig angezeigt?

Mira_Belle

Ah, Du hast den Fensterinhalt vergrößert!
Das hat mich irritiert!

Ändere let cs_buttons_border = von z.Z. "1" auf "0", dann sind die Rahmen um die Pfeile schon mal weg!

Nächste Frage, wo genau sind die Symbole abgespeichert?
Bitte den kompletten Pfad, z,B.
"C:\Users\Mira\AppData\Roaming\Mozilla\Firefox\Profiles\Mira\chrome\icons"
Kopiere diesen aus dem Explorer, bitte.

Mira_Belle

Okay, ist aber merkwürdig, das mit der Schaltfläche.
Habe bei mir Test halber mal ein neues Profil erstellt,
ist so, wie ich geschrieben habe.

Aber vergessen wir das ganze einfach und fangen noch einmal von Vorne an.

Wenn Du eine Möglichkeit suchst, eine einfache, nur mit einem Klick an die Erweiterungen zu kommen,
blende dauerhaft die Lesezeichen-Symbolleiste ein.
Danach auf diese das Lesezeichen für about:addons ablegen.

Mira_Belle

Dato Rechts ist definitiv irgendwie verändert! Es ist nicht das normale Menü!
Und wenn Du weder CSS noch JS nutzt, muss es eine Erweiterung sein.

Das linke Menü, das wäre das normale "Hamburgermenü".

Mit der Schaltfläche "Erweiterungen und ..." & dem Hotkeyhinweis _{(Strg+Umschalt+A)}

Zitat von Dato

rechte Seite ist mit mein Aktuelles Profil und AddOns.

Noch Fragen?

Apropos "Rechts".
Wenn man sich den Hintergrund genauer anschaut, ...

Wo ist der Button "Erweiterungen"?

Warum liegt der Button für das "Hamburgermenü" auf der Adressleiste?
Und warum ist die Lesezeichenleiste über der Adressleiste?

Entweder Du gibst mir, sorry, uns, eine plausible Erklärung,
oder ich bin raus.

Mira_Belle

Zitat von Dato

Denn die Linke Seite wäre genau das wa ich möchte, ABER mit installierten AddOns.

Das ist das ganz normale "Hamburgermenü"!
Das rechte Bild zeigt, was auch immer, an! Irgendeine Erweiterung die da zwischen haut,
oder Du hast CSS im Einsatz. Wie auch immer, so sollte das Menü nicht aussehen!

Beiträge von Mira_Belle

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

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Wenn man eine Reise macht, ...

Wenn man eine Reise macht, ...

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

drei Strich Menü > Erweiterung, warum der Umweg ?

drei Strich Menü > Erweiterung, warum der Umweg ?

drei Strich Menü > Erweiterung, warum der Umweg ?