Symbole in den Kontextmenüs [ Update ]

2002Andreas

Zitat von Mira_Belle

Aber auch da wieder [label=XXX]

Ist in diesem Fall auch richtig, weil es auch so im Skript steht:

label="Liste der geschlossenen Tabs löschen"

mkpcxxl

Zitat von Mira_Belle

So richtig Zeit habe ich erst morgen, was bedeutet, dass das ganz dann leider doch noch länger dauert.

Das ist sicherlich kein Problem, gut Ding will Weile haben.

Ich freue mich schon auf das Endergebnis.

Gruß

Michael

Horstmann

Zitat von Mira_Belle
Fehlende Elemente, bzw, deren Selektoren, suche ich dann ebenfalls mithilfe der Browserwerkzeuge.
Womit ich dann aber große Schwierigkeiten habe, die richtigen Parameter zu finden!
[label = XXX] ist klar, aber :where(#IrgendeinenSelektor) ist mir schon ein Rätsel.
[fxastatus], absolut keine Ahnung.
Bei [data-l10n-id="bookmarks-bookmark-edit-panel"]::before und [data-l10n-id="bookmarks-current-tab"]::before
wusste ich mir nicht anders zu Helfen.
Für diese zwei Selektoren habe ich Stunden gebrauch, um sie zu selektieren.
Code
/* Liste der letzten Tabs löschen */
#tabContextUndoList > menupopup[hasbeenopened="true"] > menuitem.restoreallitem[label="Alle Tabs wieder öffnen"]::before,
/* Liste der letzten Tabs löschen */
#tabContextUndoList > menupopup[hasbeenopened="true"] > menuitem[label="Liste der letzten Tabs löschen"]::before

Oje.
Ich mach dann mal Pause.

Vielleicht kann Sören noch generell was dazu sagen, das würde uns bestimmt helfen.

Sören Hentzschel

Zitat von Mira_Belle

[label = XXX] ist klar, […] [fxastatus], absolut keine Ahnung.

Was zwischen den eckigen Klammern steht, ist für das grundlegende Verständnis egal. Mit den eckigen Klammern sprichst du Attribute an, d.h. was in HTML foo="bar" ist, ist in CSS [foo="bar"]. Wenn im CSS die Zuweisung fehlt und da nur [foo] steht, dann heißt das, dass das Attribut foo einfach nur im HTML vorkommen muss, ganz egal, mit was für einem Wert.

Zitat von Mira_Belle

aber :where(#IrgendeinenSelektor) ist mir schon ein Rätsel

:where() ist im Prinzip genau das Gleiche wie :is(), bloß mit einer anderen Spezifität. Die Spezifität wird dann relevant, wenn du mehrere Regeln hast, die das gleiche Element ansprechen, und es darum geht, welche Regel Priorität erhält. Bei :is() hast du immer die Spezifität des stärksten Selektors, bei :where() hast du immer eine Spezifität von 0, was den Selektor sehr leicht überschreibbar macht.

Beispiel:

:is(#foo, div)

Ein div hat normalerweise eine sehr geringe Spezifität von 0,0,1. Dadurch, dass das gemeinsam mit #foo in einem :is() steht und ein Selektor mit einer ID eine Spezifität von 1,0,0 hat, hat auch das div eine Spezifität von 1,0,0.

:where(#foo, div)

Hier ist die Spezifität wie gesagt 0.

Angenommen, das div hätte jetzt noch eine Klasse .bar. Klassen haben eine Spezifität von 0,1,0. Würdest du jetzt mit einer weiteren Regel .bar ansprechen, würdest du damit die :where()-Regel überschreiben, weil 0,1,0 > 0 ist, aber nicht die :is()-Regel, weil 1,0,0 > 0,1,0 ist.

Im Inspektor-Werkzeug von Firefox siehst du die Spezifität einer Regel als Tooltip, wenn du mit der Maus über einen CSS-Selektor fährst. Du kannst sonst auch mit einem Web-Tool wie diesem hier spielen:

CSS Selector Specificity Calculator | Polypane

Quickly calculate any CSS selector specificity score along with explanations. With full support for complex CSS selectors.

polypane.app

Mira_Belle

Sören Hentzschel Danke

Horstmann

Hier ist das Ganze gut erklärt.

Auch praktisch, Code aus den Browserwerkzeugen kopieren (Rechts-Klick auf Element).

ZB.:

CSS Pfad für ein bestimmtes Element:

CSS

html#main-window body popupset#mainPopupSet menupopup#placesContext menuitem#placesContext_open:newprivatewindow

Äusseres HTML dazu mit allen möglichen Details, Ids, Attribute, etc. (Vorsicht, enthält auch Child Elemente wie hier zB label):

HTML

<menuitem xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" id="placesContext_open:newprivatewindow" command="placesCmd_open:privatewindow" data-l10n-id="places-open-in-private-window" selection-type="single" node-type="link" hide-if-private-browsing="true" label="In neuem privaten Fenster öffnen" accesskey="p"><label class="menu-text" crop="end" aria-hidden="true" value="In neuem privaten Fenster öffnen" accesskey="p"/><hbox class="menu-accel-container" aria-hidden="true"><label class="menu-accel"/></hbox></menuitem>

Der gesamte Inhalt vom übergeordneten Kontextmenü #placesContext; inneres HTML, mit einem Formatiertool etwas lesbarer gemacht (langer Text...):

HTML

<menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_open"
    command="placesCmd_open"
    data-l10n-id="places-open"
    default="true"
    selection-type="single"
    node-type="link"
    hide-if-single-click-opens="true"
    label="Öffnen"
    accesskey="Ö"
    hidden="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Öffnen"
        accesskey="Ö" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_openBookmarkContainer:tabs"
    oncommand="PlacesUIUtils.openSelectionInTabs(event);"
    data-l10n-id="places-open-all-bookmarks"
    selection-type="single|none"
    node-type="folder|query_tag"
    label="Alle Lesezeichen öffnen"
    accesskey="z"
    hidden="true"
    disabled="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Alle Lesezeichen öffnen"
        accesskey="z" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_openBookmarkLinks:tabs"
    oncommand="PlacesUIUtils.openSelectionInTabs(event);"
    data-l10n-id="places-open-all-bookmarks"
    selection-type="multiple"
    node-type="link_bookmark|separator"
    label="Alle Lesezeichen öffnen"
    accesskey="z"
    hidden="true"
    disabled="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Alle Lesezeichen öffnen"
        accesskey="z" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_open:newtab"
    command="placesCmd_open:tab"
    data-l10n-id="places-open-in-tab"
    selection-type="single"
    node-type="link"
    label="In neuem Tab öffnen"
    accesskey="T"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="In neuem Tab öffnen"
        accesskey="T" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menu
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_open:newcontainertab"
    data-l10n-id="places-open-in-container-tab"
    selection-type="single"
    node-type="link"
    hide-if-private-browsing="true"
    hide-if-usercontext-disabled="true"
    label="In neuem Tab in Umgebung öffnen"
    accesskey="U"
    hidden="true"
    disabled="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="In neuem Tab in Umgebung öffnen"
        accesskey="U" /><hbox
        class="menu-accel-container"
        anonid="accel"
        aria-hidden="true"
        ><label class="menu-accel" /></hbox
    ><hbox align="center" class="menu-right" aria-hidden="true" disabled="true"
        ><image /></hbox
    ><menupopup
        oncommand="PlacesUIUtils.openInContainerTab(event);"
        onpopupshowing="return PlacesUIUtils.createContainerTabMenu(event);" /></menu
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_openContainer:tabs"
    oncommand="PlacesUIUtils.openSelectionInTabs(event);"
    data-l10n-id="places-open-all-in-tabs"
    selection-type="single|none"
    node-type="query"
    hide-if-node-type="query_tag"
    label="Alle in Tabs öffnen"
    accesskey="ö"
    hidden="true"
    disabled="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Alle in Tabs öffnen"
        accesskey="ö" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_openLinks:tabs"
    oncommand="PlacesUIUtils.openSelectionInTabs(event);"
    data-l10n-id="places-open-all-in-tabs"
    selection-type="multiple"
    node-type="link"
    hide-if-node-type="link_bookmark"
    label="Alle in Tabs öffnen"
    accesskey="ö"
    hidden="true"
    disabled="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Alle in Tabs öffnen"
        accesskey="ö" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_open:newwindow"
    command="placesCmd_open:window"
    data-l10n-id="places-open-in-window"
    selection-type="single"
    node-type="link"
    label="In neuem Fenster öffnen"
    accesskey="F"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="In neuem Fenster öffnen"
        accesskey="F" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_open:newprivatewindow"
    command="placesCmd_open:privatewindow"
    data-l10n-id="places-open-in-private-window"
    selection-type="single"
    node-type="link"
    hide-if-private-browsing="true"
    label="In neuem privaten Fenster öffnen"
    accesskey="p"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="In neuem privaten Fenster öffnen"
        accesskey="p" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_showInFolder"
    data-l10n-id="places-show-in-folder"
    command="placesCmd_showInFolder"
    closemenu="single"
    node-type="link_bookmark"
    hide-if-not-search="true"
    selection-type="single"
    label="In Ordner anzeigen"
    accesskey="O"
    hidden="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="In Ordner anzeigen"
        accesskey="O" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuseparator
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_openSeparator"
/><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_show_bookmark:info"
    command="placesCmd_show:info"
    data-l10n-id="places-edit-bookmark"
    node-type="link_bookmark"
    label="Lesezeichen bearbeiten…"
    accesskey="b"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Lesezeichen bearbeiten…"
        accesskey="b" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_show:info"
    command="placesCmd_show:info"
    data-l10n-id="places-edit-generic"
    node-type="query"
    hide-if-node-type="query_host|query_day"
    label="Bearbeiten…"
    accesskey="B"
    hidden="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Bearbeiten…"
        accesskey="B" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_show_folder:info"
    command="placesCmd_show:info"
    data-l10n-id="places-edit-folder2"
    node-type="folder"
    label="Ordner bearbeiten…"
    accesskey="b"
    hidden="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Ordner bearbeiten…"
        accesskey="b" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_deleteBookmark"
    data-l10n-id="places-delete-bookmark"
    data-l10n-args='{"count":1}'
    command="placesCmd_delete"
    closemenu="single"
    node-type="link_bookmark"
    hide-if-node-type="link_bookmark_tag"
    label="Lesezeichen löschen"
    accesskey="s"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Lesezeichen löschen"
        accesskey="s" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_removeTag"
    data-l10n-id="places-untag-bookmark"
    command="placesCmd_delete"
    closemenu="single"
    node-type="link_bookmark_tag"
    label="Schlagwort entfernen"
    accesskey="e"
    hidden="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Schlagwort entfernen"
        accesskey="e" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_deleteFolder"
    data-l10n-id="places-delete-folder"
    data-l10n-args='{"count":1}'
    command="placesCmd_delete"
    node-type="folder"
    closemenu="single"
    label="Ordner löschen"
    accesskey="s"
    hidden="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Ordner löschen"
        accesskey="s" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_delete"
    data-l10n-id="text-action-delete"
    command="placesCmd_delete"
    closemenu="single"
    hide-if-node-type-is-only="link|folder"
    label="Löschen"
    accesskey="L"
    hidden="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Löschen"
        accesskey="L" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_delete_history"
    data-l10n-id="places-delete-page"
    data-l10n-args='{"count":1}'
    command="placesCmd_delete"
    closemenu="single"
    node-type="link"
    hide-if-node-type="link_bookmark"
    label="Seite entfernen"
    accesskey="e"
    hidden="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Seite entfernen"
        accesskey="e" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_deleteHost"
    command="placesCmd_deleteDataHost"
    data-l10n-id="places-delete-domain-data"
    closemenu="single"
    node-type="link|query_host"
    selection-type="single"
    hide-if-node-type="link_bookmark"
    label="Gesamte Website vergessen"
    accesskey="v"
    hidden="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Gesamte Website vergessen"
        accesskey="v" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_sortBy:name"
    command="placesCmd_sortBy:name"
    data-l10n-id="places-sortby-name"
    closemenu="single"
    node-type="folder"
    label="Nach Name sortieren"
    accesskey="r"
    hidden="true"
    disabled="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Nach Name sortieren"
        accesskey="r" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuseparator
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_deleteSeparator"
/><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_cut"
    command="placesCmd_cut"
    data-l10n-id="text-action-cut"
    closemenu="single"
    node-type="link_bookmark|folder|separator|query"
    hide-if-node-type="link_bookmark_tag|query_host|query_day|query_tag"
    label="Ausschneiden"
    accesskey="A"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Ausschneiden"
        accesskey="A" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_copy"
    command="placesCmd_copy"
    data-l10n-id="text-action-copy"
    closemenu="single"
    label="Kopieren"
    accesskey="K"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Kopieren"
        accesskey="K" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_paste_group"
    data-l10n-id="text-action-paste"
    command="placesCmd_paste"
    closemenu="single"
    hide-if-no-insertion-point="true"
    label="Einfügen"
    accesskey="E"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Einfügen"
        accesskey="E" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuseparator
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_editSeparator"
/><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_new:bookmark"
    command="placesCmd_new:bookmark"
    data-l10n-id="places-add-bookmark"
    selection-type="any"
    hide-if-no-insertion-point="true"
    label="Lesezeichen hinzufügen…"
    accesskey="L"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Lesezeichen hinzufügen…"
        accesskey="L" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_new:folder"
    command="placesCmd_new:folder"
    data-l10n-id="places-add-folder-contextmenu"
    selection-type="any"
    hide-if-no-insertion-point="true"
    label="Ordner hinzufügen…"
    accesskey="O"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Ordner hinzufügen…"
        accesskey="O" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_new:separator"
    command="placesCmd_new:separator"
    data-l10n-id="places-add-separator"
    closemenu="single"
    selection-type="any"
    hide-if-no-insertion-point="true"
    label="Trennlinie hinzufügen"
    accesskey="r"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Trennlinie hinzufügen"
        accesskey="r" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuseparator
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_newSeparator"
/><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_paste"
    data-l10n-id="text-action-paste"
    command="placesCmd_paste"
    closemenu="single"
    selection-type="none"
    hide-if-no-insertion-point="true"
    label="Einfügen"
    accesskey="E"
    hidden="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Einfügen"
        accesskey="E" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menuseparator
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_pasteSeparator"
    hidden="true"
/><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_createBookmark"
    data-l10n-id="places-create-bookmark"
    data-l10n-args='{"count":1}'
    command="placesCmd_createBookmark"
    node-type="link"
    hide-if-node-type="link_bookmark"
    label="Lesezeichen für Seiten hinzufügen…"
    accesskey="L"
    hidden="true"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Lesezeichen für Seiten hinzufügen…"
        accesskey="L" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox></menuitem
><menu
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    label="Lesezeichen-Symbolleiste"
    id="toggle_PersonalToolbar"
    accesskey="L"
    toolbarId="PersonalToolbar"
    selection-type="none|single"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Lesezeichen-Symbolleiste"
        accesskey="L" /><hbox
        class="menu-accel-container"
        anonid="accel"
        aria-hidden="true"
        ><label class="menu-accel" /></hbox
    ><hbox align="center" class="menu-right" aria-hidden="true"><image /></hbox
    ><menupopup
        ><menuitem
            data-l10n-id="toolbar-context-menu-bookmarks-toolbar-always-show-2"
            type="radio"
            checked="true"
            data-bookmarks-toolbar-visibility="true"
            data-visibility-enum="always"
            label="Immer anzeigen"
            accesskey="I" /><menuitem
            data-l10n-id="toolbar-context-menu-bookmarks-toolbar-on-new-tab-2"
            type="radio"
            checked="false"
            data-bookmarks-toolbar-visibility="true"
            data-visibility-enum="newtab"
            label="Nur bei neuem Tab anzeigen"
            accesskey="u" /><menuitem
            data-l10n-id="toolbar-context-menu-bookmarks-toolbar-never-show-2"
            type="radio"
            checked="false"
            data-bookmarks-toolbar-visibility="true"
            data-visibility-enum="never"
            key="viewBookmarksToolbarKb"
            label="Nie anzeigen"
            accesskey="N" /></menupopup></menu
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="show-other-bookmarks_PersonalToolbar"
    toolbarId="PersonalToolbar"
    type="checkbox"
    checked="true"
    selection-type="none|single"
    start-disabled="true"
    data-l10n-id="toolbar-context-menu-bookmarks-show-other-bookmarks"
    label="Weitere Lesezeichen anzeigen"
    accesskey="W"
    ><hbox
        class="menu-iconic-left"
        align="center"
        pack="center"
        aria-hidden="true"
        checked="true"
        ><image class="menu-iconic-icon" /></hbox
    ><label
        class="menu-iconic-text"
        flex="1"
        crop="end"
        aria-hidden="true"
        value="Weitere Lesezeichen anzeigen"
        accesskey="W" /><label
        class="menu-iconic-highlightable-text"
        crop="end"
        aria-hidden="true"
        accesskey="W"
        >Weitere Lesezeichen anzeigen</label
    ><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-iconic-accel" /></hbox></menuitem
><menuitem
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    id="placesContext_showAllBookmarks"
    data-l10n-id="places-manage-bookmarks"
    command="Browser:ShowAllBookmarks"
    ignore-item="true"
    label="Lesezeichen verwalten"
    accesskey="v"
    ><label
        class="menu-text"
        crop="end"
        aria-hidden="true"
        value="Lesezeichen verwalten"
        accesskey="v" /><hbox class="menu-accel-container" aria-hidden="true"
        ><label class="menu-accel" /></hbox
></menuitem>

Alles anzeigen

Mira_Belle

Zitat von Horstmann

Hier ist das Ganze gut erklärt.

Buffer overload!
Ich merke mir einfach, für das, was MOG gemacht hat, es werden Eigenschaften deklariert
und wenn ich einzelnen Selektoren dann z.B. ein Symbol zuordne, wird die das vorher festgelegte einfach überschrieben.

Zitat von Horstmann

CSS Pfad für ein bestimmtes Element:

Habe ich auch schon gemacht, und hi oder da genutzt.
Danke

Mira_Belle

Ich glaube, ich bin fertig.

CSS: 00 Settings.css

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

    /* ---------------------------------------------- */
	/* ********* Ausrichtung der Untermenüs ********* */
    /* ---------------------------------------------- */

	/* Ausrichtung der Untermenüs in Ansicht */
    #viewToolbarsMenu > menupopup,
    #viewSidebarMenuMenu > menupopup,
    #viewFullZoomMenu > menupopup,
    #pageStyleMenu > menupopup {
        margin-left: 2px !important;
        margin-top: -7px !important;
    }
    /* Ausrichtung des Untermenüs in Ansicht */
     #toggle_PersonalToolbar >  menupopup {
        margin-left: 2px !important;
        margin-top: -5px !important;
    }

	/* Ausrichtung des Untermenüs in Lesezeichen */
	.bookmark-item  >  menupopup {
        margin-left: 2px !important;
        margin-top: -5px !important;
  	}

	/* Ausrichtung des Untermenüs in Extras */
	#browserToolsMenu >  menupopup {
		margin-left: 2px !important;
		margin-top: -5px !important;
	}

	/* --------------------------------------------- */
	/* -------- Zeilenabstände in den Menüs -------- */
    /* --------------------------------------------- */

    #AppMenuButton menupopup > menuitem,
    #AppMenuButton menupopup > menu {
        padding-block: 4px !important;
    }

    menupopup > menuitem,
    menupopup > menu {
        padding-block: 2px !important;
	}

    /* Im Hamburgermenü */
    .subviewbutton:not(#appMenu-fxa-status2) {
        min-height: 22px !important;
        max-height: 24px !important;
    }


}

