Hamburgermenü Icons einfügen

genetic

Zitat von 2002Andreas

Egal, der TE ist zufrieden, und nur das ist wichtig.

Vielleicht noch eine kurze Frage dazu: Wie bekomme ich das Icon vor "Neustart" weg, damit es einheitlich zum Rest des Menüs passt? Bzw. noch lieber wäre es mir, wenn bei den anderen Menüeinträgen auch die Icons vorne dran wären.

Zitat von milupo

Das musst du doch wissen. Wenn du lieber den gleichen Tab haben willst, dann nicht.

Das weiß ich auch, wenn es denn einen Unterschied mit und ohne dieses Script gäbe!.

Die Option, einen Link in einem neuen Tab zu öffnen, habe ich auch ohne dieses Script.

Zitat von milupo

Wenn du es testen willst, lösche zuerst die Zeilen 113 bis 125. Das ist unerlaubter Text. Den hast du wahrscheinlich versehentlich mit kopiert.

Auch wenn ich den Text 113 -125 lösche ändert sich nichts.

2002Andreas

Zitat von genetic

wenn bei den anderen Menüeinträgen auch die Icons vorne dran wären.

Die musst du selber per Code erst einfügen.

Beispiel:

Dazu musst du diesen Code in die userChrome.css einfügen:

CSS

/*Hamburgermenü eigene Icons*/

/* Icon Abstand + Farbe weiß/schwarz je nach Theme */
#appMenu-multiView .subviewbutton > .toolbarbutton-icon {
    margin-inline: 0 6px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }


/*Sync*/
#appMenu-fxa-status2::before {
    margin-right: 6px !important; 
    margin-left: -5px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-image: url("chrome://browser/skin/fxa/avatar-empty.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 15px 15px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }

/* Neuer Tab */
#appMenu-new-tab-button2 {
    list-style-image: url("chrome://browser/skin/sidebars.svg");
    }

/* Neues Fenster */
#appMenu-new-window-button2 {
    list-style-image: url("chrome://browser/skin/window.svg");
    }

/* Neues privates Fenster */
#appMenu-new-private-window-button2 {
    list-style-image: url("chrome://browser/skin/tab.svg");
    }

/* Lesezeichen */
#appMenu-bookmarks-button {
    list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
    }

/* Chronik */
#appMenu-history-button {
    list-style-image: url("chrome://browser/skin/history.svg");
    }

/* Download */
#appMenu-downloads-button {
    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
    }

/* Passwörter */
#appMenu-passwords-button {
    list-style-image: url("chrome://browser/skin/login.svg");
    }

/* Add-ons und Themes */
#appMenu-extensions-themes-button {
    list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
    }

/* Drucken */
#appMenu-print-button2 {
    list-style-image: url("chrome://global/skin/icons/print.svg"); 
    } 

/* Seite speichern unter */
#appMenu-save-file-button2 {
    list-style-image: url("chrome://browser/skin/import.svg");
    }
    
#appMenu-save-file-button2 image {
    transform:rotate(90deg)!important;
    }
    
/*Seite übersetzen*/
#appMenu-translate-button {
    list-style-image: url(chrome://browser/skin/translations.svg) !important;    
    }

/*In Seite suchen*/
#appMenu-find-button2 {
    list-style-image: url("chrome://global/skin/icons/search-glass.svg");
    }

/* Zoom */
#appMenu-zoom-controls > label {
    padding-bottom: 27px !important;
    padding-left: 22px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 16px !important;
    background-image: url("chrome://browser/skin/fullscreen.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 4px !important;
    background-size: 15px 21px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }
    
#appMenu-zoom-controls > label:hover {
    background-color: green !important;
    border-radius: 8px !important;
    }

/* Vollbild */
#appMenu-fullscreen-button2::before {
    content: "Vollbild" !important;
    color: unset !important;
    font-size: 14px !important;
    margin-right: 9px !important;
    }

/* Hintergrund bei hover über Sync + Zoom */
panelmultiview .toolbaritem-combined-buttons:hover {
    background-color: #52525e !important; /*Dark Theme*/
    /* background-color: rgba(207,207,216,.66) !important; */ /*Hell Theme*/
    border-radius: 5px !important;
    }

/*Einstellungen */
#appMenu-settings-button {
    list-style-image: url("chrome://global/skin/icons/settings.svg");
    }

/*Weitere Werkzeuge */
#appMenu-more-button2 {
    list-style-image: url(chrome://browser/skin/permissions.svg);
    }

/* Hilfe */
#appMenu-help-button2 {
    list-style-image: url("chrome://global/skin/icons/help.svg");
    }

/* Beenden */
#appMenu-quit-button2 {
    list-style-image: url("chrome://global/skin/icons/close.svg");
    }

Alles anzeigen

Die Icons sind alle vom Firefox. Du kannst sie dir aber auch gegen eigene austauschen.

milupo

Zitat von genetic

Die Option, einen Link in einem neuen Tab zu öffnen, habe ich auch ohne dieses Script.

Wie gesagt, je nach Arbeitsweise. Wenn dir das so reicht, ist es doch gut.

Zitat von genetic

Auch wenn ich den Text 113 -125 lösche ändert sich nichts.

Ja, ich habe das Skript inzwischen auch getestet und es funktioniert offensichtlich nicht mehr. Meine JavaScript-Kenntnisse bewegen sich allerdings in einem sehr engen Rahmen.

genetic

Zitat von milupo

Wenn dir das so reicht, ist es doch gut.

Sicherlich. Aber ich hatte das Script ja "damals" nicht ohne Grund in meinen Fox kopiert. Hab mich jetzt nur leider einige Zeit/Jahre nicht mehr mit der Optik des FF beschäftigt. Aber gut - belassen wir es dabei.

Zitat von 2002Andreas

Die Icons sind alle vom Firefox. Du kannst sie dir aber auch gegen eigene austauschen.

Danke, die vom Firefox reichen mir.

Aktuell sieht es so aus...und man müsste noch die Farbe anpassen und den Text etwas nach rechts schieben (siehe Neustart). Die Werte kann ich selber ermitteln, müsste nur wissen an welcher Pos. die stehen bzw. muss man dafür Code ergänzen?

Du hast sicher auch den Code dafür, um die Icons auch für den Rechtsklick in der Tableiste, Adressleiste und Lesezeichen-Symbolleiste zu ergänzen?

2002Andreas

Zitat von genetic

den Text etwas nach rechts schieben

In Zeile 5 den 2ten Wert ändern.

Zitat von genetic

die Farbe anpassen

In Zeile 6.

Beispiel:

fill: red !important;

Zitat von genetic

Du hast sicher auch den Code dafür

Die habe ich zwar, helfen dir nur nichts, da ich dafür Icons auf meinem PC anspreche, bzw. viele Einträge im Kontextmenü ausgeblendet habe

Beispiel für Rechtsklick auf einen Tab:

genetic

Zitat von 2002Andreas

