Noch eine Frage, wie bekomme ich ein schwarzes Icon hell, invertiert?
Mit einem Bildbearbeitungsprogramm? Wenn das Icon allerdings als *.ico vorliegt, dann schränkt das wohl die Auswahl an Programmen ein. Findet sich sicher hier jemand hier im Forum, der sich mit sowas auskennt...
Hier noch das Skript mit etwas 'allgemeinerem Setting' (eingebautes Icon/Startwert für Leiste usw.), wenn das irgendwer sonst noch (außer Mira_Belle) nutzen möchte :
JavaScript
// JavaScript Document
//Button_PersonalToolbar.uc.js
(function ptbut() {
if (location != 'chrome://browser/content/browser.xul' && location != 'chrome://browser/content/browser.xhtml')
return;
const startVisibility = 'collapse'; //'visible' oder 'collapse'
let autoCloseTime = 5000; // 0 = kein Auto-Close / >0 Zeit in Millisekunden
let intervalID = 0;
try {
CustomizableUI.createWidget({
id: 'PersonalToolbar-button',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var toolbaritem = aDocument.createXULElement('toolbarbutton');
var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
var buttonicon = "toolbar.png"
var props = {
id: 'PersonalToolbar-button',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
removable: true,
label: 'Toggle',
tooltiptext: 'Lesezeichenleiste ein-/ausblenden',
style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAZlBMVEUAAADq9v/q9v/e5/Pk7vnl8Pr+//+4vLycoqL+///e5vPc5PG4vLycoqK4vLwAAABaoLD////q9v+4vLycoqI/VVlbeYDc5PDm8vvc5PHk7fnh6/be5/N0z+Py8u7AxMSxtrajqKj3fI9qAAAAEHRSTlMAzH/Mf8zMzMx/f39/f3wiqd97RQAAAHFJREFUGNOFzNkOhCAMheHOMIu7lCIi4Pb+LymLRu78kt78OSk86yj3b2DF3K+EVUTDwIPXG7YrzF4KRGmBGBe7QBRC30FqIq1DUIrz7wekQTTGxKcpWCJr7RmYD25ZnHMqYRXI0ZvCeSOroZe5ooVHBzl9Dd2iUw4kAAAAAElFTkSuQmCC)',
};
for(var p in props)
toolbaritem.setAttribute(p, props[p]);
return toolbaritem;
}
});
CustomizableUI.registerToolbarNode(tb);
} catch(e) { };
if( startVisibility === 'visible' || startVisibility === 'collapse' ) {
document.getElementById('PersonalToolbar').style.visibility = startVisibility;
}
else {
document.getElementById('PersonalToolbar').style.visibility = 'visible';
}
document.getElementById('PersonalToolbar-button').addEventListener( "click", onClick );
document.addEventListener('keydown', (event) => {
// Mac : Funktion wird ausgeführt, wenn Shift + Cmd + b gedrückt wird
//if (event.shiftKey /*&& event.metaKey */&& event.key == 'b') {
if( event.key == "b" && event.ctrlKey && event.shiftKey) {
onClick(event);
}
}, false);
function onClick(aEvent) {
let persToolbar = document.getElementById('PersonalToolbar');
if (persToolbar.style.visibility == "") {
persToolbar.style.visibility = "collapse"; }
else if (persToolbar.style.visibility == "visible") {
persToolbar.style.visibility = "collapse"; }
else if(persToolbar.style.visibility == "collapse") {
persToolbar.style.visibility = "visible";
if(!intervalID && autoCloseTime) {
intervalID = aEvent.target.ownerGlobal.setInterval( autoClose, autoCloseTime );
}
}
}
function autoClose() {
if( intervalID ) {
let persToolbar = document.getElementById('PersonalToolbar');
if( persToolbar.style.visibility == "visible") {
persToolbar.style.visibility = "collapse";
clearInterval(intervalID);
intervalID=0;
}
}
}
})();
Alles anzeigen
Falls ich dich falsch verstanden haben sollte und du meintest 'programmatisch verändern', dann kannst du das mit einem CSS-Filter machen filter: invert(100%); (CSS-Filter).