Alles anzeigen

CSS: 01 Symbole_Menüleiste.css

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

	/* ----------------------------------------------- */
	/* ------------ Symbole der Menuleiste ----------- */
	/* ----------------------------------------------- */

    /* Farben ---------------------------------------------------*/

	:root {
		--uc-color-white-dark: #E0E0E0 !important;			/*	var(--uc-color-white-dark)		*/
		--uc-color-orange-normal: #FFAA00 !important;		/*	var(--uc-color-orange-normal)	*/
	}

	/* ------------------------------------------------ */
	/* Einstellungen für die Symbole in der Menüleiste  */
	/* ------------------------------------------------ */

    /* Leiste etwas nach rechts */
    :where(#main-menubar) {
        padding-left: 5px;
    }

    /* Platz schaffen für die Symbole */
	:where(#main-menubar > menu:not(.menu-iconic))::before,
	:where(#main-menubar > menuitem:not(.menuitem-iconic))::before {
	display: flex;
	padding-inline-end: 8px;
	padding-top: 1px;
	width: 16px;
	height: 16px;
	align-items: center;
	justify-content: center;
	-moz-context-properties: fill;
	fill: currentColor;
	}

    /* Datei */
    #file-menu::before { content: url("../icons/mail-inbox-all.svg"); }
    /* Bearbeiten */
    #edit-menu::before { content: url("../icons/edit.svg"); }
    /* Ansicht */
    #view-menu::before { content: url("../icons/content-view.svg"); }
    /* Chronik */
    #history-menu::before { content: url("../icons/history.svg"); }
    /* Lesezeichen */
    #bookmarksMenu::before { content: url("../icons/bookmark.svg"); }
    /* Profile */
    #profiles-menu::before { content: url("../icons/profile.svg"); }
    /* Extras */
    #tools-menu::before { content: url("../icons/toolbox.svg"); }
    /* Hilfe */
    #helpMenu::before { content: url("../icons/help.svg"); }

    /* ---------------------------------------------- */
	/* *** Abstände für alle Icons in diesem Menü *** */
    /* ---------------------------------------------- */
    #tools-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: var(--uc-color-white-dark) !important;
	}

    #file-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #edit-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #view-menu menupopup:not(.in-menulist) > menu:not(.menu-iconic),
  	#view-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #tools-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #helpMenu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
		padding-inline-start: calc(1em + 24px) !important;
	}

    #file-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #edit-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #view-menu menupopup:not(.in-menulist) > menu:not(.menu-iconic),
  	#view-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #history-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #bookmarksMenu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #tools-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
    #helpMenu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: var(--uc-color-white-dark) !important;
	}

    #view-menu-popup > menu:not(.menu-iconic) > label[value="Lesezeichen-Symbolleiste"],
    #menu_customizeToolbars  > label[value="Symbolleiste anpassen…"] {
        margin-left: -25px !important;
    }

    /* ------------------ */
    /* ----- Datei ------ */
    /* ------------------ */

	/* Neuer Tab */
	#menu_newNavigatorTab { background-image: url("../icons/tab-open.svg"); }
	/* Neues Fenster */
	#menu_newNavigator { background-image: url("../icons/session.svg"); }
	/* Neues privates Fenster */
	#menu_newPrivateWindow { background-image: url("../icons/privateBrowsing.svg"); }
	/* Datei öffnen... */
	#menu_openFile { background-image: url("../icons/folder-open.svg"); }
    /* Tab schließen */
    #menu_close { background-image: url("../icons/tab-close.svg"); }
  /* Fenster schließen ausblenden	! */
	#menu_closeWindow { background-image: url("../icons/window-close.svg"); }
	/* Seite speichern unter... */
	#menu_savePage { background-image: url("../icons/folder-save.svg"); }
	/* Link per E-Mail senden... */
	#menu_sendLink { background-image: url("../icons/mail.svg"); }
	/* Drucken... */
	#menu_print { background-image: url("../icons/printer.svg"); }
	/* Daten aus einem anderen Browser importieren... */
	#menu_importFromAnotherBrowser { background-image: url("../icons/import.svg"); }
	/* Offline arbeiten */
	#goOfflineMenuitem { background-image: url("../icons/plug-disconnected.svg"); }
	/* Beenden */
	#menu_FileQuitItem { background-image: url("../icons/Power_off_redorange.svg"); }

    /* ------------------ */
	/* --- Bearbeiten --- */
    /* ------------------ */

	/* Rückgängig */
	#menu_undo { background-image: url("../icons/undo.svg"); }
	/* Wiederherstellen */
	#menu_redo { background-image: url("../icons/sync.svg"); }
	/* Ausschneiden */
	#menu_cut { background-image: url("../icons/edit-cut.svg"); }
	/* Kopieren */
	#menu_copy { background-image: url("../icons/copy.svg"); }
	/* Einfügen */
	#menu_paste { background-image: url("../icons/paste.svg"); }
	/* Löschen */
	#menu_delete { background-image: url("../icons/delete.svg"); }
	/* Alles auswählen */
	#menu_selectAll { background-image: url("../icons/select-all-on.svg"); }
	/* Seite durchsuchen... */
	#menu_find { background-image: url("../icons/Github-Octicons-Search-16.svg"); }
  /* Weitersuchen ausblenden	! */
	#menu_findAgain { background-image: url("../icons/Github-Octicons-Search-24.svg"); }

    /* ------------------ */
	/* ---- Ansicht ----- */
    /* ------------------ */

	/* Symbolleisten */
	#viewToolbarsMenu { background-image: url("../icons/toolbar.svg") !important; }
	
		/* <<< Submenu "Symbolleisten" >>> */

		/* Menüleiste */
		#view-menu-popup > #toggle_toolbar-menubar > .menu-icon { margin-left: 0; }
		/* Lesezeichen-Symbolleiste */
		#view-menu-popup > #toggle_PersonalToolbar { background-image: url("../icons/bookmarks-toolbar.svg"); }
		#view-menu-popup > #toggle_PersonalToolbar > .menu-icon { margin-left: 0; }
		/* Symbolleiste anpassen */
		#menu_customizeToolbars { background-image: url("../icons/Themes.svg"); padding-left: 13px !important; }

		/* ---------------------------------- */
		/* --- Checkboxen in den Submenüs --- */
		/* ---------------------------------- */

        /* Die Kästchen */
        #view-menu-popup menuitem[checked="false"] {
            background-image: url("../icons/square.svg") !important;
            background-repeat: no-repeat;
        }

        /* Texte ausrichten */
        #view-menu-popup menuitem[checked="false"] > label[value="Immer anzeigen"],
        #view-menu-popup menuitem[checked="false"] > label[value="Nur bei neuem Tab anzeigen"],
        #view-menu-popup menuitem[checked="false"] > label[value="Nie anzeigen"] {
            margin-left: -25px !important;
		}
		/* ----------------------------------- */

    /* Sidebar */
    #viewSidebarMenuMenu { background-image: url("../icons/Dock Side Left.svg") !important; }

        /* <<< Submenu "Sidebar" >>> */
		
        #menu_bookmarksSidebar:not([checked="true"]) { 
            background-image: url("../icons/bookmark.svg") !important;
            background-repeat: no-repeat;
        } 
            #menu_historySidebar:not([checked="true"]) { 
            background-image: url("../icons/history.svg") !important;
            background-repeat: no-repeat; 
        }
        #menu_tabsSidebar:not([checked="true"]) { 
            background-image: url("../icons/Dock Side Left.svg") !important;
            background-repeat: no-repeat; 
        }
        #menu_genaiChatSidebar:not([checked="true"]) { 
            background-image: url("../icons/robot-icon.svg") !important; 
            background-repeat: no-repeat;
        }

    /* Zoom */
    #viewFullZoomMenu { background-image: url("../icons/screenshot.svg") !important; }
	
        /* <<< Submenu "Zoom" >>> */

        #menu_zoomEnlarge { background-image: url("../icons/zoom-in.svg") !important; }	/*  +  */
        #menu_zoomReduce { background-image: url("../icons/zoom-out.svg") !important; }	/*  -  */

        /* Texte ausrichten */

		/* Tatsächliche Größe */
        #menu_zoomReset:not([checked="true"]) {
            background-image: url("../icons/reload.svg")  !important;
            background-position: left 1em center;
            background-repeat: no-repeat; 
        }

		/* Gutter-Verhalten für das Zoom-Submenü deaktivieren */
		#viewFullZoomMenu menupopup[needsgutter] > menuitem > .menu-icon,
		#viewFullZoomMenu menupopup[needsgutter] > menu > .menu-icon {
			display: none !important;
		}

		/* Konsistente Einrückung für alle Einträge im Zoom-Submenü */
		#viewFullZoomMenu menupopup > menuitem,
		#viewFullZoomMenu menupopup > menu {
			padding-inline-start: calc(1em + 24px) !important;
			background-position: left 1em center !important;
			background-repeat: no-repeat !important;
			background-size: 16px !important;
		}

		/* Checkbox für "Nur Text zoomen" explizit behandeln */
		#toggle_zoom {
			padding-inline-start: calc(1em + 24px) !important;
			background-position: left 1em center !important;
			background-repeat: no-repeat !important;
			background-size: 16px !important;
		}

		/* Hintergrundbilder für Checkbox-Zustände */
		#toggle_zoom:not([checked="true"]) {
			background-image: url("../icons/square.svg") !important;
		}
		#toggle_zoom[checked="true"] {
			background-image: url("../icons/menu-check.svg") !important;
		}


    /* Webseiten-Stil */
    #pageStyleMenu { background-image: url("../icons/document-css.svg") !important; }

        /* <<< Submenu "Webseiten-Stil" >>> */

        /* Text ausrichten */
        #menu_pageStyleNoStyle[checked="false"] > label[value="Kein Stil"] {
            margin-left: -25px !important;
        }
        /* Kästchen */
        #menu_pageStyleNoStyle:not([checked="true"]) {
            background-image: url("../icons/square.svg") !important; 
            background-repeat: no-repeat;
        }
        /* Text ausrichten */
        [data-l10n-id="menu-view-page-basic-style"]:not([checked="true"]) > label[value="Standard-Stil"] {
            margin-left: -25px !important;
        }
        /* Kästchen */
        [data-l10n-id="menu-view-page-basic-style"]:not([checked="true"]) {
            background-image: url("../icons/square.svg") !important;
            background-repeat: no-repeat;
        }

  /* Textkodierung reparieren ausblenden	! */
    #repair-text-encoding { background-image: url("../icons/characterEncoding.svg") !important; }
    /* Vollbild */
    #fullScreenItem { background-image: url("../icons/fullscreen.svg") !important; }

    /* ------------------ */
	/* ---- Chronik ----- */
    /* ------------------ */

	/* Gesamte Chronik anzeigen */
	#menu_showAllHistory { background-image: url("../icons/history.svg"); padding-left: 13px !important; }
	/* Neueste Chronik löschen... */
	#sanitizeItem { background-image: url("../icons/history-forget.svg"); padding-left: 13px !important; }
	/* Vorherige Sitzung wiederherstellen */
	#historyRestoreLastSession { background-image: url("../icons/window-move.svg"); padding-left: 13px !important; }
	/* Chronik durchsuchen */
	#menu_searchHistory { background-image: url("../icons/window-search.svg"); padding-left: 13px !important; }


	#historyUndoMenu,
	#historyUndoWindowMenu { 
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: var(--uc-color-white-dark) !important;
	}

	/* Kürzlich geschlossene Tabs */
	#historyUndoMenu { background-image: url("../icons/tab-restore.svg"); }
	/* Kürzlich geschlossene Fenster */
	#historyUndoWindowMenu { background-image: url("../icons/session-restore.svg"); }

    /* ------------------ */
	/* -- Lesezeichen --- */
    /* ------------------ */

	/* Lesezeichen verwalten */
	#bookmarksShowAll { background-image: url("../icons/bookmarks-tray.svg"); padding-left: 13px !important; }
	/* Aktuellen Tab als Lesezeichen hinzufügen */
	#menu_bookmarkThisPage { background-image: url("../icons/bookmark-hollow.svg"); padding-left: 13px !important; }
    /* Lesezeichen durchsuchen */
    #menu_searchBookmarks { background-image: url("../icons/search.svg"); padding-left: 13px !important; }
    /* Lesezeichen für alle Tabs hinzufügen… */
    #menu_bookmarkAllTabs { background-image: url("../icons/bookmarks-tray.svg"); padding-left: 13px !important; }
	/* Lesezeichen-Symbolleiste */
	#bookmarksToolbarFolderMenu { list-style-image: url("../icons/bookmarksToolbar.svg") !important; }
	/* Weitere Lesezeichen */
	#menu_unsortedBookmarks { list-style-image: url("../icons/mail-inbox-all.svg") !important; }

	/* ------------------------ */
	/* -- Die Pfeile im Menü -- */
	/* ------------------------ */

	#scrollbutton-up, #scrollbutton-down {
		fill: var(--uc-color-orange-normal, initial) !important;
	}

    :is(#scrollbutton-down, #scrollbutton-up) > .toolbarbutton-icon {
        list-style-image: var(--custom-arrow-image) !important;
    }

	arrowscrollbox[orient="horizontal"] {
    	--custom-arrow-image: url("../icons/Chevron-left.svg") !important; }

    arrowscrollbox {
        --custom-arrow-image: url("../icons/Chevron-down.svg") !important; }

    /* ----------------------------------------------- */
	/* --------- Symbole in den Lesezeichen ---------- */
    /* ----------------------------------------------- */	

	menu.menu-iconic.bookmark-item[container],
	treechildren::-moz-tree-image(container) {
		fill: var(--uc-color-orange-normal) !important;
	}

    /* ------------------ */
	/* ----- Extras ----- */
    /* ------------------ */

	/* Downloads */
	#menu_openDownloads { background-image: url("../icons/downloads.svg") !important; }
	/* Add-ons und Themes */
	#menu_openAddons { background-image: url("../icons/addons.svg") !important; }
	/* Firefox View */
	#menu_openFirefoxView { background-image: url("../icons/firefox.svg") !important; }
	/* Anmelden */
	#sync-setup { background-image: url("../icons/avatar-empty.svg") !important; }
	/* Browser-Werkzeuge */
	#browserToolsMenu { background-image: url("../icons/debugging-workers.svg") !important; 
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: var(--uc-color-white-dark) !important;
	}

		/* <<< Submenu "Browser-Werkzeuge" >>> */	

		/* Werkzeuge für Web-Entwickler */
		#menu_devToolbox { background-image: url("../icons/developer.svg") !important; }
		/* Task-Manager */
		#menu_taskManager { background-image: url("../icons/performance.svg") !important; }
		/* Externes Debugging */
		#menu_devtools_remotedebugging { background-image: url("../icons/bug.svg") !important; }
		/* Browser-Werkzeuge */
		#menu_browserToolbox { background-image: url("../icons/window-dev-tools.svg") !important; }
		/* Browser-Inhaltswerkzeuge */
		#menu_browserContentToolbox { background-image: url("../icons/command-frames.svg") !important; }
		/* Browser-Konsole */
		#menu_browserConsole { background-image: url("../icons/command-console.svg") !important; }
		/* Bildschirmgrößen testen */
		#menu_responsiveUI { background-image: url("../icons/command-responsivemode.svg") !important; }
		/*Farbpipette */
		#menu_eyedropper { background-image: url("../icons/command-eyedropper.svg") !important; }
		/* Seitenquelltext anzeigen */
		#menu_pageSource { background-image: url("../icons/document-search.svg") !important; }
		/* Erweiterungen für Entwickler */
		#extensionsForDevelopers { background-image: url("../icons/addons.svg") !important; }	
	
	/* Seiteninformationen */
	#menu_pageInfo { background-image: url("../icons/document-endnote.svg") !important; }
	/* Einstellungen */
	#menu_preferences { background-image: url("../icons/settings.svg") !important; }

    /* ------------------ */
	/* ----- Hilfe ------ */
    /* ------------------ */

	/* Hilfe erhalten */
	#menu_openHelp { background-image: url("../icons/help.svg") !important; }
	/* Problem mit Website melden */
	#help_reportBrokenSite { background-image: url("../icons/warning.svg"); padding-left: 36px !important; }
	/* Ideen und Feedback teilen... */
	#feedbackPage { background-image: url("../icons/send.svg") !important; }
	/* Fehlerbehebungsmodus... */
	#helpSafeMode { background-image: url("../icons/debugging-workers.svg") !important; }
	/* Weitere Informationen zur Fehlerbehebung */
	#troubleShooting { background-image: url("../icons/more.svg") !important; }
	/* Betrügerische Website melden... */
	#menu_HelpPopup_reportPhishingtoolmenu { background-image: url("../icons/warning.svg") !important; }
	/* Zu einem neuen Gerät wechseln */
	#helpSwitchDevice { background-image: url("../icons/send-to-device.svg") !important; }
	/* Über Firefox */
	#aboutName { background-image: url("../icons/firefox.svg") !important; }

}