In Zeile 5 den 2ten Wert ändern.

Hat leider nichts gebracht. Siehe Unten...habe die Pixel px auf 10 erhöht und die Farbe in HEX eingetragen, aber keinerlei Änderung im Menü.

Und Zeile 6 (Farbe) auch nicht. Möchte die Farbe in HEX angeben:

CSS

    margin-inline: 0 10px !important;
    fill: #00437A !important;

Edit: Bei mir ändert sich auch nichts, wenn ich "red" eingebe!?

Zitat von 2002Andreas

Die habe ich zwar, helfen dir nur nichts, da ich dafür Icons auf meinem PC anspreche, bzw. viele Einträge im Kontextmenü ausgeblendet habe

Und eine Art "Universalcode" mit den Icons des Fox und ohne ausgeblendete Einträge gibt es nicht bzw. müsste man selbst erstellen?

2002Andreas

Zitat von genetic

Hat leider nichts gebracht

Dann funkt dir etwas anderes dazwischen

Zitat von genetic

Und eine Art "Universalcode" mit den Icons des Fox

Den musst du dir selber erstellen, oder abwarten bzw. einen neuen Thread aufmachen, und auf Antworten/Codes von anderen Usern hoffen/warten

genetic

Zitat von 2002Andreas

Dann funkt dir etwas anderes dazwischen

Ich fürchte auch.

Würdest Du Dir mal bitte meine CSS anschauen?

CSS

/* userChrome.css **********************************************/

@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {
/***************************************************************/

/* CSS-Anweisungen bitte unter diesen Kommentar eintragen. */


/***************************************************************/
}
/* This file can be used to customize the look of Mozilla's user interface
 * You should consider using !important on rules which you want to override default settings.
 */

/* Lesezeichen Sidebar - Ordnericon stehend gelb */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xhtml"), 
url("chrome://browser/content/history/history-panel.xhtml"),
url("chrome://browser/content/places/bookmarksSidebar.xhtml")  {
    treechildren::-moz-tree-image(container) {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important; }
}

/* Lesezeichen verwalten - Ordnericon stehend gelb */
@-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
    treechildren::-moz-tree-image(container) {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important; }
}

/* Lesezeichen - Ordnericon gelb */
@-moz-document url-prefix(chrome://browser/content/browser.xhtml){
    .bookmark-item[container="true"] {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important; }
}

.titlebar-button {
    stroke: white !important;
}

/*******Damit wird der Tabtext nicht blasser, wenn kein Fokus auf dem FF ist*******/
.tab-label {
   opacity: 1 !important;
}

/*******Menüleiste eingefärbt*******/
#toolbar-menubar {
color:#fff!important;
background: #0062A8 !important;
}

/*******Tableiste eingefärbt*******/
#TabsToolbar {
color:#fff!important;
background: #0078D7 !important;
}

/*******Abgerundete Tabs*******/
.tab-background {
  border-radius: 80px !important;
}

/*******Abgerundeter Schließen Button*******/
.tab-close-button {
  border-radius: 80px !important;
}

/*******Aktiver Tab HG*******/
.tabbrowser-tab[visuallyselected]  > .tab-stack > .tab-background {
    background: #51A1DB !important; 
}

/*******Aktiver Tab hover*******/
.tabbrowser-tab:is([visuallyselected="true"]:hover, [multiselected]) > .tab-stack > .tab-background {
  background: #CFCFD8 !important;
}

/*******Aktiver Tab Schrift weiß*******/
.tabbrowser-tab[visuallyselected] {
    color: white !important;
}

/******Inaktiver Tab hover*******/
.tabbrowser-tab:not([visuallyselected="true"]):hover  > .tab-stack > .tab-background {
    background: #005A9E !important;    
}

/******Inaktiver Tab HG******/
.tabbrowser-tab:not([visuallyselected]) > .tab-stack > .tab-background {
  background: #006CBA !important    
}

/******Inaktiver Tab Schrift weiß, transparent (.5 steht für die Deckkraft Werte zwischsen 0 (komplett transparent) und 1 (komplett sichtbar) sind möglich.******/
.tabbrowser-tab:not([visuallyselected]) {
   color: rgba(255, 255, 255, .5) !important;
}

/*****Inaktiver Tab hover Schrift weiß******/
.tabbrowser-tab:not([visuallyselected]):hover {
   color: white !important;
}

/*******Tab schließen Button HG bei hover rot und das X weiß******/
.tab-close-button[fadein]:hover {
   fill: white !important;
   background: #E81123 !important;
}

/********Tab Schließen-Kreuz anzeigen bei vielen Tabs wenn gehovert wird******/
.tabbrowser-tab:hover .tab-close-button {
display: block !important; 
}

/*******< und > Buttons (wenn Tableiste sehr voll) weiß eingefärbt*******/
#toolbarbutton, #scrollbutton-down,#scrollbutton-up, #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
fill: rgb(255, 255, 255)!important;
}

/*******v-Button für Alle Tabs auflisten (wenn Tableiste sehr voll) weiß eingefärbt*******/
#alltabs-button {
fill: rgb(255, 255, 255)!important;
}

/*******+ Button für neuer Tab weiß eingefärbt*******/
#tabs-newtab-button, #TabsToolbar #new-tab-button {
fill: rgb(255, 255, 255)!important;
}

#tabs-newtab-button, #TabsToolbar #new-tab-button:hover {
fill: white!important;
}

/*******Runder Neuer Tab Button*******/
#TabsToolbar #tabs-newtab-button > image {
  border-radius: 80px !important;
}

/*******Hintergrund bei den Buttons in der Tableiste: +, <, >, v bei Hover und beim draufklicken*******/
#TabsToolbar {
--toolbarbutton-hover-background:  #005A9E !important
}

/*******Lautsprechersymbol auf Tab größer und weiß*******/
.tab-icon-overlay {
   fill: White !important;
   transform: scale(1.5, 1.5) !important;
}

/*******context menu items and icons instead of just huge icons*******/
#context-back .menu-iconic-icon {
  fill: #4169e1 !important;
}

#context-forward .menu-iconic-icon {
  fill: #4169e1 !important;
}

#context-reload .menu-iconic-icon {
  fill: green !important;
}

#context-stop .menu-iconic-icon {
  fill: red !important;
}

#context-bookmarkpage .menu-iconic-icon {
  fill: #336699 !important;
}

/*********** tab close - always visible *******************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
  visibility: collapse !important;
  display: none !important;
}

/****** Kontextmenü kürzen *********/
#context-openlinkprivate,
#context-bookmarklink,
menuitem[label="Link in Pocket speichern"],
#context-sendlinktodevice{
display:none!important;
}

/****** Button ... ausblenden *********/

#reader-mode-button{
    display:none!important;
}

#pageActionButton{
    display:none!important;
}

/*********** Menütextfarbe ****************/

