Beiträge von Mira_Belle

Mira_Belle

Sören Hentzschel Viele Wege führen nach Rom!
Anwendungsmenü (Hamburgermenü)/Erweiterungen und ...

oder Erweiterungen und dann ganz unten "Erweiterungen verwalten"

landet man dann bei about:addons.
Beides scheint zu umständlich, aber ein Lesezeichen, das macht es besser!

Entweder einen Button per JavaScript, um mit nur einem Klick dahin zu kommen, oder es einfach sein lassen.
Alle anderen "Wege" führen immer über zwei Klicks zum Ziel.
Aber halt, nein, ein Lesezeichen in der Lesezeichenleiste, wäre noch eine "Einklicklösung".
Die Leiste müsste dann aber immer sichtbar sein.

Mira_Belle

hwww Du kannst das

CSS

#context-to-top {
  order: -1 !important;
}

#context-to-bottom {
  order: -1 !important;
}

Auch ganz weglassen!

Mira_Belle

OK, Du hast am Skript Einstellungen vorgenommen.
Nimm mal das Skript, so wie es ist!

CSS

// Scrollbar.uc.js

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

	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 = 								1							;// 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("${ProfileDirectory}/Pfeil-hoch.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_color} !important;
            fill-opacity: 1 !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;
		}
		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;
		}
		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;
		}

		/* 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;
		}
		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;
		}
		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;
		}
		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;
		}

		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

Die Farben werden noch nicht Deinen Wünschen entsprechen, macht aber nichts!
Die kannst Du auch nachher noch ändern.

Mira_Belle

Zitat von edvoldi

Auch mit diesen Symbole nur Schwarze Pfeile,

Leider ist der Screenshot recht klein, sodass ich die Pfeile nicht genau sehen kann.
Wie mir aber scheint, funkt Dir da irgendetwas dazwischen!
Auch kann man nichts von der Scrollbar sehen, auch nicht den "Schieber".

Mira_Belle

Versuche es hiermit.

Pfeile.zip

Mira_Belle

Warum auch immer! ? So bei mir.
Wenn ich noch mehr lösche, zeigt's gar kein Symbol mehr an.

CSS

menu.bookmark-item[container="true"]::before  {
    content: url("../icons/folder-plus.svg") !important;
    min-width: 16px !important;
    max-width: 16px !important;
    padding-right: 8px !important;
	padding-top: 2px !important;
}

/*Originalicon löschen*/
menu.bookmark-item[container="true"] > img {
    display: none !important;
}

Alles anzeigen

Aber bei SVG's muss ja irgendwo eine "Größe angegeben sein, die werden doch skaliert!
Oder etwa nicht?
Eventuell greift ja bei Dir ein anderes CSS?

Mira_Belle

Zitat von Dato

... dann werde ich das mit dem Button machen.

Du wirst aber Deinen Firefox für JavaScript erst fit machen müssen, wenn Du es noch nicht gemacht hast.

Mira_Belle

Ja, super, genau das habe ich gemeint!
Diese Zeile "<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill='dodgerblue'>" dürfte bei allen
vier SVG's gleich aussehen.
Ändere die in "<svg xmlns="http://www.w3.org/2000/svg" viewBox='0 0 16 16' fill='context-fill'>",
speichern nicht vergessen.

Danach sollten die Symbole die Farbe aus dem Skript übernehmen. Versuche es!

Mira_Belle

Hahaha. Ne, sorry. Nicht mein Skript.

Den Code Deiner Symbole, wenn es denn SVG's sind.
Diese mit Notepad++ öffnen und diesen Code!

Mira_Belle

Danke fürs Testen.

Zitat von 2002Andreas

Aber 19 Zeilen statt 4, nur wegen der genauen Pfadangabe

Nein darum geht es mir und wahrscheinlich auch @Horstmann eben nicht!
Sondern, dass jeder das einfach so nutzen kann.
Wir hatten es schon einmal, da war es bei zwei JS, dass Nutzer mit den Pfadangaben so gar nicht zurechtkamen.
Daher soll der Code, in diesem Fall das CSS, so einfach wie nur möglich in der Anwendung sein!