Alles anzeigen

CSS: 02 Settings_Hamburger.css

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

	/*---------------------------------------------------*/
	/********* Anpassungen des "Hamburgermenüs" **********/
	/*---------------------------------------------------*/

	#appMenu-popup {
		margin-right: 1px !important;
	}
	
	#appMenu-protonMainView {												/* Menübreite */
		width: 340px !important;			
	}
	
	/* Hintergrundfarbe und breite des Popups */
	
	panelview {
		background: var(--uc-color-black-light) !important;
		min-width: 320px !important;
	}
	
    /* Neuer Separator */

    #appMenu-mainView > .panel-subview-body::after {
    content: "";
    display: flex;
    border-bottom-width: 1px;    											/* Strichdicke */
    border-bottom-style: solid;  											/* Art der Linie (solid, dotted, dashed, double, groove, ridge, inset, outset) */
    border-bottom-color: var(--uc-color-grey-dark); 						/* Farbe */
    margin-top: 4px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
    }
    #appMenu-translate-button ~ *{
    order: 2;
    }

	:is(menupopup, panel)[type="arrow"] {	
		--panel-color: var(--uc-color-white-dark) !important;				 /* Schriftfarbe */		/* Hellgrau */
	/*	--panel-border-color: collapse !important;							 /* Rahmenfarbe */		/* Komplett ausgeblendet */
		--panel-border-color: trasparent !important;
		--panel-border-radius: 8px !important; 								 /* Rahmenradius */
	} 

}