/*
.bookmark-item[container="true"] {
   fill:#00437A !important;
   color:#00437A !important; 
}

toolbarbutton[container="true"] {
   filter:none !important;
   fill:#00437A !important;
   color:#00437A !important;
}
*/
toolbarbutton {
   filter:none !important;
   fill:#00437A !important;
   color:#00437A !important;
   background:transparent
}
.toolbarbutton-text {
-moz-appearance: none !important;
color:#00437A !important;
} 
menubar{
-moz-appearance: none !important;
color:white !important;
}
menupopup > menu,
menupopup > menuitem  {
color:#00437A !important;
}

.menu-accel{
    color:#00437A!important;
}

#titlebar-min,#titlebar-max,#titlebar-close{
    color:white!important;
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

.sidebar-placesTreechildren,
sidebarheader,
#sidebar-search-label{
color:#00437A !important}}

.sidebar-placesTreechildren::-moz-tree-image(leaf) {
fill:#00437A!important}

/******Linkvorschau unten links abschalten******/

@-moz-document url-prefix(chrome://browser/content/browser.xhtml){
     
#statuspanel-label
{display:none!important;}
}

/******Tooltipps entfernen******/

tooltip{
   visibility:hidden!important}
}

/*******Hamburgermenü eigene Icons*******/

/* Icon Abstand + Farbe weiß/schwarz je nach Theme */
#appMenu-multiView .subviewbutton > .toolbarbutton-icon {
    margin-inline: 0 10px !important;
    fill: #00437A !important;
    -moz-context-properties: fill;
    }


/*Sync*/
#appMenu-fxa-status2::before {
    margin-right: 6px !important; 
    margin-left: -5px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-image: url("chrome://browser/skin/fxa/avatar-empty.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 15px 15px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }

/* Neuer Tab */
#appMenu-new-tab-button2 {
    list-style-image: url("chrome://browser/skin/sidebars.svg");
    }

/* Neues Fenster */
#appMenu-new-window-button2 {
    list-style-image: url("chrome://browser/skin/window.svg");
    }

/* Neues privates Fenster */
#appMenu-new-private-window-button2 {
    list-style-image: url("chrome://browser/skin/tab.svg");
    }

/* Lesezeichen */
#appMenu-bookmarks-button {
    list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
    }

/* Chronik */
#appMenu-history-button {
    list-style-image: url("chrome://browser/skin/history.svg");
    }

/* Download */
#appMenu-downloads-button {
    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
    }

/* Passwörter */
#appMenu-passwords-button {
    list-style-image: url("chrome://browser/skin/login.svg");
    }

/* Add-ons und Themes */
#appMenu-extensions-themes-button {
    list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
    }

/* Drucken */
#appMenu-print-button2 {
    list-style-image: url("chrome://global/skin/icons/print.svg"); 
    } 

/* Seite speichern unter */
#appMenu-save-file-button2 {
    list-style-image: url("chrome://browser/skin/import.svg");
    }
    
#appMenu-save-file-button2 image {
    transform:rotate(90deg)!important;
    }
    
/*Seite übersetzen*/
#appMenu-translate-button {
    list-style-image: url(chrome://browser/skin/translations.svg) !important;    
    }

/*In Seite suchen*/
#appMenu-find-button2 {
    list-style-image: url("chrome://global/skin/icons/search-glass.svg");
    }

/* Zoom */
#appMenu-zoom-controls > label {
    padding-bottom: 27px !important;
    padding-left: 22px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 16px !important;
    background-image: url("chrome://browser/skin/fullscreen.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 4px !important;
    background-size: 15px 21px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }
    
#appMenu-zoom-controls > label:hover {
    background-color: green !important;
    border-radius: 8px !important;
    }

/* Vollbild */
#appMenu-fullscreen-button2::before {
    content: "Vollbild" !important;
    color: unset !important;
    font-size: 14px !important;
    margin-right: 9px !important;
    }

/* Hintergrund bei hover über Sync + Zoom */
panelmultiview .toolbaritem-combined-buttons:hover {
    background-color: #52525e !important; /*Dark Theme*/
    /* background-color: rgba(207,207,216,.66) !important; */ /*Hell Theme*/
    border-radius: 5px !important;
    }

/*Einstellungen */
#appMenu-settings-button {
    list-style-image: url("chrome://global/skin/icons/settings.svg");
    }

/*Weitere Werkzeuge */
#appMenu-more-button2 {
    list-style-image: url(chrome://browser/skin/permissions.svg);
    }

/* Hilfe */
#appMenu-help-button2 {
    list-style-image: url("chrome://global/skin/icons/help.svg");
    }

/* Beenden */
#appMenu-quit-button2 {
    list-style-image: url("chrome://global/skin/icons/close.svg");
    }

Alles anzeigen

milupo

Zitat von genetic

Edit: Bei mir ändert sich auch nichts, wenn ich "red" eingebe!?

Du hast die Zeile -moz-context-properties: fill; ebenfalls von Andreas übernommen? Wenn ja, ergänze mal in den Zeilen 6 und 7 !important. Das muss vor dem abschließenden Semikolon stehen, so wie in der Zeile darüber. Dadurch werden Standardwerte überschrieben.

genetic

Zitat von milupo

Du hast die Zeile -moz-context-properties: fill; ebenfalls von Andreas übernommen?

Ja klar, 1:1 (so hat er es ja geschrieben).

CSS

/*******Hamburgermenü eigene Icons*******/

/* Icon Abstand + Farbe weiß/schwarz je nach Theme */
#appMenu-multiView .subviewbutton > .toolbarbutton-icon {
    margin-inline: 0 10px !important;
    fill: #00437A !important;
    -moz-context-properties: fill;
    }

So passiert jedenfalls nichts bei mir!

2002Andreas

Zitat von genetic

Würdest Du Dir mal bitte meine CSS anschauen?

Nur mal so.

Du musst das etwas sorgfältiger machen.

Da sind sehr viele Klammern } drin, die da nicht hingehören.

Teste bitte:

(Den unnötigen Text ganz oben habe ich mal entfernt)

CSS

/* Lesezeichen Sidebar - Ordnericon stehend gelb */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xhtml"), 
url("chrome://browser/content/history/history-panel.xhtml"),
url("chrome://browser/content/places/bookmarksSidebar.xhtml")  {
    treechildren::-moz-tree-image(container) {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important; }
}

/* Lesezeichen verwalten - Ordnericon stehend gelb */
@-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
    treechildren::-moz-tree-image(container) {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important; }
}

/* Lesezeichen - Ordnericon gelb */
@-moz-document url-prefix(chrome://browser/content/browser.xhtml){
    .bookmark-item[container="true"] {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important; }
}

.titlebar-button {
    stroke: white !important;
}

/*******Damit wird der Tabtext nicht blasser, wenn kein Fokus auf dem FF ist*******/
.tab-label {
   opacity: 1 !important;
}

/*******Menüleiste eingefärbt*******/
#toolbar-menubar {
color:#fff!important;
background: #0062A8 !important;
}

