Beiträge von Mira_Belle

Mira_Belle

Zitat von harff182

Ich wollte/will mein eigenes Icon wiederhaben, und das habbich ja auch

Das ist schön und freut mich für Dich.
Nur ist das keine allgemeine Lösung, an der wir uns gerade versuchen.

Horstmann Eventuell könnte da was mit content gehen,
aber ich finde kein Unterscheidungsmerkmal für Symbole von Links!
Denn wenn ich .bookmark-item > img.menu-icon oder so, ausblende,
sind nicht nur die "Ordnersymbole" weg, sondern eben auch die Icons von den Pages.

Mira_Belle

Horstmann Das mit der Variabel habe ich auch schon ausprobiert,
doch leider gibt es in CSS keine Möglichkeit, Variablen zu verketten oder Pfade dynamisch zu ergänzen.
url(var(--xxx) + "icons/folder_10.png") oder ähnliche Konstruktionen sind in CSS nicht gültig.

Wäre echt gut gewesen.
Bleibt also nur interne Symbole zu verwenden oder halt den absoluten Pfad zu nutzen. Echt doof.
Oder mit Kanonen auf Spatzen ..., aber das würde ja viel zu weit gehen und für User ohne JS ...
Ach was, lassen wir das.

harff182
Oder, wie in diesem Fall, weil es ja im Grunde nur um "Farbe" geht, die Symbole einzufärben.
Z.B. .bookmark-item[container] { fill: red !important; }

Mira_Belle

Schrieb ich nicht, dass das übertrieben ist?

Und meine Antwort mit dem JS bezog sich ja auch nur auf Horstmanns Fragestellung ....
... eigene Icons mit relativem Dateipfad ...

Also einfach nur hypothetischer Natur, aber eben mit Kanonen auf Spatzen und so.

Mira_Belle

Zitat von 2002Andreas

Nur um den Pfad zu ändern

Ja, ich weiß, ist schon irgendwie "overdone".

Mira_Belle

Meine Antwort war wohl etwas voreilig!

Zu aller erst musst Du mal herausfinden, mit welchem Profil Deine andere Software zusammen arbeitet!

Erst danach kann dieses Profil auf Vordermann gebracht werden.

Mira_Belle

Zitat von Horstmann

Aber - es geht um eigene Icons mit relativem Dateipfad,

Ich weiß und bin noch am Testen.

Sorry, geht wohl nicht!
Mir fiele da nur noch der Weg über JS dann ein.

Mira_Belle

Horstmann Das ...

CSS

/* Standard-Ordner-Icon festlegen */

.bookmark-item[container] {
	--menuitem-icon: url('chrome://global/skin/icons/defaultFavicon.svg') !important;
}

... funktioniert!

Mira_Belle

Zitat von omar1979

👍‍ vielen Dank. Funkt.

Ja, was dachtest Du denn? Zweifelst Du etwa?

Mira_Belle

.DeJaVu Es ist mir egal, wo was gestrandet ist! Das CSS ist Murks und ich werde es nicht bereinigen und auf den aktuellen Stand bringen. Zumal ich ja auch gar nicht weis, was Tec1do von den Veränderungen eigentlich haben will.
Wie schaut Dein Firefox aus? Screenshot, wäre ganz gut.

2002Andreas Ich bin mir absolut sicher, dass da so einige Leichen im Keller sind.
Aber, ohne dass wir wissen, wie er sich seinen Firefox vorstellt, tappen wir nur im Dunklen.

Mira_Belle

2002Andreas & Tec1do Es sind aber einige Fehler im CSS!

CSS