Alles anzeigen

CSS: 03 Symbole_Hamburger.css

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

    /* -------------------------------------------------------------------------- */	
	/* --------- Texte im Hamburgermenü und in den Submenüs eingerückt ---------- */
	/* -------------- und in dem Anmeldenbutton das Icon eingefügt -------------- */
	/* -------------------------------------------------------------------------- */

	/* Anmeldebutton */

	#appMenu-fxa-label2::before,
	#fxa-manage-account-button::after {
		content: "";
		background: var(--avatar-image-url) no-repeat center/contain;
		-moz-context-properties: fill;
		fill: currentColor;
    	width: 16px;
		height: 16px;
    	margin-inline-end: 8px;
	}

    /* -------------------------------------------------------------------------- */
	/* --- Einstellungen für die Abstände der Symbole => Panels ----------------- */
    /* -------------------------------------------------------------------------- */

	/* Symbole im Hauptmenü */
	:where(#appMenu-mainView) > .panel-subview-body > .subviewbutton > .toolbarbutton-icon,
	#appMenu-zoom-controls::before,
	#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
	/* Symbole in den Lesezeichen */
	:where(#PanelUI-bookmarks) > .panel-subview-body > .subviewbutton > .toolbarbutton-icon,
	:where(#PanelUI-bookmarks) > :where(#panelMenu_showAllBookmarks) > .toolbarbutton-icon,
	/* Symbole in der Chronik */
	:where(#PanelUI-history) > .panel-subview-body > .subviewbutton > .toolbarbutton-icon,
	:where(#PanelUI-history) > :where(#PanelUI-historyMore) > .toolbarbutton-icon,
	/* Symbole in Weitere Werkzeuge */
	:where(#appmenu-moreTools) > .panel-subview-body > .subviewbutton > .toolbarbutton-icon,
	:where(#appmenu-moreTools) > .panel-subview-body > #appmenu-developer-tools-view > .subviewbutton > .toolbarbutton-icon,
	/* Symbole in der Hilfe */
	:where(#PanelUI-helpView) > #PanelUI-helpItems.panel-subview-body > .subviewbutton > .toolbarbutton-icon {
		fill: currentColor;
		-moz-context-properties: fill;
		margin-inline: 0 8px !important;
		display: flex;
		content: "";
		width: 16px;
		height: 16px;
	}


	/* Neuer Tab */
	#appMenu-new-tab-button2 { list-style-image: url("../icons/tab-open.svg"); }
	/* Neues Fenster */
	#appMenu-new-window-button2 { list-style-image: url("../icons/session.svg"); }
	/* Neues privates Fenster */
	#appMenu-new-private-window-button2 { list-style-image: url("../icons/privateBrowsing.svg"); }
	/* Lesezeichen */
	#appMenu-bookmarks-button { list-style-image: url("../icons/bookmark.svg"); }
	/* Neues privates Fenster */
	#appMenu-new-private-window-button2 { list-style-image: url("../icons/privateBrowsing.svg"); }
	/* Lesezeichen */
	#appMenu-bookmarks-button { list-style-image: url("../icons/bookmark.svg"); }
	/* Chronik */
	#appMenu-history-button { list-style-image: url("../icons/history.svg"); }
	/* Download */
	#appMenu-downloads-button { list-style-image: url("../icons/downloads.svg"); }
	/* Passwörter */
	#appMenu-passwords-button { list-style-image: url("../icons/passwords.svg"); }
	/* Add-ons und Themes */
	#appMenu-extensions-themes-button { list-style-image: url("../icons/addons.svg"); }  
	/* Drucken */
	#appMenu-print-button2 { list-style-image: url("../icons/printer.svg"); }
	/* Seite speichern unter */
	#appMenu-save-file-button2 { list-style-image: url("../icons/folder-save.svg"); }
	/* In Seite suchen */
	#appMenu-find-button2 { list-style-image: url("../icons/search.svg"); }
	/* Seite übersetzen */
	#appMenu-translate-button { list-style-image: url("../icons/translations.svg"); }
  /* Zoom */
  #appMenu-zoom-controls::before{ background-image: url("../icons/screenshot.svg") !important; }
	/*Einstellungen */
	#appMenu-settings-button { list-style-image: url("../icons/settings.svg"); }
	/*Weitere Werkzeuge */
	#appMenu-more-button2 { list-style-image: url("../icons/debugging-workers.svg"); }
	/* Problem mit Website melden */
	#appMenu-report-broken-site-button { list-style-image: url("../icons/warning.svg"); }
	/* Hilfe */
	#appMenu-help-button2 { list-style-image: url("../icons/help.svg"); }
	/* Beenden */
	#appMenu-quit-button2 { list-style-image: url("../icons/quit.svg"); }

	/* -------------------------------------------------------------------------- */
	/* --- Submenüs => Panels --------------------------------------------------- */
  	/* -------------------------------------------------------------------------- */

	/* = Panel - Bookmark ======================================================= */
	
	/* Lesezeichen bearbeiten */
	[data-l10n-id="bookmarks-bookmark-edit-panel"]::before { list-style-image: url("../icons/window.svg"); }

	/* Aktuellen Tab als Lesezeichen ... */
	[data-l10n-id="bookmarks-current-tab"]::before { list-style-image: url("../icons/session.svg"); }

	/* Dieses Lesezeichen bearbeiten...  */
	#panelMenuBookmarkThisPage { list-style-image: url("../icons/bookmark-hollow.svg"); }
	/* Lesezeichen durchsuchen */
	#panelMenu_searchBookmarks { list-style-image: url("../icons/search.svg"); }
	/* Lesezeichen-Symbolleiste ausblenden */
	#panelMenu_viewBookmarksToolbar { list-style-image: url("../icons/bookmarks-toolbar.svg"); }
	/* Lesezeichen verwalten */
	#panelMenu_showAllBookmarks { list-style-image: url("../icons/bookmarks-tray.svg"); } 


	/*= Panel - Chronik ==========================================================*/
	
	/* Kürzlich geschlossene Tabs */
	#appMenuRecentlyClosedTabs { list-style-image: url("../icons/tab-restore.svg"); }
    /* Kürzlich geschlossene Fenster */
	#appMenuRecentlyClosedWindows { list-style-image: url("../icons/window.svg"); }
	/* Vorherige Sitzung wiederherstellen */
	#appMenu-restoreSession{ list-style-image: url("../icons/session-restore.svg"); }
	/* Neueste Chronik löschen ... */
	#appMenuClearRecentHistory { list-style-image: url("../icons/history-forget.svg"); }
	/* Chronik verwalten */
	#PanelUI-historyMore { list-style-image: url("../icons/history.svg"); }
	/* Alle Tabs wieder öffnen */
	#appMenu-library-recentlyClosedTabs { list-style-image: url("../icons/window-move.svg"); }
	/* Alle Fenster wieder öffnen */
	#appMenu-library-recentlyClosedWindows { list-style-image: url("../icons/session-restore.svg"); }
	/* Chronik durchsuchen */
	#appMenuSearchHistory { list-style-image: url("../icons/window-search.svg"); }


	/*= Panel - More tools =======================================================*/
	
	/* Symbolleiste anpassen ... */
	#appmenu-moreTools-button { list-style-image: url("../icons/Themes.svg"); }
	/* Werkzeuge für Web-... */
	#appmenu-developer-tools-view .subviewbutton[label="Werkzeuge für Web-Entwickler"] { list-style-image: url("../icons/developer.svg"); }
	/* Task Manager */
	#appmenu-developer-tools-view > toolbarbutton[label="Task-Manager"] { list-style-image: url("../icons/performance.svg"); }
	/* Externes Debugging - Edge bug.svg */
	#appmenu-developer-tools-view > toolbarbutton[label="Externes Debugging"] { list-style-image: url("../icons/bug.svg"); }
	/* Browser-Werkzeuge - Edge webdeveloper.svg */
	#appmenu-developer-tools-view > toolbarbutton[label="Browser-Werkzeuge"] { list-style-image: url("../icons/window-dev-tools.svg"); }
	/* Browser-Inhaltswerkzeuge */
    /*	#appmenu-developer-tools-view .subviewbutton:nth-child(5) { list-style-image: url("../icons/command-frames.svg"); }	*/
	/* Browser-Konsole */
	#appmenu-developer-tools-view > toolbarbutton[label="Browser-Konsole"] { list-style-image: url("../icons/command-console.svg"); }
	/* Bildschirmgrößen testen */
	#appmenu-developer-tools-view > toolbarbutton[label="Bildschirmgrößen testen"] { list-style-image: url("../icons/command-responsivemode.svg"); }
	/* Farbpipette */
	#appmenu-developer-tools-view > toolbarbutton[label="Farbpipette"] { list-style-image: url("../icons/command-eyedropper.svg"); }
	/* Seitenquelltext anzeigen - Edge file-search.svg */
	#appmenu-developer-tools-view > toolbarbutton[label="Seitenquelltext anzeigen"] { list-style-image: url("../icons/document-search.svg"); }
	/* Erweiterungen für Entwickler */
	#appmenu-developer-tools-view > toolbarbutton[label="Erweiterungen für Entwickler"] { list-style-image: url("../icons/addons.svg"); }
	
    
	/*= Panel - Help ============================================================ */
	
	/* Hilfe erhalten */  
	#appMenu_menu_openHelp { list-style-image: url("../icons/help.svg"); }
	/* Ideen und Feedback teilen ... */
	#appMenu_feedbackPage { list-style-image: url("../icons/send.svg"); }
	/* Fehlerbehebungsmodus ... */
	#appMenu_helpSafeMode { list-style-image: url("../icons/debugging-workers.svg"); }
	/* Weitere Informationen zur ... */
	#appMenu_troubleShooting { list-style-image: url("../icons/more.svg"); }
	/* ?? Eine Glühbirne ?? */
	#appMenu_help_reportSiteIssue { list-style-image: url("../icons/lightbulb.svg"); }
	/* Betrügerische Website melden ... */
	#appMenu_menu_HelpPopup_reportPhishingtoolmenu { list-style-image: url("../icons/warning.svg"); }
	/* Zu einem neuen Gerät wechseln */
	#appMenu_helpSwitchDevice { list-style-image: url("../icons/send-to-device.svg"); }
	/* Über Firefox */
	#appMenu_aboutName { list-style-image: url("../icons/firefox.svg"); }

}

Alles anzeigen

CSS: 04 Symbole_Tabs_Kontextmenu.css

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

	/* ----------------------------------------- */
	/* --------- Kontextmenüs der Tabs --------- */
	/* ----------------------------------------- */


	:where(#tabContextMenu > menu:not(.menu-iconic))::before,
	:where(#tabContextMenu > menuitem:not(.menuitem-iconic))::before,
	:where(#moveTabOptionsMenu > menu:not(.menu-iconic))::before,
	:where(#moveTabOptionsMenu > menuitem:not(.menuitem-iconic))::before,
	:where(#closeTabOptions > menu:not(.menu-iconic))::before,
	:where(#closeTabOptions > menuitem:not(.menuitem-iconic))::before {
		display: flex;
		padding-inline-end: 8px;
		padding-top: 2px;
		width: 16px;
		height: 16px;
		align-items: center;
		justify-content: center;
	/*	content: url("chrome://browser/skin/tab.svg"); */
		-moz-context-properties: fill;
		fill: currentColor;
	}

	/* Alle Fenster wieder öffnen */
	:where(#historyUndoWindowPopup3 > menuitem.restoreallitem:not(.menuitem-iconic))::before { content: url("chrome://browser/skin/window.svg"); }

	/* Liste der kürzlich geschlossenen Fenster löschen */
	:where(#historyUndoWindowPopup3 > menuitem[label="Liste der kürzlich geschlossenen Fenster löschen"]:not(.menuitem-iconic))::before { content: url("chrome://browser/skin/window.svg"); }


	/* Alle Fenster wieder öffnen */
	:where(#historyUndoWindowPopup3 > menuitem.restoreallitem:not(.menuitem-iconic))::before,
	/* Liste der kürzlich geschlossenen Fenster löschen */
	:where(#historyUndoWindowPopup3 > menuitem[label="Liste der kürzlich geschlossenen Fenster löschen"]:not(.menuitem-iconic))::before,
	/* Alle Tabs wieder öffnen */
	#tabContextUndoList > menupopup[hasbeenopened="true"] > menuitem.restoreallitem[label="Alle Tabs wieder öffnen"]::before,
	/* Liste der letzten Tabs löschen */
	#tabContextUndoList > menupopup[hasbeenopened="true"] > menuitem[label="Liste der letzten Tabs löschen"]::before {
		fill: currentColor;
		-moz-context-properties: fill;
		margin-inline: 0 8px !important;
		display: flex;
		width: 16px;
		height: 16px;
	}

	/* Neuer Tab */
	#context_openANewTab::before { content: url("../icons/tab-open.svg"); }
	/* Tab zu neuer Gruppe hinzufügen */
	#context_moveTabToNewGroup::before { content: url("../icons/question.svg"); fill: #ff0000 !important; transform: scale(0.65); }

	/* Tab neuladen */
	#context_reloadTab::before { content: url("../icons/reload.svg"); }
	#context_reloadSelectedTabs::before { content: url("../icons/reload.svg"); }

	/* Alle Tabs neuladen */
	#tabContextMenu > menuitem[label="Alle Tabs neuladen"]::before { content: url("../icons/reload.svg"); fill: #fbc96e !important; }
	/* Tab entladen */
	#context_unloadTab::before { content: url("../icons/question.svg"); fill: #ff0000 !important; transform: scale(0.65); }
	/* Teilen */
	#tabContextMenu > .share-tab-url-item::before { content: url("chrome://devtools/skin/images/diff.svg"); }

	/* Tab verschieben */
	#context_moveTabOptions::before { content: url("../icons/arrow-swap.svg"); }
	
		/* <<< Submenu "Tab verschieben" >>> */	
		
		/* An Anfang verschieben */
		#context_moveToStart::before { content: url("../icons/tab-left.svg"); }
		/* An Ende verschieben */
		#context_moveToEnd::before { content: url("../icons/tab-right.svg"); }
		/* In neues Fenster verschieben */
		#context_openTabInWindow::before { content: url("../icons/session-restore.svg"); }	

		/* Doppelte Tabs schließen */
		/*#context_closeDuplicateTabs::before { content: url("../icons/tab-close.svg"); }*/
		/*Mehrere Tabs schließen */
		#context_closeTabOptions::before { content: url("../icons/tab-close.svg"); }

		/* <<< Submenu "Mehrere Tabs schließen" >>> */
			
		/* Doppelte Tabs schließen */
		#context_closeDuplicateTabs::before { content: url("../icons/tab-close.svg"); }
		/* Linke Tabs schließen */
		#context_closeTabsToTheStart::before { content: url("../icons/tab-left.svg"); }
		/* Rechte Tabs schließen */
		#context_closeTabsToTheEnd::before { content: url("../icons/tab-right.svg"); }
		/* Andere Tabs schließen */
		#context_closeOtherTabs::before { content: url("../icons/tab-all.svg"); }
		/* Alle Tabs schließen */
		#context_closeAllTabs::before { content: url("../icons/tab-all-close.svg"); }

	/* Tab schließen */
	#context_closeTab::before { content: url("../icons/tab-close.svg"); }

	/* Kürzlich geschlossene Fenster */
	#historyUndoWindowMenu3::before { content: url("../icons/default-browser-red.svg"); }
	/* Kürzlich geschlossene Tabs */
	#tabContextUndoList::before { content: url("../icons/default-browser-red.svg"); }

	/* Tab wiedergeben */
	#context_playTab::before { content: url("../icons/play.svg"); }
	/* Tabs wiedergeben */
	#context_playSelectedTabs::before { content: url("../icons/play.svg"); }

	/* Tab stummschalten */
	#context_toggleMuteTab::before { content: url("../icons/audio-muted.svg"); /* transform: scale(0.85); */ }
	#context_toggleMuteSelectedTabs::before { content: url("../icons/audio-muted.svg"); /* transform: scale(0.85); */ }
	/* Stummschaltung für Tab aufheben */
	#context_toggleMuteTab[muted="true"]::before { content: url("../icons/audio.svg"); /* transform: scale(0.85); */ }
	#context_toggleMuteSelectedTabs[muted="true"]::before { content: url("../icons/audio.svg"); /* transform: scale(0.85); */ }

	/* Tab anheften */
	#context_pinTab::before { content: url("../icons/pin.svg"); /* transform: scale(1.15); */ }
	#context_pinSelectedTabs::before { content: url("../icons//pin.svg"); /* transform: scale(1.15); */ }
	/* Tab abheften */
	#context_unpinTab::before { content: url("../icons/pin.svg"); /* transform: scale(1.15); */ }
	#context_unpinSelectedTabs::before { content: url("../icons//pin.svg"); /* transform: scale(1.15); */ }
	/* Tab klonen */
	#context_duplicateTab::before { content: url("../icons/duplicat.svg"); }
	/* Tabs klonen */
	#context_duplicateTabs::before { content: url("../icons/duplicat.svg"); }

	/* Tab als Lesezeichen hinzufügen */
	#context_bookmarkTab::before { content: url("../icons/bookmark-hollow.svg"); }

	/* Tabs als Lesezeichen hinzufügen… */
	#context_bookmarkSelectedTabs::before { content: url("../icons/bookmark-hollow.svg"); }

	/* Tab an Gerät senden */
	#context_sendTabToDevice::before { content: url("../icons/synced-tabs.svg"); }

	/* Alle Tabs auswählen */
	#context_selectAllTabs::before { content: url("../icons/tab-all.svg"); }

	/* Geschlossenen Tab wieder öffnen */
	#context_undoCloseTab::before { content: url("../icons/history-forget.svg"); }



	/* Einen KI-Chatbot fragen */
	#context_askChat::before { content: url("../icons/robot-icon.svg"); }

		/* <<< Submenu "Einen KI-Chatbot fragen" >>> */

		menuitem[label="Seite zusammenfassen"]::before,
		menuitem[data-l10n-id="genai-menu-choose-chatbot"]::before,
		menuitem[data-l10n-id="genai-menu-remove-generic"]::before { 
					fill: currentColor;
					-moz-context-properties: fill;
					display: flex;
					width: 16px;
					height: 16px;
			}
		menuitem[data-l10n-id="genai-menu-remove-generic"]::before { 
					margin-inline: 0 4px !important;
			}		
		/* Seite zusammenfassen */
		menuitem[label="Seite zusammenfassen"]::before { content: url("../icons/question.svg"); fill: #ff0000 !important; }
		/* Wählen Sie einen KI-Chatbot */
		menuitem[data-l10n-id="genai-menu-choose-chatbot"]::before { content: url("../icons/question.svg"); fill: #ff0000 !important; }
		/* KI-Chatbot entfernen */
		menuitem[data-l10n-id="genai-menu-remove-generic"]::before { content: url("../icons/delete.svg"); margin-left: -3px !important;}
			 

}

Alles anzeigen

CSS: 05 Symbole_Adressfeld_Kontextmenu.css

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

	/* ----------------------------------------- */
	/* ----- Kontextmenüs des Adressfelds ------ */
	/* ----------------------------------------- */

  :where(.textbox-contextmenu > menu:not(.menu-iconic))::before,
  :where(.textbox-contextmenu > menuitem:not(.menuitem-iconic))::before{
    display: flex;
    padding-inline-end: 8px;
    padding-top: 2px;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    content: url("chrome://browser/skin/tab.svg");
    -moz-context-properties: fill;
    fill: currentColor;
  }
  :where(.textbox-contextmenu > menu),
  :where(.textbox-contextmenu > menuitem){
    padding-inline-start: 1em !important;
  }
  .textbox-contextmenu > menuitem[type="checkbox"]::before{
    content: url("chrome://devtools/skin/images/checkbox.svg");
  }
  .textbox-contextmenu > menuitem[type="checkbox"] > :is(.menu-iconic-left,.menu-icon){
    display: none;
  }

  /* Rückgängig */
  .textbox-contextmenu > [data-l10n-id="text-action-undo"]::before { content: url("../icons/undo.svg"); }
  /* Wiederherstellen */
  .textbox-contextmenu > [data-l10n-id="text-action-redo"]::before { content: url("../icons/sync.svg"); }
  /* Ausschneiden */
  .textbox-contextmenu > [data-l10n-id="text-action-cut"]::before { content: url("../icons/edit-cut.svg"); }
  /* Kopieren */
  .textbox-contextmenu > [data-l10n-id="text-action-copy"]::before { content: url("../icons/link.svg"); }
  /* Saubere Link-Adresse kopieren */
  .textbox-contextmenu > [data-l10n-id="text-action-copy-clean-link"]::before { content: url("../icons/link-track.svg"); }
  /* Einfügen */
  .textbox-contextmenu > [data-l10n-id="text-action-paste"]::before { content: url("../icons/paste.svg"); }

  /* Löschen */
  .textbox-contextmenu > [data-l10n-id="text-action-delete"]::before { content: url("../icons/delete.svg"); }

  /* Alles auswählen */
  .textbox-contextmenu > [data-l10n-id="text-action-select-all"]::before { content: url("../icons/select-all-on.svg"); }

  /* Rechtschreibung prüfen */ 
  .textbox-contextmenu > [data-l10n-id="text-action-spell-check-toggle"]::before { content: url("../icons/spell-check.svg"); }
  /* Barrierefreiheit-Eigenschaften untersuchen */ 
  .textbox-contextmenu > [data-l10n-id="main-context-menu-inspect-a11y-properties"]::before { content: url("../icons/tool-accessibility.svg") }

  /* Einfügen & Los */ 
  .textbox-contextmenu > #paste-and-go::before { content: url("../icons/redo.svg"); }
  /* Einfügen & Suchen */ 
  .textbox-contextmenu > .searchbar-paste-and-search::before { content: url("../icons//search.svg"); }

}

Alles anzeigen

CSS: 06 Symbole_Lesezeichensymbolleiste.css

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

  /* --------------------------------------------- */
	/* -- Symbole für die Lesezeichensymbolleiste -- */
	/* --------------------------------------------- */

  :where(#placesContext > menu:not(.menu-iconic))::before,
  :where(#placesContext > menuitem:not(.menuitem-iconic))::before{
    display: flex;
    padding-top: 2px;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    -moz-context-properties: fill;
    fill: currentColor;
  }

  #placesContext[needsgutter] > :is(menu, menuitem) > .menu-icon {
      display: revert;
      margin-left: -14px;
  }

  #show-other-bookmarks_PersonalToolbar > .menu-icon {
    margin-left: 1px !important;
  }
  #show-other-bookmarks_PersonalToolbar > .menu-text {
    margin-left: 2px;
  }

  /* Alle Lesezeichen öffnen */
  #placesContext_openBookmarkContainer\:tabs::before,
  #placesContext_openBookmarkLinks\:tabs::before{
    content: url("../icons/window-move.svg");
  }
  /* In neuem Tab öffnen */
  #placesContext_open\:newtab::before{
    content: url("../icons/session.svg");
  }
  /* Alle in Tabs öffnen */
  #placesContext_openContainer\:tabs::before,
  #placesContext_openLinks\:tabs::before{
    content: url("chrome://global/skin/icons/edit-copy.svg");
  }
  /* In neuem Fenster öffnen */
  #placesContext_open\:newwindow::before{
    content: url("../icons/window.svg");
  }
  /* In neuem privaten Fenster öffnen */
  #placesContext_open\:newprivatewindow::before{
    content: url("../icons/privateBrowsing.svg");
  }
  /* In Ordner anzeigen */
  #placesContext_showInFolder::before,
  /* Ordner hinzufügen… */
  #placesContext_new\:folder::before{
    content: url("../icons/folder.svg");
  }
  /* Lesezeichen bearbeiten… */
  #placesContext_show_bookmark\:info::before,
  /* Bearbeiten… */
  #placesContext_show\:info::before,
  /* Ordner bearbeiten… */
  #placesContext_show_folder\:info::before{
    content: url("../icons/edit.svg");
  }
  /* Ordner löschen */
  #placesContext_deleteFolder::before,
  /* Lesezeichen löschen */
  #placesContext_deleteBookmark::before,
  /* Löschen */
  #placesContext_delete::before,
  /* Seiten entfernen */
  #placesContext_delete_history::before{
    content: url("../icons/delete.svg");
  }
  /* Gesamte Website vergessen… */
  #placesContext_deleteHost::before{
    content: url("chrome://browser/skin/forget.svg");
  }
  /* Nach Name sortieren */
  #placesContext_sortBy\:name::before{
    content: url("chrome://browser/skin/sort.svg");
  }
  /* Kopieren */
  #placesContext_copy::before{
    content: url("../icons/copy.svg");
  }
  /* Ausschneiden */
  #placesContext_cut::before{
    content: url("../icons/edit-cut.svg");
  }
  /* Einfügen */
  #placesContext_paste_group::before,
  #placesContext_paste::before{
    content: url("../icons/paste.svg");
  }
  /* Lesezeichen hinzufügen… */
  #placesContext_new\:bookmark::before,
  /* Lesezeichen für Seiten hinzufügen… */
  #placesContext_createBookmark::before{
    content: url("../icons/bookmark-hollow.svg");
  }
  /* Lesezeichen-Symbolleiste */
  #placesContext > #toggle_PersonalToolbar::before{
    content: url("../icons/bookmarks-toolbar.svg");
  }
  /* Lesezeichen verwalten */
  #placesContext_showAllBookmarks::before{
    content: url("../icons/bookmarks-tray.svg");
  }
  /* Trennlinie hinzufügen */
  #placesContext_new\:separator::before{
    content: url("../icons/vertical-line.svg");
  /* transform: scale(0.85); */
  }

}