/*******Tableiste eingefärbt*******/
#TabsToolbar {
color:#fff!important;
background: #0078D7 !important;
}

/*******Abgerundete Tabs*******/
.tab-background {
  border-radius: 80px !important;
}

/*******Abgerundeter Schließen Button*******/
.tab-close-button {
  border-radius: 80px !important;
}

/*******Aktiver Tab HG*******/
.tabbrowser-tab[visuallyselected]  > .tab-stack > .tab-background {
    background: #51A1DB !important; 
}

/*******Aktiver Tab hover*******/
.tabbrowser-tab:is([visuallyselected="true"]:hover, [multiselected]) > .tab-stack > .tab-background {
  background: #CFCFD8 !important;
}

/*******Aktiver Tab Schrift weiß*******/
.tabbrowser-tab[visuallyselected] {
    color: white !important;
}

/******Inaktiver Tab hover*******/
.tabbrowser-tab:not([visuallyselected="true"]):hover  > .tab-stack > .tab-background {
    background: #005A9E !important;    
}

/******Inaktiver Tab HG******/
.tabbrowser-tab:not([visuallyselected]) > .tab-stack > .tab-background {
  background: #006CBA !important    
}

/******Inaktiver Tab Schrift weiß, transparent (.5 steht für die Deckkraft Werte zwischsen 0 (komplett transparent) und 1 (komplett sichtbar) sind möglich.******/
.tabbrowser-tab:not([visuallyselected]) {
   color: rgba(255, 255, 255, .5) !important;
}

/*****Inaktiver Tab hover Schrift weiß******/
.tabbrowser-tab:not([visuallyselected]):hover {
   color: white !important;
}

/*******Tab schließen Button HG bei hover rot und das X weiß******/
.tab-close-button[fadein]:hover {
   fill: white !important;
   background: #E81123 !important;
}

/********Tab Schließen-Kreuz anzeigen bei vielen Tabs wenn gehovert wird******/
.tabbrowser-tab:hover .tab-close-button {
display: block !important; 
}

/*******< und > Buttons (wenn Tableiste sehr voll) weiß eingefärbt*******/
#toolbarbutton, #scrollbutton-down,#scrollbutton-up, #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
fill: rgb(255, 255, 255)!important;
}

/*******v-Button für Alle Tabs auflisten (wenn Tableiste sehr voll) weiß eingefärbt*******/
#alltabs-button {
fill: rgb(255, 255, 255)!important;
}

/*******+ Button für neuer Tab weiß eingefärbt*******/
#tabs-newtab-button, #TabsToolbar #new-tab-button {
fill: rgb(255, 255, 255)!important;
}

#tabs-newtab-button, #TabsToolbar #new-tab-button:hover {
fill: white!important;
}

/*******Runder Neuer Tab Button*******/
#TabsToolbar #tabs-newtab-button > image {
  border-radius: 80px !important;
}

/*******Hintergrund bei den Buttons in der Tableiste: +, <, >, v bei Hover und beim draufklicken*******/
#TabsToolbar {
--toolbarbutton-hover-background:  #005A9E !important
}

/*******Lautsprechersymbol auf Tab größer und weiß*******/
.tab-icon-overlay {
   fill: White !important;
   transform: scale(1.5, 1.5) !important;
}

/*******context menu items and icons instead of just huge icons*******/
#context-back .menu-iconic-icon {
  fill: #4169e1 !important;
}

#context-forward .menu-iconic-icon {
  fill: #4169e1 !important;
}

#context-reload .menu-iconic-icon {
  fill: green !important;
}

#context-stop .menu-iconic-icon {
  fill: red !important;
}

#context-bookmarkpage .menu-iconic-icon {
  fill: #336699 !important;
}

/*********** tab close - always visible *******************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
  visibility: collapse !important;
  display: none !important;
}

/****** Kontextmenü kürzen *********/
#context-openlinkprivate,
#context-bookmarklink,
menuitem[label="Link in Pocket speichern"],
#context-sendlinktodevice{
display:none!important;
}

/****** Button ... ausblenden *********/

#reader-mode-button{
    display:none!important;
}

#pageActionButton{
    display:none!important;
}

/*********** Menütextfarbe ****************/

/*
.bookmark-item[container="true"] {
   fill:#00437A !important;
   color:#00437A !important; 
}

toolbarbutton[container="true"] {
   filter:none !important;
   fill:#00437A !important;
   color:#00437A !important;
}
*/
toolbarbutton {
   filter:none !important;
   fill:#00437A !important;
   color:#00437A !important;
   background:transparent
}
.toolbarbutton-text {
-moz-appearance: none !important;
color:#00437A !important;
} 
menubar{
-moz-appearance: none !important;
color:white !important;
}
menupopup > menu,
menupopup > menuitem  {
color:#00437A !important;
}

.menu-accel{
    color:#00437A!important;
}

#titlebar-min,#titlebar-max,#titlebar-close{
    color:white!important;
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

.sidebar-placesTreechildren,
sidebarheader,
#sidebar-search-label{
color:#00437A !important;
}

.sidebar-placesTreechildren::-moz-tree-image(leaf) {
fill:#00437A!important;
}
}

/******Linkvorschau unten links abschalten******/

@-moz-document url-prefix(chrome://browser/content/browser.xhtml){
     
#statuspanel-label
{display:none!important;}


/******Tooltipps entfernen******/

tooltip{
   visibility:hidden!important}
}

/*******Hamburgermenü eigene Icons*******/

/* Icon Abstand + Farbe weiß/schwarz je nach Theme */
#appMenu-multiView .subviewbutton > .toolbarbutton-icon {
    margin-inline: 0 10px !important;
    fill: #00437A !important;
    -moz-context-properties: fill;
    }


/*Sync*/
#appMenu-fxa-status2::before {
    margin-right: 6px !important; 
    margin-left: -5px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-image: url("chrome://browser/skin/fxa/avatar-empty.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 15px 15px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }

/* Neuer Tab */
#appMenu-new-tab-button2 {
    list-style-image: url("chrome://browser/skin/sidebars.svg");
    }

/* Neues Fenster */
#appMenu-new-window-button2 {
    list-style-image: url("chrome://browser/skin/window.svg");
    }

/* Neues privates Fenster */
#appMenu-new-private-window-button2 {
    list-style-image: url("chrome://browser/skin/tab.svg");
    }

/* Lesezeichen */
#appMenu-bookmarks-button {
    list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
    }

/* Chronik */
#appMenu-history-button {
    list-style-image: url("chrome://browser/skin/history.svg");
    }

/* Download */
#appMenu-downloads-button {
    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
    }

/* Passwörter */
#appMenu-passwords-button {
    list-style-image: url("chrome://browser/skin/login.svg");
    }

/* Add-ons und Themes */
#appMenu-extensions-themes-button {
    list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
    }

/* Drucken */
#appMenu-print-button2 {
    list-style-image: url("chrome://global/skin/icons/print.svg"); 
    } 

