Beiträge von Mitleser

//B_Move_Extensions.uc.js
(function() {
  if (!window.gBrowser) return;

  /* Konfiguration */
  const origID = "unified-extensions-button",// ID des originalen Buttons
		 label = "Erweiterungen",
   tooltiptext = "Erweiterungen-Button";
  /* Ende Konfiguration */

  const menuButton = document.getElementById(origID),
        buttonID = 'ucjs_' + origID;

  if (!CustomizableUI.getPlacementOfWidget( buttonID )) {
    try {
      CustomizableUI.createWidget({
        id: buttonID,
        type: 'custom',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onBuild: function(aDocument) {
          let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
          toolbaritem.id = buttonID;
          toolbaritem.className = 'chromeclass-toolbar-additional';
          toolbaritem.setAttribute('label', label);
          return toolbaritem;
        }
      });
    } catch(e) {
      menuButton.style.display = 'none';
      return;
    };
  };

  setTimeout(function() {
   document.getElementById(buttonID).appendChild(menuButton);
   menuButton.setAttribute('consumeanchor', buttonID);
   menuButton.setAttribute('label', label);
   menuButton.setAttribute('tooltiptext', tooltiptext);
  }, 0);

}());

// TabIconSound.css.uc.js
(function() {

   if (location != 'chrome://browser/content/browser.xhtml') return;
const
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
IconPath1 = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'css', 'image', 'ff_svg')), // Pfad zum 1.Ordner der das .svg-Symbol (mit: fill="context-fill" fill-opacity="context-fill-opacity") beinhaltet.
IconPath2 = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'css', 'image')), // Pfad zum 2.Ordner der das .svg-Symbol (mit: fill="context-fill" fill-opacity="context-fill-opacity") beinhaltet.
IconPath3 = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); // Pfad zum 3.Ordner der das .svg-Symbol (mit: fill="context-fill" fill-opacity="context-fill-opacity") beinhaltet.
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

   const sss = Components.classes['@mozilla.org/content/style-sheet-service;1'].getService(Components.interfaces.nsIStyleSheetService);   
   const uri = Services.io.newURI('data:text/css;charset=utf-8,' + encodeURIComponent(`
   
.tab-audio-button {
  #tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) &:not([pinned]):not([crashed]) {
    &[soundplaying]::part(button) {
      background-image: url("${IconPath2}/16_volume-up_moz.svg") !important;
    }
  }
}
.tab-audio-button:hover {
  #tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) &:not([pinned]):not([crashed]) {
    &[soundplaying]::part(button) {
      background-image: url("${IconPath2}/16_volume-off_moz.svg") !important;
    }
  }
}
.tab-audio-button {
  #tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) &:not([pinned]):not([crashed]) {
    &[muted]::part(button) {
      background-image: url("${IconPath2}/16_volume-off_moz.svg") !important;
    }
  }
}
.tab-audio-button:hover {
  #tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) &:not([pinned]):not([crashed]) {
    &[muted]::part(button) {
      background-image: url("${IconPath2}/16_volume-up_moz.svg") !important;
    }
  }
}
.tab-audio-button {
    &[soundplaying]::part(button) {
    fill: green !important;
 }
}
.tab-audio-button {
    &[muted]::part(button) {
    fill: red !important;
 }
}
.tab-audio-button:hover {
    &[soundplaying]::part(button) {
    fill: red !important;
	background-color: lightgray !important;
 }
}
.tab-audio-button:hover {
    &[muted]::part(button) {
    fill: green !important;
	background-color: lightgray !important;
 }
}
#tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) .tabbrowser-tab:not([pinned]):not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    .tab-content .tab-icon-image {
        display: none;
    }
    .tab-audio-button {
        --button-size-icon-small: 18px !important;
        --button-min-height-small: 18px !important;
        margin: auto 2px auto -20px !important;
        transform: translateY(-2px);
    }
}
      `), null, null);
   sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

})();

/*Der Letzte räumt den Quellcode auf*/

/* hide favicon when audio is playing (like FF 135) */
#tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) .tabbrowser-tab:not([pinned]):not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    .tab-content .tab-icon-image {
        display: none;
    }

    .tab-audio-button {
        --button-size-icon-small: 18px !important;
        --button-min-height-small: 18px !important;/**/
        margin: auto 2px auto -20px !important;
        transform: translateY(-1.5px);
    }
}

// JavaScript Document
// B_Quit_Firefox.uc.js

// Das Script erstellt einen Button, der ein einzelnes Firefox-Fenster separat schließt (Linksklick) oder Firefox beendet (Mittel-/Rechtsklick). Das .svg-Icon kann - je nach Hover-Zustand - mit zwei unterschiedlichen Farben gefüllt werden [fill]. Beim Überfahren des Buttons rotiert das Icon um 180deg [rotate: 180deg]. 
// Für das mitgelieferte Icon als .svg-Datei mit [moz-context-properties] ändert das Script die Einstellung [svg.context-properties.content.enabled] in about:config auf 'true'.

(function() {
  if (!window.gBrowser)
	return;
const
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
         id = 'quit-button', // Id des neuen Buttons
      label = 'Fenster schließen/Firefox beenden', // Bezeichnung des neuen Buttons
tooltiptext = 'Fenster schließen/Firefox beenden\n\nLinksklick: Fenster schließen\nMittel-/Rechtsklick: Firefox beenden',
// Icon-------------------------------------------------------
       icon = 'quit-16.svg',  // [Name.Dateiendung] des anzuzeigenden Symbols
   iconPath = '/chrome/icons/', // Pfad zum Ordner der das Icon beinhaltet
  iconColOu = 'red',  // Farbe des Icons (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOu keine Funktion)
  iconColOv = 'currentColor',  // Farbe des Icons beim Überfahren des Buttons (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOv keine Funktion)
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir)),
 cl = '.toolbarbutton-icon';
//const end
	if (Services.prefs.getBoolPref('svg.context-properties.content.enabled') == false) {
		Services.prefs.setBoolPref('svg.context-properties.content.enabled', true );
	}
//----   
CustomizableUI.createWidget({
    id: id,
	type: 'button',
    defaultArea: CustomizableUI.AREA_NAVBAR,
    label: label,
    tooltiptext: tooltiptext,

    onCreated: (button) => {
		button.style.MozContextProperties = 'fill, stroke, fill-opacity';
		button.style.listStyleImage = 'url("' + curProfDir + iconPath + icon + '")';
		button.style.fill = iconColOu;
//over
button.addEventListener('mouseover', () => {
		button.style.fill = iconColOv;
		button.querySelector(cl).style.rotate = '180deg';
});
//out
button.addEventListener('mouseout', () => {
		button.style.fill = iconColOu;
		button.querySelector(cl).style.rotate = '0deg';
});
//click
button.addEventListener('click', () => {
	if (event.button === 0) {
        	event.target.ownerGlobal.BrowserCommands.tryToCloseWindow(event);
	}
	else
	if (event.button === 1 || event.button === 2) {
			event.target.ownerGlobal.goQuitApplication(event);
	} 	
});
	}
});
//----
})();