Alles anzeigen

CSS: 07 Symbole_Kontextmenü.css

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

  /* ---------------------------------------------- */
	/* -------- Symbole für die Kontextmenüs -------- */
	/* ---------------------------------------------- */

  :where(#contentAreaContextMenu > menu:not(.menu-iconic))::before,
  :where(#contentAreaContextMenu > menuitem:not(.menuitem-iconic))::before,
  :where(#placesContext > menu:not(.menu-iconic))::before,
  :where(#placesContext > menuitem:not(.menuitem-iconic))::before {
    display: flex;
    padding-inline-end: 8px;
    padding-top: 2px;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    content: url("chrome://browser/skin/tab.svg");
    -moz-context-properties: fill;
    fill: currentColor;
  }
    display: flex;
    padding-inline-end: 8px;
    padding-top: 2px;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    content: url("chrome://browser/skin/tab.svg");
    -moz-context-properties: fill;
    fill: currentColor;
  }
  :where(#contentAreaContextMenu > menu),
  :where(#contentAreaContextMenu > menuitem){
    padding-inline-start: 1em !important;
  }

  /* ---------------------------------------------- */
	/* ----------- Kontextmenü für Links ------------ */
	/* ---------------------------------------------- */

  /* Link in neuem Tab öffnen */
  #context-openlinkintab::before { content: url("../icons/tab-open.svg"); }
  /* Link in neuem Fenster öffnen */
  #context-openlink::before { content: url("../icons/session.svg"); }
  /* Link in neuem privaten Fenster öffnen */
  #context-openlinkprivate::before { content: url("../icons/privateBrowsing.svg"); }
  /* Link-Vorschau anzeigen */
  #context-previewlink::before { content: url("../icons/eye_1.svg"); }
  /* Lesezeichen für Link hinzufügen… */
  #context-bookmarklink::before { content: url("../icons/folder-save.svg"); }
  /* Ziel speichern unter… */
  #context-savelink::before { content: url("../icons/image-add.svg"); }


  /* Link-Adresse kopieren */
  #context-copylink::before { content: url("../icons/link.svg"); }
  /* Saubere Link-Adresse kopieren */
  #context-stripOnShareLink::before { content: url("../icons/link-track.svg"); }


  /* Audio-Adresse kopieren */
  #context-copyaudiourl::before,
  /* Video-Adresse kopieren */
  #context-copyvideourl::before { content: url("../icons/link.svg"); }
  /* Audio speichern unter… */
  #context-saveaudio::before,
  /* Video speichern unter… */
  #context-savevideo::before,
  /* Seite speichern unter… */
  #context-savepage::before { content: url("../icons//save.svg"); }
  /* Ziel speichern unter… */
  #context-savelink::before { content: url("../icons/image-add.svg"); }

  /*
  #context-pocket::before { content: url("chrome://global/skin/icons/pocket.svg"); } */
  /* ??? */
  #contentAreaContextMenu > #fill-login::before { content: url("../icons/login.svg"); }
  /* Relay-E-Mail-Maske verwenden */
  #use-relay-mask::before { content: url("../icons/relay-logo.svg"); }
  /* Kopieren */
  #context-copy::before,
  /* Kopieren */
  #context-pdfjs-copy::before { content: url("../icons/copy.svg"); }
  /* Ausschneiden */
  #context-cut::before,
  /* Ausschneiden */
  #context-pdfjs-cut::before { content: url("../icons/edit-cut.svg"); }
  /* Einfügen */
  #context-paste-no-formatting::before,
  /* Einfügen */
  #context-paste::before,
  /* Einfügen */
  #context-pdfjs-paste::before { content: url("../icons/downloads.svg"); }
  /* Löschen */
  #context-delete::before,
  /* Löschen */
  #context-pdfjs-delete::before { content: url("../icons/delete.svg"); }
  /* Standbild aufnehmen… */
  #context-video-saveimage::before,
  /* Bildschirmfoto aufnehmen */
  #context-take-screenshot::before { content: url("../icons/screenshot.svg"); }
  /* An Gerät senden */
  #context-sendpagetodevice::before,
  /* Link an Gerät senden */
  #context-sendlinktodevice::before { content: url("../icons/synced-tabs.svg"); }

	/* ---------------------------------------------- */
	/* ------------- Kontextmenü Video -------------- */
	/* ---------------------------------------------- */

  /* Abspielen / Play */
  #context-media-play::before { content: url("../icons/play-1.svg"); }
  /* Anhalten / Pause */
  #context-media-pause::before { content: url("../icons/pause-1.svg"); }
  /* Ton aus */
  #context-media-mute::before { content: url("../icons/audio-16-mute.svg"); }
  /* Ton an */
  #context-media-unmute::before { content: url("../icons//audio-16.svg"); }
  /* Geschwindigkeit */
  #context-media-playbackrate::before { content: url("../icons/performance-16.svg"); }
  /* Endlosschleife */
  #context-media-loop::before { content: url("../icons/repeat-1.svg"); }
  /* Vollbild */
  #context-video-fullscreen::before { content: url("../icons/fullscreen.svg"); }
  /* Vollbild beenden */
  #context-leave-dom-fullscreen::before { content: url("../icons/fullscreen-exit.svg"); }
  /* Steuerung ausblenden */
  #context-media-hidecontrols::before,
  /* Steuerung anzeigen */
  #context-media-showcontrols::before { content: url("../icons/dock-bottom.svg"); }
  /* In Bild-im-Bild ansehen */
  #context-video-pictureinpicture::before { content: url("../icons/picture-in-picture-open.svg"); }

	/* ---------------------------------------------- */
	/* ------------ Kontextmenü Medien -------------- */
	/* ---------------------------------------------- */

  /* Grafik per E-Mail senden… */
  #context-sendimage::before,
  /* Video per E-Mail senden… */
  #context-sendvideo::before,
  /* Audio per E-Mail senden… */
  #context-sendaudio::before { content: url("../icons/mail.svg"); }
  /* Rückgängig */
  #context-undo::before,
  /* Rückgängig */
  #context-pdfjs-undo::before { content: url("../icons/undo.svg"); }
  /* Wiederherstellen */
  #context-redo::before,
  /* Wiederherstellen */
  #context-pdfjs-redo::before { content: url("../icons/sync.svg"); }
  /* Wiederherstellen */
  #context-redo::before,
  /* Wiederherstellen */
  #context-pdfjs-redo::before { transform-box: content-box; transform: scaleX(-1); }

	/* ---------------------------------------------- */

  /* Link zur Hervorhebung kopieren */
  #context-copy-link-to-highlight::before { content: url("../icons/link.svg"); }
  /* Sauberen Link zur Hervorhebung kopieren */
  #context-copy-clean-link-to-highlight::before { content: url("../icons/link-track.svg"); }
  /* Suche nach ... */
  #context-searchselect::before { content: url("../icons/search.svg"); }

  /* Alles auswählen */
  #context-selectall::before,
  /* Alles auswählen*/
  #context-pdfjs-selectall::before,
  /* Auswahl hervorheben */
  #context-pdfjs-highlight-selection::before { content: url("../icons/select-all-on.svg"); }


  /* Passwort anzeigen */
  #context-reveal-password::before{
    -moz-context-properties: fill,stroke;
    stroke: currentColor;
    content: url("../icons/eye_1.svg");
  }


  /* Auswahl drucken… */
  #context-print-selection::before { content: url("../icons/printer.svg"); }
  /* Auswahl auf Englisch übersetzen */
  #context-translate-selection::before { content: url("../icons/translations.svg"); }
  /* Rechtschreibung prüfen */
  #spell-check-enabled::before,
  /* Wörterbücher hinzufügen… */
  #spell-add-dictionaries-main::before { content: url("../icons/spell-check.svg"); }
  /* Sprachen */
  #spell-dictionaries::before { content: url("../icons/translations.svg"); }
  /* ??? */
  #context-ask-chat::before { content: url("../icons/highlights.svg"); }
  /* Textrichtung ändern */
  #context-bidi-text-direction-toggle::before,
  /* Seitenrichtung ändern */
  #context-bidi-page-direction-toggle::before { content: url("../icons/command-bidi.svg"); }
  /* Auswahl-Quelltext anzeigen */
  #context-viewpartialsource-selection::before,
  /* Seitenquelltext anzeigen */
  #context-viewsource::before { content: url("../icons/document-search.svg"); }
  /* Barrierefreiheit-Eigenschaften untersuchen */
  #context-inspect-a11y::before { content: url("../icons/tool-accessibility.svg"); }
  /* Untersuchen */
  #context-inspect::before { content: url("../icons/command-pick.svg"); }
  /* Tab schließen */
  #context-closetab::before { content: url("../icons/tab-close.svg"); }

	/* ---------------------------------------------- */
	/* ------------ Kontextmenü Grafik -------------- */
	/* ---------------------------------------------- */

  /* Grafik in neuem Tab öffnen */
  #context-viewimage::before { content: url("../icons/image-add.svg"); }
  /* Grafik speichern unter… */
  #context-saveimage::before { content: url("../icons/image.svg"); }
  /* Grafik kopieren */
  #context-copyimage-contents::before  { content: url("../icons/image-copy.svg"); }
  /* Grafikadresse kopieren */
  #context-copyimage::before { content: url("../icons/image-resize.svg"); }
  /* Bild als Hintergrundbild einrichten… */
  #context-setDesktopBackground::before { content: url("../icons/image-resize.svg"); }

}

Alles anzeigen

CSS: 08 Symbole_Leisten_Kontextmenu.css

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

	/* ----------------------------------------------- */
	/* ------ Symbole in den Leistenkontextmenüs ----- */
	/* ----------------------------------------------- */

	:where(#toolbar-context-menu > menu:not(.menu-iconic)),
	:where(#toolbar-context-menu > menuitem:not(.menuitem-iconic)) {
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
        -moz-context-properties: fill, fill-opacity;
		fill: currentColor;
    }

    /* Neuer Tab */
    #toolbar-context-openANewTab { background-image: url("../icons/session.svg"); }

    /* Ausgewählten Tab neu laden */
    #toolbar-context-reloadSelectedTab { background-image: url("../icons/arrow-rotate-left.svg"); }

    /* Ausgewählten Tab als Lesezeichen hinzufügen… */
    #toolbar-context-bookmarkSelectedTab { background-image: url("../icons/bookmark-hollow.svg"); }

    /* Alle Tabs auswählen */
    #toolbar-context-selectAllTabs { background-image: url("../icons/tab-multiple.svg"); }

    /* Geschlossenen Tab wieder öffnen */
    #toolbar-context-undoCloseTab { background-image: url("../icons/undo_2.svg"); }

    /* Texte ausrichten */
    #toolbar-context-openANewTab > .menu-icon,
    #toolbar-context-reloadSelectedTab > .menu-icon,
    #toolbar-context-bookmarkSelectedTab > .menu-icon,
    #toolbar-context-selectAllTabs > .menu-icon,
    #toolbar-context-undoCloseTab > .menu-icon {
        margin-left: -25px;
    }


    /* Vertikale Tabs aktivieren */
    #toolbar-context-toggle-vertical-tabs { background-image: url("../icons//default-browser-red.svg");}

    /* Lesezeichen-Symbolleiste */
    #toolbar-context-menu > #toggle_PersonalToolbar { background-image: url("../icons/bookmarks-toolbar.svg"); }

    /* Symbolleiste anpassen… */
    #toolbar-context-customize { background-image: url("../icons/Themes.svg"); }

    /* Texte ausrichten */
    #toolbar-context-toggle-vertical-tabs > .menu-icon,
    #toggle_toolbar-menubar > .menu-icon,
    #toggle_PersonalToolbar > .menu-icon,
    #toolbar-context-customize > .menu-icon {
        margin-left: -25px;
    }

		/* ---------------------------------- */
		/* --- Checkboxen in den Submenüs --- */
		/* ---------------------------------- */


        #toggle_PersonalToolbar menuitem[checked="false"] {
            background-image:  url("../icons/square.svg") !important;
            background-position: left 1em center;
            background-repeat: no-repeat;
            background-size: 16px;
            -moz-context-properties: fill, fill-opacity;
            fill: var(--uc-color-white-dark) !important;
        }
}