/* Seite speichern unter */
#appMenu-save-file-button2 {
    list-style-image: url("chrome://browser/skin/import.svg");
    }
    
#appMenu-save-file-button2 image {
    transform:rotate(90deg)!important;
    }
    
/*Seite übersetzen*/
#appMenu-translate-button {
    list-style-image: url(chrome://browser/skin/translations.svg) !important;    
    }

/*In Seite suchen*/
#appMenu-find-button2 {
    list-style-image: url("chrome://global/skin/icons/search-glass.svg");
    }

/* Zoom */
#appMenu-zoom-controls > label {
    padding-bottom: 27px !important;
    padding-left: 22px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 16px !important;
    background-image: url("chrome://browser/skin/fullscreen.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 4px !important;
    background-size: 15px 21px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }
    
#appMenu-zoom-controls > label:hover {
    background-color: green !important;
    border-radius: 8px !important;
    }

/* Vollbild */
#appMenu-fullscreen-button2::before {
    content: "Vollbild" !important;
    color: unset !important;
    font-size: 14px !important;
    margin-right: 9px !important;
    }

/* Hintergrund bei hover über Sync + Zoom */
panelmultiview .toolbaritem-combined-buttons:hover {
    background-color: #52525e !important; /*Dark Theme*/
    /* background-color: rgba(207,207,216,.66) !important; */ /*Hell Theme*/
    border-radius: 5px !important;
    }

/*Einstellungen */
#appMenu-settings-button {
    list-style-image: url("chrome://global/skin/icons/settings.svg");
    }

/*Weitere Werkzeuge */
#appMenu-more-button2 {
    list-style-image: url(chrome://browser/skin/permissions.svg);
    }

/* Hilfe */
#appMenu-help-button2 {
    list-style-image: url("chrome://global/skin/icons/help.svg");
    }

/* Beenden */
#appMenu-quit-button2 {
    list-style-image: url("chrome://global/skin/icons/close.svg");
    }

Alles anzeigen

2002Andreas

Wobei das jetzt alles nichts mehr mit diesem Thread zu tun hat.

genetic

Zitat von 2002Andreas

Nur mal so.
Du musst das etwas sorgfältiger machen.

Sorry - ich mache es stets nach bestem Wissen und Gewissen, bin aber tatsächlich kein Programmierer

Die Einträge ist quasi ein Sammelsurium, was sich mit der Zeit immer weiter ausgedehnt hat und dann haben sich vermutlich diese Klammerfehler eingeschlichen.

Danke jedenfalls für Deine kompetente Hilfe

Jetzt sieht es schon besser aus! Nur oben, das User-Symbol passt in Farbe und Position noch nicht so ganz. Bzw. der "Neustart" muss etwas mehr nach links, aber das muss ich dann im JavaScript machen (weißt Du wo?).

Sorry, wegen der ausgedehnten Fragestellung - war so nicht geplant. Soll ich ein Thema eröffnen?

2002Andreas

Zitat von genetic

Soll ich ein Thema eröffnen?

Ich trenne deine Beiträge mal ab in einen neuen Thread.

Zitat von genetic

ich mache es stets nach bestem Wissen und Gewissen

Alles ist gut

Zitat von genetic

Jetzt sieht es schon besser aus!

CSS

/* Lesezeichen Sidebar - Ordnericon stehend gelb */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xhtml"), 
url("chrome://browser/content/history/history-panel.xhtml"),
url("chrome://browser/content/places/bookmarksSidebar.xhtml")  {
    treechildren::-moz-tree-image(container) {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important; }
}

/* Lesezeichen verwalten - Ordnericon stehend gelb */
@-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
    treechildren::-moz-tree-image(container) {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important; }
}

/* Lesezeichen - Ordnericon gelb */
@-moz-document url-prefix(chrome://browser/content/browser.xhtml){
    .bookmark-item[container="true"] {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important; }
}

.titlebar-button {
    stroke: white !important;
}

/*******Damit wird der Tabtext nicht blasser, wenn kein Fokus auf dem FF ist*******/
.tab-label {
   opacity: 1 !important;
}

/*******Menüleiste eingefärbt*******/
#toolbar-menubar {
color:#fff!important;
background: #0062A8 !important;
}

/*******Tableiste eingefärbt*******/
#TabsToolbar {
color:#fff!important;
background: #0078D7 !important;
}

/*******Abgerundete Tabs*******/
.tab-background {
  border-radius: 80px !important;
}

/*******Abgerundeter Schließen Button*******/
.tab-close-button {
  border-radius: 80px !important;
}

/*******Aktiver Tab HG*******/
.tabbrowser-tab[visuallyselected]  > .tab-stack > .tab-background {
    background: #51A1DB !important; 
}

/*******Aktiver Tab hover*******/
.tabbrowser-tab:is([visuallyselected="true"]:hover, [multiselected]) > .tab-stack > .tab-background {
  background: #CFCFD8 !important;
}

/*******Aktiver Tab Schrift weiß*******/
.tabbrowser-tab[visuallyselected] {
    color: white !important;
}

/******Inaktiver Tab hover*******/
.tabbrowser-tab:not([visuallyselected="true"]):hover  > .tab-stack > .tab-background {
    background: #005A9E !important;    
}

/******Inaktiver Tab HG******/
.tabbrowser-tab:not([visuallyselected]) > .tab-stack > .tab-background {
  background: #006CBA !important    
}

/******Inaktiver Tab Schrift weiß, transparent (.5 steht für die Deckkraft Werte zwischsen 0 (komplett transparent) und 1 (komplett sichtbar) sind möglich.******/
.tabbrowser-tab:not([visuallyselected]) {
   color: rgba(255, 255, 255, .5) !important;
}

/*****Inaktiver Tab hover Schrift weiß******/
.tabbrowser-tab:not([visuallyselected]):hover {
   color: white !important;
}

/*******Tab schließen Button HG bei hover rot und das X weiß******/
.tab-close-button[fadein]:hover {
   fill: white !important;
   background: #E81123 !important;
}

/********Tab Schließen-Kreuz anzeigen bei vielen Tabs wenn gehovert wird******/
.tabbrowser-tab:hover .tab-close-button {
display: block !important; 
}

/*******< und > Buttons (wenn Tableiste sehr voll) weiß eingefärbt*******/
#toolbarbutton, #scrollbutton-down,#scrollbutton-up, #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
fill: rgb(255, 255, 255)!important;
}

/*******v-Button für Alle Tabs auflisten (wenn Tableiste sehr voll) weiß eingefärbt*******/
#alltabs-button {
fill: rgb(255, 255, 255)!important;
}

/*******+ Button für neuer Tab weiß eingefärbt*******/
#tabs-newtab-button, #TabsToolbar #new-tab-button {
fill: rgb(255, 255, 255)!important;
}

#tabs-newtab-button, #TabsToolbar #new-tab-button:hover {
fill: white!important;
}