/* Windows 7 specific */
Media (-moz-os-version: windows-win7) {
.tabbrowser-tab {
background-color: transparent !important;
border: none !important;
}
Media (-moz-windows-default-theme) {
.tabbrowser-tab:not(:-moz-lwtheme) {
background-color: transparent !important;
border: none !important;
}
}

Alles anzeigen

&

CSS

/* OS-specific color variables */
Media screen and (-moz-windows-theme) {
:root {
}
}
Media not screen and (-moz-windows-theme) {
:root {
}
}

Ist der Wurm drinnen! Da mault VS-Code!

Und so schaut's schon besser aus.

CSS

/* Windows 7 specific */
@Media (-moz-os-version: windows-win7) {
    .tabbrowser-tab {
        background-color: transparent !important;
    border: none !important;
    }
}
@Media (-moz-windows-default-theme) {
    .tabbrowser-tab:not(:-moz-lwtheme) {
        background-color: transparent !important;
        border: none !important;
    }
}

Alles anzeigen

&

CSS

/* OS-specific color variables */
@media screen and (-moz-windows-theme) {
  :root {
    /* Hier deine Variablen für Windows-Themes einfügen */
  }
}
@media not screen and (-moz-windows-theme) {
  :root {
    /* Hier deine Variablen für Nicht-Windows-Themes einfügen */
  }
}

Alles anzeigen

Wichtig!
Keine leeren Regelsätze verwenden.

Entweder das wird komplett gelöscht, weil es ja eigentlich gar nicht gebraucht wird,
oder eben "etwas" eintragen.

Gilt im übrigen auch für " /* Windows 7 specific */ "!
Auch dieser Code kann eigentlich gelöscht werden!

Tec1do Du nutzt doch W10 oder W11, oder?

Mira_Belle

Das CSS von 2002Andreas aus Beitrag #6 funktioniert einwandfrei!

Bitte nach dem Entpacken umbenennen.

User.zip

Mira_Belle

Neues Skript!

Windows Explorer ist ohne Parameter

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

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

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

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

Mira_Belle

2002Andreas Tatsache.
Und ich habe da was verwechselt. Aber, schon ist's korrigiert. Danke.

Mira_Belle

JavaScript

// 12a_aboutname-button.uc.js
// Button für About-Dialog

(function() {

    try {
    
//      ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");
        
        CustomizableUI.createWidget({
            id: "aboutname",
            defaultArea: CustomizableUI.AREA_NAVBAR,
            removable: true,
            label: "aboutname",
            tooltiptext: "Über Firefox",
    
            onClick: function() {
                openAboutDialog();
            },
    
    
            onCreated: function(aNode) {
    
    //			"currentProfileDirectory"-Lösung:
                var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
                var aboutname_icon = 'url("file:///' + currentProfileDirectory + '/chrome/icons/firefox_21865_16.jpg")';
                aNode.style.listStyleImage = aboutname_icon;
                
                return aNode;
            }
        });
    } catch (e) {
        Components.utils.reportError(e);
    };
    
    })();

Alles anzeigen

Oh.

1. Sören war schneller.
2. Anderer Ansatz.

Funktioniert es?

Mira_Belle

Eine etwas aufgeräumtere Version für den FF 143.

JavaScript

// 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 = 								2							;// 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

Mira_Belle

Windows Explorer ist ohne Parameter

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

Windows Explorer ist mit Parameter

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

Mira_Belle

@Atze64 .DeJaVu ist eben so, kannst Du aber nicht wissen.
Aber Du musst nicht gleich Dein Konto löschen, nur weil in einem so speziellem Thema Dir hat keiner hat helfen können.
Dies ist primär ja auch ein Forum für Firefox! Muss man halt auch sehen.
Und wenn Du mal Fragen zum Browser hast, dann findest Du nirgends bessere Hilfe! (Finde ich!)

Mira_Belle

@Atze64 Kleiner Tipp am Rande!
Leg Dich bei diesem Thema nicht mit .DeJaVu an!
Erstens besteht er keinen Spaß, ok ist ein Joke, aber er wird ganz bestimmt sauer, wenn er sich verschaukelt vorkommt.

Was uBlock angeht, macht Ihm keiner so schnell was vor! Er hilft, auf seine weise, manches Mal auch etwas ruppig,
komm Ihm aber nicht blöd, sonst wird es ungemütlich.

Mira_Belle

@Atze64 Er meint auch das Dashboard!
Und dann wohl, da bin ich mir nicht ganz sicher, den Reiter "Meine Regeln".
Obwohl, ich denke nicht, dass das gemeint ist.

Mira_Belle

Versuche es einfach mal nur mit:

CSS

/* UserStyles Loader Button */

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

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

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

Alles anzeigen

Beiträge von Mira_Belle

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen

Gelbe Ordner Farbe wieder verschwunden

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen

Meine "Vertical Add-on Bar" funktioniert mit Fx143 nicht mehr?!

Gelbe Ordner Farbe wieder verschwunden

Gelbe Ordner Farbe wieder verschwunden

Gelbe Ordner Farbe wieder verschwunden

UserCSSLoader (2025)

FF143 - About-button weg

FF143 - About-button weg

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

UserCSSLoader (2025)

ublock Origin eine Ausnahme für eine blockierte Scriptgruppe setzen

ublock Origin eine Ausnahme für eine blockierte Scriptgruppe setzen

ublock Origin eine Ausnahme für eine blockierte Scriptgruppe setzen

UserCSSLoader (2025)