Alles anzeigen

icons.zip

mkpcxxl

Zitat von Mira_Belle

Ich glaube, ich bin fertig.

Sehr schön, vielen Dank für die viele Arbeit.

Wäre schön, wenn du mir jetzt bitte nochmal genau erklären könntest, was ich machen muss, damit das ganze auch funzt (wohin mit den CSS Dateien, den Icons und wie rufe ich das dann auf?).

Vielen Dank nochmal und ich wäre froh, wenn du mir das ganze erklären könntet.

Gruß

Michael

Mira_Belle

mkpcxxl Mach ich.

Im Profil befindet sich doch der Ordner "chrome".
C:\Users\"mkpcxxl"\AppData\Roaming\Mozilla\Firefox\Profiles\"mkpcxxl"\chrome
Ist nur Beispielhaft!

In diesem Ordner erstellst Du Dir a. den Ordner "css" und b. den Ordner "icons".
In "css" kommen die CSS-Dateien!
Bezeichnungen der Dateien stehen ja oben in der Box,
z.B. "08 Symbole_Leisten_Kontextmenu.css".

Die Symbole gehören in den Ordner "icons"

Jetzt musst Du nur noch Deine userChrome.css bearbeiten.

Kopiere dies einfach und füge es ein.

Code

@import url("./css/00 Settings.css");
@import url("./css/01 Symbole_Menüleiste.css");
@import url("./css/02 Settings_Hamburger.css");
@import url("./css/03 Symbole_Hamburger.css");
@import url("./css/04 Symbole_Tabs_Kontextmenu.css ");
@import url("./css/05 Symbole_Adressfeld_Kontextmenu.css ");
@import url("./css/06 Symbole_Lesezeichensymbolleiste.css ");
@import url("./css/07 Symbole_Kontextmenü.css ");
@import url("./css/08 Symbole_Leisten_Kontextmenu.css ");