/*******Runder Neuer Tab Button*******/
#TabsToolbar #tabs-newtab-button > image {
  border-radius: 80px !important;
}

/*******Hintergrund bei den Buttons in der Tableiste: +, <, >, v bei Hover und beim draufklicken*******/
#TabsToolbar {
--toolbarbutton-hover-background:  #005A9E !important
}

/*******Lautsprechersymbol auf Tab größer und weiß*******/
.tab-icon-overlay {
   fill: White !important;
   transform: scale(1.5, 1.5) !important;
}

/*******context menu items and icons instead of just huge icons*******/
#context-back .menu-iconic-icon {
  fill: #4169e1 !important;
}

#context-forward .menu-iconic-icon {
  fill: #4169e1 !important;
}

#context-reload .menu-iconic-icon {
  fill: green !important;
}

#context-stop .menu-iconic-icon {
  fill: red !important;
}

#context-bookmarkpage .menu-iconic-icon {
  fill: #336699 !important;
}

/*********** tab close - always visible *******************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
  visibility: collapse !important;
  display: none !important;
}

/****** Kontextmenü kürzen *********/
#context-openlinkprivate,
#context-bookmarklink,
menuitem[label="Link in Pocket speichern"],
#context-sendlinktodevice{
display:none!important;
}

/****** Button ... ausblenden *********/

#reader-mode-button{
    display:none!important;
}

#pageActionButton{
    display:none!important;
}

/*********** Menütextfarbe ****************/

/*
.bookmark-item[container="true"] {
   fill:#00437A !important;
   color:#00437A !important; 
}

toolbarbutton[container="true"] {
   filter:none !important;
   fill:#00437A !important;
   color:#00437A !important;
}
*/
toolbarbutton {
   filter:none !important;
   fill:#00437A !important;
   color:#00437A !important;
   background:transparent
}
.toolbarbutton-text {
-moz-appearance: none !important;
color:#00437A !important;
} 
menubar{
-moz-appearance: none !important;
color:white !important;
}
menupopup > menu,
menupopup > menuitem  {
color:#00437A !important;
}

.menu-accel{
    color:#00437A!important;
}

#titlebar-min,#titlebar-max,#titlebar-close{
    color:white!important;
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

.sidebar-placesTreechildren,
sidebarheader,
#sidebar-search-label{
color:#00437A !important;
}

.sidebar-placesTreechildren::-moz-tree-image(leaf) {
fill:#00437A!important;
}
}

/******Linkvorschau unten links abschalten******/

@-moz-document url-prefix(chrome://browser/content/browser.xhtml){
     
#statuspanel-label
{display:none!important;}


/******Tooltipps entfernen******/

tooltip{
   visibility:hidden!important}
}

/*******Hamburgermenü eigene Icons*******/

/* Icon Abstand + Farbe weiß/schwarz je nach Theme */
#appMenu-multiView .subviewbutton > .toolbarbutton-icon {
    margin-inline: 0 10px !important;
    fill: #00437A !important;
    -moz-context-properties: fill;
    }


/*Sync*/
#appMenu-fxa-status2::before {
    margin-right: 6px !important; 
    margin-left: -5px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-image: url("chrome://browser/skin/fxa/avatar-empty.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 15px 15px !important;
    fill: #00437A;
    -moz-context-properties: fill;
    }

/* Neuer Tab */
#appMenu-new-tab-button2 {
    list-style-image: url("chrome://browser/skin/sidebars.svg");
    }

/* Neues Fenster */
#appMenu-new-window-button2 {
    list-style-image: url("chrome://browser/skin/window.svg");
    }

/* Neues privates Fenster */
#appMenu-new-private-window-button2 {
    list-style-image: url("chrome://browser/skin/tab.svg");
    }

/* Lesezeichen */
#appMenu-bookmarks-button {
    list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
    }

/* Chronik */
#appMenu-history-button {
    list-style-image: url("chrome://browser/skin/history.svg");
    }

/* Download */
#appMenu-downloads-button {
    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
    }

/* Passwörter */
#appMenu-passwords-button {
    list-style-image: url("chrome://browser/skin/login.svg");
    }

/* Add-ons und Themes */
#appMenu-extensions-themes-button {
    list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
    }

/* Drucken */
#appMenu-print-button2 {
    list-style-image: url("chrome://global/skin/icons/print.svg"); 
    } 

/* Seite speichern unter */
#appMenu-save-file-button2 {
    list-style-image: url("chrome://browser/skin/import.svg");
    }
    
#appMenu-save-file-button2 image {
    transform:rotate(90deg)!important;
    }
    
/*Seite übersetzen*/
#appMenu-translate-button {
    list-style-image: url(chrome://browser/skin/translations.svg) !important;    
    }

/*In Seite suchen*/
#appMenu-find-button2 {
    list-style-image: url("chrome://global/skin/icons/search-glass.svg");
    }

/* Zoom */
#appMenu-zoom-controls > label {
    padding-bottom: 27px !important;
    padding-left: 22px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 16px !important;
    background-image: url("chrome://browser/skin/fullscreen.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 4px !important;
    background-size: 15px 21px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }
    
#appMenu-zoom-controls > label:hover {
    background-color: green !important;
    border-radius: 8px !important;
    }

/* Vollbild */
#appMenu-fullscreen-button2::before {
    content: "Vollbild" !important;
    color: unset !important;
    font-size: 14px !important;
    margin-right: 9px !important;
    }

/* Hintergrund bei hover über Sync + Zoom */
panelmultiview .toolbaritem-combined-buttons:hover {
    background-color: #52525e !important; /*Dark Theme*/
    /* background-color: rgba(207,207,216,.66) !important; */ /*Hell Theme*/
    border-radius: 5px !important;
    }

/*Einstellungen */
#appMenu-settings-button {
    list-style-image: url("chrome://global/skin/icons/settings.svg");
    }

/*Weitere Werkzeuge */
#appMenu-more-button2 {
    list-style-image: url(chrome://browser/skin/permissions.svg);
    }

/* Hilfe */
#appMenu-help-button2 {
    list-style-image: url("chrome://global/skin/icons/help.svg");
    }

/* Beenden */
#appMenu-quit-button2 {
    list-style-image: url("chrome://global/skin/icons/close.svg");
    }

#restartfirefox-appMenu {
  margin-left: -5px !important;
}
#restartfirefox-appMenu > label {
  padding-left: 0px !important;
}

Alles anzeigen

milupo

Zitat von genetic

bin aber tatsächlich kein Programmierer

Sind wir auch nicht. Es ist nur so, dass CSS und JavaScript viel Sorgfalt erfordern. Sie reagieren sensibel auf Syntax-Fehler. Bei Klammern einfach mal durchzählen. Es muss immer eine gerade Zahl herauskommen, denn Klammern treten immer paarweise auf.

2002Andreas

Neuer Code:

CSS

/* Lesezeichen Sidebar - Ordnericon stehend gelb */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xhtml"), 
url("chrome://browser/content/history/history-panel.xhtml"),
url("chrome://browser/content/places/bookmarksSidebar.xhtml")  {
    treechildren::-moz-tree-image(container) {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important; }
}