Kopieren, einfügen, fertig.

Mira_Belle

Zitat von edvoldi

Bei mir funktioniert das ohne Umstellung auf false!

Stimmt, geht auch ohne!
Aber Du brauchst natürlich auch die "richtigen" Symbole!

Kannst Du sie mit Notepad++ öffnen
und hier den Code reinstellen?

Mira_Belle

Sorry Mitleser , aber bei mir funktioniert das so nicht.
Aber Du hast mich auf eine Idee gebracht und so funktioniert es (bei mir).

CSS

treechildren::-moz-tree-image(container),
.bookmark-item[container="true"] {
	list-style-image: url("../icons/default-browser-red.svg") !important; 
}
menu.bookmark-item[container="true"]::before  {
    content: url("../icons/folder-plus.svg") !important;
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    background-position: left 1px top 0px !important;
    padding-right: 24px !important;
}
/*Originalicon löschen*/
menu.bookmark-item[container="true"] > img {
    display: none !important;
}

Alles anzeigen

Mira_Belle

Zitat von 2002Andreas

Wieder was gelernt

Jup, wieder was gelernt.
Denn eben gerade hatte ich etwas Zeit mir das CSS genauer anzusehen.

Der Selektor #context-to-top bezieht sich ja schon auf das Symbol,
daher muss man das nicht noch einmal ansprechen.

Ergo, die Zeile --menuitem-icon: url("chrome://browser/skin/downloads/downloads.svg"); kann gelöscht,
sollte gelöscht werden. Sie stiftet nur Verwirrung!

Mira_Belle

Zitat von 2002Andreas

Zeile 40 muss dann aber auch noch angepasst werden.

Oh, muss nicht, wäre aber besser!
Aus list-style-image: .. mach besser --menuitem-icon: ..

Mira_Belle

lionsson Äh, bei Andreas Version fehlt aber der Schließenbutton!

Mira_Belle

Ersetze Zeile menuitem.style.listStyleImage='url("chrome://browser/skin/downloads/downloads.svg")'; beide,
durch menuitem.style.setProperty('--menuitem-icon','url("chrome://browser/skin/downloads/downloads.svg")');

Mira_Belle

Mal so auf die Schnelle.

JavaScript