Solltest Du schon CSS in der userChrome.css stehen haben, steht wohl ganz oben
@-moz-document url(chrome://browser/content/browser.xhtml) {

Bitte füge den Code "@import ...." davor ein, sonnst funktioniert es nicht!

Das sollte es auch schon gewesen sein.

Horstmann

Zitat von Mira_Belle

Ich glaube, ich bin fertig.

Ich hab das ganze nur mal schnell in mein altes Paket reingepackt - das komplette CSS in einer Datei - und es scheinen die linken Abstände im Lesezeichen Kontextmenü zu fehlen, Checkboxen funktionieren hier nicht, va in den Untermenüs, und es fehlen Icons für ein paar Menüeinträge in einigen Kontextmenümenüs.

Aus schon erwähnten Gründen, würde ich selber das CSS und die Icons nicht in irgendein Profil einfügen wollen, ohne ein - einfach zu erstellendes - Paket zu bekommen, das den Inhalt separiert.

Mira_Belle

Zitat von Horstmann

Aus schon erwähnten Gründen, würde ich selber das CSS und die Icons nicht in irgendein Profil einfügen wollen, ohne ein - einfach zu erstellendes - Paket zu bekommen, das den Inhalt separiert.

Erst einmal danke für Deinen Kurztest.
Aber das mit dem Separieren solltest Du doch selber hinbekommen, oder etwa nicht?
Ich weiß jetzt nicht wie Du auf Deinem Rechner Ordnung hältst,
aber einfach "CSS" umbenennen z.B: "css-org", den Ordner neu erstellen und die Dateien reinpacken,
gleiches für Deinen Ordner für Deine Symbole und von Deiner userChrome.css ein Backup machen,
sollte doch so, oder weil MAC, so ähnlich machbar sein.

Aber das erwarte ich gar nicht. Du hast mir auch so schon genug geholfen.

Zitat von Horstmann

es scheinen die linken Abstände im Lesezeichen Kontextmenü zu fehlen

Oh, Du hast recht, Danke. Da muss ich dann noch mal ran.

FEHLER behoben
Die 07 Symbole_Kontextmenü.css nochmal neu ziehen.

Mira_Belle

Mittlerweile habe ich auch weitere kleine Unstimmigkeiten entdeckt, aber mag heute nicht mehr.

mkpcxxl

Mira_Belle : Danke für die Super Anleitung, habe es so gemacht und es funktioniert soweit alles.

Nur beim Tab Kontext Menü habe ich bei "Tab entladen" als Icon ein rotes Fragezeichen.

Habe mal in der CSS geschaut und "Tab entladen" ist nicht zu finden.

Dann bei Rechtsklick auf einen leeren Bereich der Tableiste kommt bei "Vertikale Tabs aktivieren" ein rotes Herz.

Nur so als Info.

Der Rest, soweit ich es in der kurzen Zeit übeblicken konnte funktioniert.

Nochmals danke für deine Mühe.

Gruß

Michael

2002Andreas

Zitat von mkpcxxl

Habe mal in der CSS geschaut und "Tab entladen" ist nicht zu finden.

Kleiner Schreibfehler

mkpcxxl

Das mit dem Tab entladen habe ich jetzt hin bekommen (Danke Andreas).

Habe das Icon "reload.svg" um 180 Grad gedreht und dann als "unload.svg" gespeichert und in die CSS eingetragen.

Geht und sieht gut aus.

Nur das mit dem roten Herz muss ich noch suchen.

2002Andreas

Zitat von mkpcxxl

Nur das mit dem roten Herz muss ich noch suchen.

Unter:

08 Symbole_Leisten_Kontextmenu.css

mkpcxxl

Zitat von 2002Andreas

Zitat von mkpcxxl

Nur das mit dem roten Herz muss ich noch suchen.

Unter:
08 Symbole_Leisten_Kontextmenu.css

Danke Andreas, hebe es schon gefunden und die "Tab.svg" einfach um 90 Grad gedreht und in "Tab-Vertikal.svg" umbenannt und die "default-browser-red.svg" ersetzt.

Jetzt ist alles schön.

Danke nochmal an Euch.

Gruß

Michael

2002Andreas

Zitat von mkpcxxl

Jetzt ist alles schön.

So soll es ja auch sein

Mira_Belle

Zitat von 2002Andreas

Kleiner Schreibfehler

Sorry, ist korrigiert Danke für den Hinweis.
Auch habe ich Code wegen eines Darstellungsfehlers aus der 02 Settings_Hamburger.css entfernt!

Symbole in den Kontextmenüs [ Update ]

Ähnliche Themen

Symbole in Menüs

Browser-Werkzeuge / Popups nicht automatisch ausblenden

SUCHE Addon für den Verlauf

Suche in Adressleiste mit nur einem Klick starten

FF92: Probleme in Folder-PopUps

Nach Update auf 91.0 SSL Zertifikat kann nicht mehr hinterlegt werden und PopUps werden gesperrt trotz Freigabe

Ähnliche Themen

Symbole in Menüs

Browser-Werkzeuge / Popups nicht automatisch ausblenden

*SUCHE* Addon für den Verlauf

Suche in Adressleiste mit nur einem Klick starten

FF92: Probleme in Folder-PopUps

Nach Update auf 91.0 SSL Zertifikat kann nicht mehr hinterlegt werden und PopUps werden gesperrt trotz Freigabe

SUCHE Addon für den Verlauf