/* Lesezeichen verwalten - Ordnericon stehend gelb */
@-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
    treechildren::-moz-tree-image(container) {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important; }
}

/* Lesezeichen - Ordnericon gelb */
@-moz-document url-prefix(chrome://browser/content/browser.xhtml){
    .bookmark-item[container="true"] {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important; }
}

.titlebar-button {
    stroke: white !important;
}

/*******Damit wird der Tabtext nicht blasser, wenn kein Fokus auf dem FF ist*******/
.tab-label {
   opacity: 1 !important;
}

/*******Menüleiste eingefärbt*******/
#toolbar-menubar {
color:#fff!important;
background: #0062A8 !important;
}

/*******Tableiste eingefärbt*******/
#TabsToolbar {
color:#fff!important;
background: #0078D7 !important;
}

/*******Abgerundete Tabs*******/
.tab-background {
  border-radius: 80px !important;
}

/*******Abgerundeter Schließen Button*******/
.tab-close-button {
  border-radius: 80px !important;
}

/*******Aktiver Tab HG*******/
.tabbrowser-tab[visuallyselected]  > .tab-stack > .tab-background {
    background: #51A1DB !important; 
}

/*******Aktiver Tab hover*******/
.tabbrowser-tab:is([visuallyselected="true"]:hover, [multiselected]) > .tab-stack > .tab-background {
  background: #CFCFD8 !important;
}

/*******Aktiver Tab Schrift weiß*******/
.tabbrowser-tab[visuallyselected] {
    color: white !important;
}

/******Inaktiver Tab hover*******/
.tabbrowser-tab:not([visuallyselected="true"]):hover  > .tab-stack > .tab-background {
    background: #005A9E !important;    
}

/******Inaktiver Tab HG******/
.tabbrowser-tab:not([visuallyselected]) > .tab-stack > .tab-background {
  background: #006CBA !important    
}

/******Inaktiver Tab Schrift weiß, transparent (.5 steht für die Deckkraft Werte zwischsen 0 (komplett transparent) und 1 (komplett sichtbar) sind möglich.******/
.tabbrowser-tab:not([visuallyselected]) {
   color: rgba(255, 255, 255, .5) !important;
}

/*****Inaktiver Tab hover Schrift weiß******/
.tabbrowser-tab:not([visuallyselected]):hover {
   color: white !important;
}

/*******Tab schließen Button HG bei hover rot und das X weiß******/
.tab-close-button[fadein]:hover {
   fill: white !important;
   background: #E81123 !important;
}

/********Tab Schließen-Kreuz anzeigen bei vielen Tabs wenn gehovert wird******/
.tabbrowser-tab:hover .tab-close-button {
display: block !important; 
}

/*******< und > Buttons (wenn Tableiste sehr voll) weiß eingefärbt*******/
#toolbarbutton, #scrollbutton-down,#scrollbutton-up, #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
fill: rgb(255, 255, 255)!important;
}

/*******v-Button für Alle Tabs auflisten (wenn Tableiste sehr voll) weiß eingefärbt*******/
#alltabs-button {
fill: rgb(255, 255, 255)!important;
}

/*******+ Button für neuer Tab weiß eingefärbt*******/
#tabs-newtab-button, #TabsToolbar #new-tab-button {
fill: rgb(255, 255, 255)!important;
}

#tabs-newtab-button, #TabsToolbar #new-tab-button:hover {
fill: white!important;
}

/*******Runder Neuer Tab Button*******/
#TabsToolbar #tabs-newtab-button > image {
  border-radius: 80px !important;
}

/*******Hintergrund bei den Buttons in der Tableiste: +, <, >, v bei Hover und beim draufklicken*******/
#TabsToolbar {
--toolbarbutton-hover-background:  #005A9E !important
}

/*******Lautsprechersymbol auf Tab größer und weiß*******/
.tab-icon-overlay {
   fill: White !important;
   transform: scale(1.5, 1.5) !important;
}

/*******context menu items and icons instead of just huge icons*******/
#context-back .menu-iconic-icon {
  fill: #4169e1 !important;
}

#context-forward .menu-iconic-icon {
  fill: #4169e1 !important;
}

#context-reload .menu-iconic-icon {
  fill: green !important;
}

#context-stop .menu-iconic-icon {
  fill: red !important;
}

#context-bookmarkpage .menu-iconic-icon {
  fill: #336699 !important;
}

/*********** tab close - always visible *******************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
  visibility: collapse !important;
  display: none !important;
}

/****** Kontextmenü kürzen *********/
#context-openlinkprivate,
#context-bookmarklink,
menuitem[label="Link in Pocket speichern"],
#context-sendlinktodevice{
display:none!important;
}

/****** Button ... ausblenden *********/

#reader-mode-button{
    display:none!important;
}

#pageActionButton{
    display:none!important;
}

/*********** Menütextfarbe ****************/

/*
.bookmark-item[container="true"] {
   fill:#00437A !important;
   color:#00437A !important; 
}

toolbarbutton[container="true"] {
   filter:none !important;
   fill:#00437A !important;
   color:#00437A !important;
}
*/
toolbarbutton {
   filter:none !important;
   fill:#00437A !important;
   color:#00437A !important;
   background:transparent
}
.toolbarbutton-text {
-moz-appearance: none !important;
color:#00437A !important;
} 
menubar{
-moz-appearance: none !important;
color:white !important;
}
menupopup > menu,
menupopup > menuitem  {
color:#00437A !important;
}

.menu-accel{
    color:#00437A!important;
}

#titlebar-min,#titlebar-max,#titlebar-close{
    color:white!important;
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

.sidebar-placesTreechildren,
sidebarheader,
#sidebar-search-label{
color:#00437A !important;
}

.sidebar-placesTreechildren::-moz-tree-image(leaf) {
fill:#00437A!important;
}
}

/******Linkvorschau unten links abschalten******/

@-moz-document url-prefix(chrome://browser/content/browser.xhtml){
     
#statuspanel-label
{display:none!important;}


/******Tooltipps entfernen******/

tooltip{
   visibility:hidden!important}
}

/*******Hamburgermenü eigene Icons*******/

/* Icon Abstand + Farbe weiß/schwarz je nach Theme */
#appMenu-multiView .subviewbutton > .toolbarbutton-icon {
    margin-inline: 0 10px !important;
    fill: #00437A !important;
    -moz-context-properties: fill;
    }


/*Sync*/

#appMenu-fxa-text {
  color: #00437A !important;
}

#appMenu-fxa-status2::before {
    margin-right: 6px !important; 
    margin-left: -5px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-image: url("chrome://browser/skin/fxa/avatar-empty.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 15px 15px !important;
    fill: #00437A;
    -moz-context-properties: fill;
    }

/* Neuer Tab */
#appMenu-new-tab-button2 {
    list-style-image: url("chrome://browser/skin/sidebars.svg");
    }

/* Neues Fenster */
#appMenu-new-window-button2 {
    list-style-image: url("chrome://browser/skin/window.svg");
    }

/* Neues privates Fenster */
#appMenu-new-private-window-button2 {
    list-style-image: url("chrome://browser/skin/tab.svg");
    }

/* Lesezeichen */
#appMenu-bookmarks-button {
    list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
    }

/* Chronik */
#appMenu-history-button {
    list-style-image: url("chrome://browser/skin/history.svg");
    }

/* Download */
#appMenu-downloads-button {
    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
    }

/* Passwörter */
#appMenu-passwords-button {
    list-style-image: url("chrome://browser/skin/login.svg");
    }

/* Add-ons und Themes */
#appMenu-extensions-themes-button {
    list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
    }

/* Drucken */
#appMenu-print-button2 {
    list-style-image: url("chrome://global/skin/icons/print.svg"); 
    } 

/* Seite speichern unter */
#appMenu-save-file-button2 {
    list-style-image: url("chrome://browser/skin/import.svg");
    }
    
#appMenu-save-file-button2 image {
    transform:rotate(90deg)!important;
    }
    
/*Seite übersetzen*/
#appMenu-translate-button {
    list-style-image: url(chrome://browser/skin/translations.svg) !important;    
    }

/*In Seite suchen*/
#appMenu-find-button2 {
    list-style-image: url("chrome://global/skin/icons/search-glass.svg");
    }

/* Zoom */
#appMenu-zoom-controls > label {
    padding-bottom: 27px !important;
    padding-left: 22px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 16px !important;
    background-image: url("chrome://browser/skin/fullscreen.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 4px !important;
    background-size: 15px 21px !important;
    fill: currentColor;
    -moz-context-properties: fill;
    }
    
#appMenu-zoom-controls > label:hover {
    background-color: green !important;
    border-radius: 8px !important;
    }

/* Vollbild */
#appMenu-fullscreen-button2::before {
    content: "Vollbild" !important;
    color: unset !important;
    font-size: 14px !important;
    margin-right: 9px !important;
    }

/* Hintergrund bei hover über Sync + Zoom */
panelmultiview .toolbaritem-combined-buttons:hover {
    background-color: #52525e !important; /*Dark Theme*/
    /* background-color: rgba(207,207,216,.66) !important; */ /*Hell Theme*/
    border-radius: 5px !important;
    }

/*Einstellungen */
#appMenu-settings-button {
    list-style-image: url("chrome://global/skin/icons/settings.svg");
    }

/*Weitere Werkzeuge */
#appMenu-more-button2 {
    list-style-image: url(chrome://browser/skin/permissions.svg);
    }

/* Hilfe */
#appMenu-help-button2 {
    list-style-image: url("chrome://global/skin/icons/help.svg");
    }

/* Beenden */
#appMenu-quit-button2 {
    list-style-image: url("chrome://global/skin/icons/close.svg");
    }

#restartfirefox-appMenu {
  margin-left: -5px !important;
}
#restartfirefox-appMenu > label {
  padding-left: 0px !important;
}

Alles anzeigen

genetic

Zitat von 2002Andreas

Neuer Code:

Sieht bei mir leider etwas anders aus:

Falls es für Dich jetzt dann langsam zu "kleinkariert" wird bzw. den Rahmen sprengt, lassen wir das einfach mit dem Icons im Hamburgermenü und entfernen nur das Icon bei "Neustart" und das war's dann.

Zitat von milupo

Es ist nur so, dass CSS und JavaScript viel Sorgfalt erfordern. Sie reagieren sensibel auf Syntax-Fehler. Bei Klammern einfach mal durchzählen. Es muss immer eine gerade Zahl herauskommen, denn Klammern treten immer paarweise auf.

Danke für den Hinweis.

2002Andreas

Zitat von genetic

etwas anders aus:

Dann ändere mal diesen Wert und teste:

Zitat von genetic

dann langsam zu "kleinkariert" wird bzw. den Rahmen sprengt

Wir sind doch hier um zu helfen

PS:

Bin aber gleich mal einem Moment nicht am PC.

genetic

Zitat von 2002Andreas

Dann ändere mal diesen Wert und teste:

Das ist jetzt die Ansicht mit "15". Allerdings passt das alles (noch) nicht so wirklich zusammen und bei "Vollbild" ist die Schriftgröße zu groß.

Ergänzend habe ich jetzt festgestellt, dass sich jetzt im Menü ein dunkler Hover über den Zoom legt und im Feld "Zoom" wird eigentlich nicht gehovert:

Zitat von 2002Andreas

Wir sind doch hier um zu helfen

PS:
Bin aber gleich mal einem Moment nicht am PC.

Sehr nett

Ich muss jetzt dann auch mal noch was anderes machen...und bin dann tendenziell erst wieder gegen Abend online.

FuchsFan

Zitat von genetic

Das ist jetzt die Ansicht mit "15". Allerdings passt das alles (noch) nicht so wirklich zusammen und bei "Vollbild" ist die Schriftgröße zu groß.

Das ist in meinem Hamburger Menü der Abschnitt "Zoom".

Eventuell kannst du daraus Hinweise für dich nutzen.

CSS

/*======= Zoom-Menü ========*/

#appMenu-zoom-controls.subviewbutton.toolbaritem-combined-buttons {
  margin-right: 10px !important;
  margin-top: 8px !important;
}  

/* Abstände der Button */
#appMenu-zoom-controls2 {
  border: 0 !important;
  padding: 0 0 0 2px !important;
  margin: 3px 0 0 0 !important; }

/* 100% */
#appMenu-zoom-controls2 > toolbarbutton {
  border-radius: 0 !important;
  padding: 3px !important;
  margin: 2px 2px 0 0 !important;}
  
/* Text bei zoomReset (100%) Farbe */    
#appMenu-zoomReset-button2.subviewbutton label.toolbarbutton-text{
  color: magenta !important;
  font-weight: bold !important; }
  
/* Hintergrund und Umrandung */
#appMenu-zoomReduce-button2,
#appMenu-zoomEnlarge-button2,
#appMenu-zoom-controls2 > toolbarbutton,
#appMenu-fullscreen-button2 {
  border: 1px solid #B2B2B2 !important;
  border-radius: 0 !important;
  background-color: #fcf7e8 !important; }    
#appMenu-zoomReduce-button2:hover{
  background-color: orange !important; }
#appMenu-zoomEnlarge-button2:hover{
  background-color: lime !important;}
#appMenu-fullscreen-button2:hover{
  background-color: lightblue !important;
  --button-bgcolor: transparent !important; }

/* Zoom nach rechts verlagert */  
#appMenu-zoom-controls2 {
  color: blue !important ;
  font-weight: 700 !important;
  margin-left: 215px !important;
  margin-top:  3px !important; }
    
/****** Zoom *** ENDE ******/

Alles anzeigen