//ScrollTopAndBottom.uc.js
//Tab schließen zusätzlich eingefügt
(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;

    let menuitem = document.createXULElement('menuitem');
        menuitem.id = 'context-to-top';
        menuitem.classList.add('menuitem-iconic');
        menuitem.setAttribute('tooltiptext' , 'Zum Seitenanfang springen');
        menuitem.style.setProperty('--menuitem-icon','url("chrome://browser/skin/downloads/downloads.svg")');
        menuitem.addEventListener('click', () => {
            if (event.button == 0) {
                ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo({ top: 0, left: 0, behavior: \"smooth\" }) ' , false);
            }
        });

    let refItem = document.getElementById('context-reload');
    refItem.parentNode.insertBefore(menuitem, refItem);
     
    })();


(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
    let menuitem = document.createXULElement('menuitem');
        menuitem.id = 'context-to-bottom';
        menuitem.classList.add('menuitem-iconic');
        menuitem.setAttribute('tooltiptext' , 'Zum Seitenende springen');
        menuitem.style.setProperty('--menuitem-icon','url("chrome://browser/skin/downloads/downloads.svg")');
        menuitem.addEventListener('click', () => {
            if (event.button == 0) {
                ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo({ top: 100000, left: 0, behavior: \"smooth\" }) ' , false);
            }
        });

    var css = '\
        #context-to-top { \
        --menuitem-icon: url("chrome://browser/skin/downloads/downloads.svg");\
        transform:rotate(180deg)!important;\
        }\
        #context-to-top,\
        #context-to-bottom {\
        order: -1 !important;\
        }';

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

    let refItem = document.getElementById('context-reload');
    refItem.parentNode.insertBefore(menuitem, refItem);
     
    })();

(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
    let menuitem = document.createXULElement('menuitem');
    menuitem.id = 'Tab schließen';
    menuitem.classList.add('menuitem-iconic');
    menuitem.setAttribute('tooltiptext' , 'Tab schließen');
    menuitem.style.setProperty('--menuitem-icon','url(chrome://global/skin/icons/close.svg)');
    menuitem.addEventListener('click', () => {
        if (event.button == 0) {
            BrowserCommands.closeTabOrWindow();
        }
    });

    let refItem = document.getElementById('context-reload');
    refItem.parentNode.insertBefore(menuitem, refItem);
     
    })();

Alles anzeigen

Mira_Belle

Warum nicht einfach about:addons in die Adressleiste eingeben, wenn man genau dort hin will?
Wenn Du auch Skripte verwendest, könntest Du Dir auch einen Button "machen". QuickLink so zu sagen,
oder ich, oder wer anders.

JavaScript

// JavaScript Document
// QuickLinkButton-about:addons.uc.js  =  Button_for_QuickLinks-about.uc.js

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

(function() {
  
   if (location.href !== 'chrome://browser/content/browser.xhtml') return;  
   try {
      CustomizableUI.createWidget({
         id: 'link-button-about',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,
         onBuild: function(aDocument) {         
            let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
            let props = {
               id: 'link-button-about',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'Quicklink: about:addons',
               tooltiptext: 'Quicklink:\nabout:addons',
            };            
            for (var p in props) {
               toolbaritem.setAttribute(p, props[p]);
            }           

            return toolbaritem; 
         }      
      });
   } catch(e) {};

   document.getElementById('link-button-about').addEventListener('click', event => {
      if (event.button === 0) {
         openTrustedLinkIn("about:about", "tab")
      }
   });

   // 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 = "firefox.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
      document.getElementById('link-button-about').style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
      document.getElementById('link-button-about').style.fill = '#f1b508';    // Hier wird die Iconfarbe direkt gesetzt
   };
   
   img.onerror = function() {
      // Wenn die Grafik nicht geladen werden kann, verwende das Fallback-Icon
      document.getElementById('link-button-about').style.listStyleImage = 'url("chrome://browser/skin/flame.svg")';
      document.getElementById('link-button-about').style.fill = 'red';    // Hier wird die Iconfarbe direkt gesetzt
   };
})();

Alles anzeigen

Mira_Belle

Poste hier Deine Skripte, die bei Dir nicht mehr funktionieren, bitte.
Und ja, es gibt da einige Änderungen, aber die kann ich jetzt nicht so einfach aus dem Ärmel schütteln,
ich muss sehen, eventuell mit meinen vergleichen, dann kann ich sie korrigieren.

Mira_Belle

Zitat von Horstmann

Das Problem hatte ich auch schon, ähnlich wie hier diskutiert.

Danke.

Dann würde so etwas gehen:

CSS

:root {
    --uno: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/Neu/chrome/icons/folder-plus.svg") !important;
    --dos: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/Neu/chrome/icons/default-browser-red.svg") !important;
}

treechildren::-moz-tree-image(container),
.bookmark-item[container="true"] {
	list-style-image: url("../icons/folder.svg") !important;
    --bookmark-item-icon: image-set(var(--uno)) !important; 
}

#bookmarksToolbarFolderMenu {
    --menuitem-icon: image-set(var(--dos)) !important;
}

Alles anzeigen

Wobei auch das eben auch kein allgemein gültiges CSS ist!
Auch da muss mit dem absoluten Pfad gearbeitet werden.

Grrrr, das ist doch

Beiträge von Mira_Belle

drei Strich Menü > Erweiterung, warum der Umweg ?

Ganze Seite nach unten oder oben Scrollen das zweite mal

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

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen

drei Strich Menü > Erweiterung, warum der Umweg ?

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen

Ganze Seite nach unten oder oben Scrollen das zweite mal

Ganze Seite nach unten oder oben Scrollen das zweite mal

Nach Update auf 143.0: Gibt es neue Standards im Code?

Ganze Seite nach unten oder oben Scrollen das zweite mal

Nach Update auf 143.0: Gibt es neue Standards im Code?

drei Strich Menü > Erweiterung, warum der Umweg ?

Nach Update auf 143.0: Gibt es neue Standards im Code?

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen