Beiträge von Mira_Belle

Mira_Belle

Danke Andreas.

Nun ja, mit

CSS

    menupopup > menuitem,
    menupopup > menu {
        appearance: none !important;
        padding-block: 2px !important;
        padding-inline-start: 25px !important;
    }

in meiner Lesezeichen.css

und

CSS

    /*Abstände für alle Icons im Kontextmenü*/
    
  menupopup:not(.in-menulist) > menu:not(.menu-iconic),
  menupopup:not(.in-menulist, [aria-label]) > menuitem:not(.menuitem-iconic, [checked="true"]) {
    margin-left: 25px !important;
    background-position: 0 center !important;
    background-repeat: no-repeat;
    background-size: 16px;
    -moz-context-properties: fill, fill-opacity;
    fill: currentColor;
}



/* Menüleiste */

 #toggle_toolbar-menubar[checked="true"] > .menu-iconic-text { 
   margin-left: 2px !important; 
}

Alles anzeigen

Habe ich jetzt "alles" auf Linie,

aber ...

es sieht bescheiden aus!

Add Tabs wäre dann normal, so wie ich es gerne hätte!

In diesem CSS hat der Autor es hinbekommen. => menu_icons.zip

Ich habe nur noch nicht rausgefunden, wie!

Gruß

Mira

Mira_Belle

Tabskontextmenüs

CSS

/* ========== Tabs ========== */

/* Neuer Tab */
#context_openANewTab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/new-tab.svg"); }
/* Tab neu laden */
#context_reloadTab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/reload.svg"); }
/* Tab stummschalten */
#context_toggleMuteTab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/audio-muted.svg"); }
/* Stummschaltung für Tab aufheben */
#context_toggleMuteTab[muted] { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/audio.svg"); }
/* Tab anheften */
#context_pinTab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/glyph-pin-16.svg"); }
/* Tab klonen */
#context_duplicateTab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/duplicat.svg"); }
/* Tab als Lesezeichen hinzufügen */
#context_bookmarkTab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/bookmark-hollow.svg"); }
/* Tab verschieben */
#context_moveTabOptions { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/move.svg"); }
/* Alle Tabs auswählen */
#context_selectAllTabs { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/tab-multiple.svg"); }
/* Tab schließen */
#context_closeTab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/close.svg"); }
/*Mehrere Tabs schließen */
#context_closeTabOptions { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/close-more.svg"); }
/* Geschlossenen Tab wieder öffnen */
#context_undoCloseTab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/undo.svg"); }

/* Add Tab to... */
#_fbcbdc47-ebd2-42f0-b2bb-7cc902ec2f40_-menuitem-_add-current-tab-menu > hbox:nth-child(1) {
  margin-left: -17px !important;
}

/* ================================================================ */

/* Neuer Tab */
#toolbar-context-openANewTab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/new-tab.svg"); }
/* Ausgewählten Tab neu laden */
#toolbar-context-reloadSelectedTab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/reload.svg"); }
/* Ausgewählten Tab als Lesezeichen hinzufügen... */
#toolbar-context-bookmarkSelectedTab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/bookmark-hollow.svg"); }
/* Alle Tabs auswählen */
#toolbar-context-selectAllTabs { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/tab-multiple.svg"); }
/* Geschlossene Tabs wieder öffnen */
#toolbar-context-undoCloseTab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/undo.svg"); }

/* Menüleiste */

/*
    .menu-iconic-left { margin-inline-end: 0 !important; }
    menuitem[checked="true"] > .menu-iconic-left { margin-inline-end: -8px !important; }
/*
#toggle_toolbar-menubar {
  background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/calendar-agenda.svg");
}
*/




/* Lesezeichen-Symbolleiste */
#toggle_PersonalToolbar { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/bookmarks-toolbar.svg"); }
/* Symbolleiste anpassen… */
menuitem.viewCustomizeToolbar { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/customize.svg"); }

Alles anzeigen

Was mir so gar nicht gelingen will,

ist das "Menüleiste" an gleicher Stelle steht, egal ob aktiviert oder deaktiviert.

Gruß

Mira

Mira_Belle

Jetzt passts!

CSS

    margin-inline-end: 9px !important;
    margin-left: -18px !important;

Gruß

Mira

Mira_Belle

Zitat von 2002Andreas

Ich habe das mal so gemacht:
...

Vielen, vielen Dank!

CSS

  menupopup:not(.in-menulist) > menu:not(.menu-iconic),
  menupopup:not(.in-menulist, [aria-label]) > menuitem:not(.menuitem-iconic, [checked="true"]) {
    margin-left: 7px !important;
    background-position: 0 center !important;
    background-repeat: no-repeat;
    background-size: 16px;
    -moz-context-properties: fill, fill-opacity;
    fill: currentColor;
}

/*Abstände pauschal für alle Icons von Erweiterungen im Kontextmenü*/

#contentAreaContextMenu .menu-iconic > .menu-iconic-left,
#contentAreaContextMenu .menuitem-iconic > .menu-iconic-left {
  margin-inline-end: 0.5em !important;
  margin-left: -15px !important;
}

Alles anzeigen

Muss aber noch mit den Werten:

CSS

  margin-inline-end: 0.5em !important;
  margin-left: -15px !important;

Herum experimentieren, so stimmt es noch nicht ganz.

Warum verhält es sich anders, wenn der Code per CSS eingebunden

oder per Stildingens verarbeitet wird?

Oder kommt es mir nur so vor?

Egal, bekomme das noch hin.

Gruß

Mira

Mira_Belle

Habe ich so bei mir!

CSS

 #downloadsPanel-mainView {
  border: 3px solid #ff9600 !important;
}

Gruß

Mira

Mira_Belle

Zitat von 2002Andreas

Laut deinen Screenshots haben die Icons von Erweiterungen einen anderen Abstand als deine neuen.
Soll das so sein/bleiben?
...

Nein, natürlich nicht.

Danke für den Hinweis.

Habe es erst einmal so korrigiert!

CSS

  menupopup:not(.in-menulist) > menu:not(.menu-iconic),
  menupopup:not(.in-menulist, [aria-label]) > menuitem:not(.menuitem-iconic, [checked="true"]) {
    margin-left: 7px !important;
    background-position: left 0 center;
    background-repeat: no-repeat;
    background-size: 16px;
    -moz-context-properties: fill, fill-opacity;       
    fill: currentColor;          
}

Aber da scheint mir noch der Wurm drinne zu sein.

background-position: left 0 center; muss sein, weil sonst die Symbole wegspringen.

Muss ich noch testen, ob ich das left 0 weg lassen kann.

CSS

#contentAreaContextMenu .menu-iconic > .menu-iconic-left,
#contentAreaContextMenu .menuitem-iconic > .menu-iconic-left {

spricht nicht an!

Liegt aber vielleicht an weiterem Code.

Muss ich auch noch testen.

Gruß

Mira

Mira_Belle

Zitat von grisu2099

Na dann:
...

dazu die normalen Menüeinträge...
...ohne Anspruch auf Vollständigkeit...

Moin und DANKE.

Die Liste bin ich gerade mal durchgegangen.

Da sind ja Menüs dabei, die habe ich ja noch nie genutzt, geschweige denn gesehen.

Ob ich die ALLE dann auch anpassen werde?

Adressleiste, ja, aber nur die Subs.

Tableiste, ja.

Menüleiste, glaub' ich auch, wahrscheinlich aber nicht alles.

Rechtsklick Adress- und Suchfeld, wahrscheinlich.

Gruß

Mira

Mira_Belle

Der erste Teil ist geschafft!

Wenn man ins Leere klickt.

Wenn ein Text markiert wurde.

Wenn eine Internetadresse markiert wurde.

Wenn eine Grafik angeklickt wurde

Wenn ein Link angeklickt wurde.

Hier habe ich dem "Background-tab Link" auch noch ein Icon spendiert.

Der Code:

CSS

  menupopup:not(.in-menulist) > menu:not(.menu-iconic),
  menupopup:not(.in-menulist, [aria-label]) > menuitem:not(.menuitem-iconic, [checked="true"]) {
    padding-inline-start: calc(1em + 24px) !important;
    background-position: left 3px center;
    background-repeat: no-repeat;
    background-size: 16px;
    -moz-context-properties: fill, fill-opacity;
    fill: currentColor;
}

#context-savepage { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/save.svg"); }
#context-pocket { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/pocket-outline.svg"); }
#context-selectall { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/select-all-on.svg"); }
#context-take-screenshot { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/screenshot.svg"); }
#context-viewsource { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/document-search.svg"); }
#context-inspect-a11y { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/tool-accessibility.svg"); }
#context-inspect { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/command-pick.svg"); }
#context-copy { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/edit-copy.svg"); }

#context-searchselect { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/search-glass.svg"); }
#context-viewpartialsource-selection { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/document-search.svg"); }

#context-openlinkincurrent { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/link-square.svg"); }
#context-openlinkintab { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/new-tab.svg"); }
#context-openlink { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/window.svg"); }
#context-openlinkprivate { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/privateBrowsing.svg"); }
#context-bookmarklink { background-image: url("chrome://browser/skin/save.svg"); }
#context-savelink { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/image-add.svg"); }
#context-print-selection { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/print.svg"); }

#context-savelinktopocket { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/image.svg"); }
#context-copylink { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/link.svg"); }
#context-viewimage { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/image-add.svg"); }
#context-saveimage { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/image.svg"); }
#context-copyimage-contents  { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/image-copy.svg"); }
#context-copyimage { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/resize-image.svg"); }
#context-sendimage { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/link.svg"); }
#context-setDesktopBackground { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/resize-image.svg"); }

#_36bde3a5-9f17-4ad9-a587-d4a3c8e8d200_-menuitem-_background-tab_link { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACcklEQVRYR8WWzVEbQRBGtRHYHHy2iAAIgEJkIEdgcfbBEAEiAhcXrogITAbI5QAMVQ5gdfYBiEB8b6uHaq1md2ZXBk3VlHa0/fOmu6dni8GWR7Fl/4NWgOVyeSvAz5rHRVE8xWAls6//P7h3C8mWuRtLASzN0L2HkNOPWn/XnGgOI86QnwnkMgWSC4CdCkKTHf/UBCI1iMQXgaAbHV0AMIBBv+OF1qQJB7wDamwzpIXUnQgCubXRFcAbuJDRacyopYh3pIkBBHW0Fom+AHMZIx2tQyATCVybUCmd3bpCXwDsUGQnGRBE4tzkSMXM62wCkAVh6SglTE3cC+DgfwJgiyqPFlhwJIhTPf+w9a7vE6kIUDR7iTA3FqMDGOn5ztYU4zy8SwFwrDj3TeOp7Yx7JUUhNLUV4He7CzYGkIGhdsS9kDMe/N1hhfhoit0iYJcN+ctpvR5upsUZILJBd6R9MzrVALv+08N5ALkRwEQAwHzlT61X0p4qwql0QhO50PM8J/6SmQSH+j3U/G16FZC3kQIoJUzef0lxlOl8UMv5P+l9Mt2D+qlJAUSPTg6IIIjWkZO9lHMa0spoBJABdhxtHpkAPn1/SYU/GcFGG0Bj+8wE8Bv4JudXMb02gNCGn6Xc9QhWvlzz4a7gJlz7rnwFsMLhqEBO+x0acTR3mVGYSa46fhqlzbl+sVnBeAAvHOzzybUfI88EIHJEst5BXzflAULF4xRaFKd9nQdAiyz1RFSZwHCJ7dQj0PvI5UQDGcFM9VM1ttARYxEgR8y3GCMZZUYBCHvubbcp3EIRGNZTQH44Lm8NQY2NQ0t+tw+SppBtHeAFE7gPMJeICC4AAAAASUVORK5CYII="); }

Alles anzeigen

Jetzt geht es an die anderen Kontextmenüs.

Werde also hier, in diesem Thread weiter machen.

Wenn jemand noch Kontextmenüs findet, auf die Andreas mich nicht hingewiesen hat, nur her damit.

Gruß

Mira

Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

Wenn ich jetzt nix vergessen habe

...
usw. usw.
dann viel Spaß dabei, wird eine ganze Weile dann dauern
...

Mal schauen, ob ich den haben werde.

Und Danke für die Hinweise auf die anderen Kontextmenüs.

Gruß

Mira

Mira_Belle

Update

12.09.2023

Version 2.0

Beitrag

RE: Symbole in den Kontextmenüs [ Update ]

Tada

Es ist so weit!

Es gibt "neue" Symbole in Form von Vektorgrafiken.

Außerdem habe ich ausgemistet!

Der Code des JavaSkripts wurde schon angepasst,

das CSS liefere ich hier noch nach.

Auch das CSS für die Symbole in der Bibliothek ist fertig.

(Quelltext, 836 Zeilen)

Und hier das CSS für die Bibliothek:

(Quelltext, 82 Zeilen)

Und die "neuen" Grafiken dürfen auch nicht fehlen!

icons.zip

Mira_Belle

12. September 2023 um 10:33

Ursprung

-------------------------------------------------------------------------------------------------------------------------------------------------------

So, es geht los!

Hier erst einmal die Pop-ups, die ich gefunden habe als Bildchen.

Wenn man ins leere klickt.

Wenn ein Text markiert wurde.

Wenn eine Internetadresse markiert wurde.

Wenn eine Grafik angeklickt wurde.

Wenn ein Link angeklickt wurde.

Wenn ich jetzt nix vergessen habe, kann es losgehen.

Jetzt gilt es, die Einträge zu finden.

Gruß

Mira

Mira_Belle

So, dieser Teil ist von meiner Warte abgeschlossen!

Ganz lich möchte ich mich bei allen Beteiligten für Ihre Hilfen, Ihre Ideen, Anregungen und Unterstützungen bedanken.

Jetzt geht es an die anderen Pop-ups.

Sechs Stück an der Zahl habe ich gezählt.

Dafür werde ich dann aber einen neuen Thread aufmachen.

Symbole in den Pop-ups

Gruß

Mira

Mira_Belle

So hier der Code

CSS

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

    .foo {    /* nur wegen der Klammern */
    }
    /*--------------------------------------------------------------------------*/    
    /*--------- Texte im Hamburgermenü und in den Submenüs eingerückt ----------*/
    /*-------------- und in dem Anmeldenbutton das Icon eingefügt --------------*/
    /*--------------------------------------------------------------------------*/

    .subviewbutton:not(.subviewbutton-iconic, [checked="true"], [targetURI]) > .toolbarbutton-icon {
        width: 16px;
        height: 16px;
        margin-inline-end: 8px !important;
        -moz-context-properties: fill, fill-opacity;
        fill: currentColor;
    }

    #appMenu-fxa-label2::before,
    #fxa-manage-account-button::after {
        content: "";
        display: -moz-box;
        border-radius: 50%;
        background: var(--avatar-image-url) no-repeat center/contain;
        -moz-context-properties: fill;
        fill: currentColor;
    }

    #appMenu-fxa-label2::before {
        width: 16px;
        height: 16px;
        margin-inline-end: 8px;
    }

    /* Neuer Tab */

    #appMenu-new-tab-button2 {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/new-tab.svg");
    }

  /* Neues Fenster */

    #appMenu-new-window-button2 {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/window.svg");
    }
  
  /* Neues privates Fenster */

    #appMenu-new-private-window-button2 {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/privateBrowsing.svg");
    }

  /* Lesezeichen */

    #appMenu-bookmarks-button {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/bookmark.svg");
    }

    /* Neues privates Fenster */

    #appMenu-new-private-window-button2 {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/privateBrowsing.svg");
    }

    /* Lesezeichen */

    #appMenu-bookmarks-button {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/bookmark.svg");
    }

    /* Chronik */

    #appMenu-history-button {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/history.svg");
    }

    /* Download */

    #appMenu-downloads-button {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/downloads.svg");
    }

    /* Passwörter */

    #appMenu-passwords-button {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/login.svg");
    }

  /* Add-ons und Themes */

    #appMenu-extensions-themes-button {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/extension.svg");
    }

    /* Drucken */

    #appMenu-print-button2 {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/print.svg");
    }

    /* Seite speichern unter */

    #appMenu-save-file-button2 {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/save.svg");
    }

    /* In Seite suchen */

    #appMenu-find-button2 {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/search-glass.svg");
    }

    /* Zoom */

    #appMenu-zoom-controls2::before {
        margin-top: 3px !important;
        margin-right: 10px !important; 
        margin-left: -1px !important;
        content: '' !important;
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        mask-image:  url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/screenshot.svg") !important;
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: #e1e1e1 !important;
    }

    /*Einstellungen */

    #appMenu-settings-button {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/settings.svg");
    }

    /*Weitere Werkzeuge */

    #appMenu-more-button2 {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/ion.svg");
    }

    /* Hilfe */

    #appMenu-help-button2 {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/help.svg");
    }

    /* Beenden */

    #appMenu-quit-button2 {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/quit.svg");
    }

    /*= Panel - Bookmark =========================================================*/
  
    /* Aktuellen Tab als Lesezeichen ... */
/*
    [data-l10n-id="bookmarks-bookmark-edit-panel"] {
        list-style-image: url("chrome://browser/skin/window.svg");
    }
*/
    /* Lesezeichen bearbeiten */
/*
    [data-l10n-id="bookmarks-current-tab"] {
        list-style-image: url("chrome://browser/skin/new-tab.svg");
    }
*/

    /* Lesezeichen bearbeiten */
    
    [data-l10n-id="bookmarks-bookmark-edit-panel"]::before {
        margin-top: 3px !important;    
        margin-right: -15px !important;
        margin-left: -1px !important;
        content: '' !important;
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        mask-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/window.svg") !important;
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: #e1e1e1 !important;
    }

    /* Aktuellen Tab als Lesezeichen ... */

    [data-l10n-id="bookmarks-current-tab"]::before {
        margin-top: 3px !important;    
        margin-right: -15px !important;
        margin-left: -1px !important;
        content: '' !important;
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        mask-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/new-tab.svg") !important;
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: #e1e1e1 !important;
    }


    /* Lesezeichen durchsuchen */
  
    #panelMenu_searchBookmarks {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/search-glass.svg");
    }

    /* Lesezeichen-Symbolleiste ausblenden */
    #panelMenu_viewBookmarksToolbar {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/bookmarks-toolbar.svg");
    }

    /* Lesezeichen verwalten */
    #panelMenu_showAllBookmarks {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/bookmark-star-on-tray.svg");
    } 

    /*= Panel - Chonik ===========================================================*/
    /*= Panel - History ==========================================================*/
  
    /* Kürzlich geschlossene Tabs */
    #appMenuRecentlyClosedTabs {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/tab.svg");
    }

    /* Kürzlich geschlossene Fenster */
    #appMenuRecentlyClosedWindows {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/window.svg");
    }

    /* Vorherige Sitzung wiederherstellen */
    #appMenu-restoreSession{
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/restore-session.svg");
    }

    /* Neueste Chronik löschen ... */
    #appMenuClearRecentHistory {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/forget.svg");
    }

    /* Chronik verwalten */
    #PanelUI-historyMore {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/history.svg");
    }

    /* Alle Tabs wieder öffnen */
    #appMenu-library-recentlyClosedTabs {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/movetowindow-16.svg");
    }

    /* Alle Fenster wieder öffnen */
    #appMenu-library-recentlyClosedWindows {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/restore-session.svg");
    }

    /*= Panel - More tools =======================================================*/
  
    /* Symbolleiste anpassen ... */
  
    #appmenu-moreTools-button {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/customize.svg");
    }

    /* Werkzeuge für Web-... */
    #appmenu-developer-tools-view .subviewbutton:nth-child(1) {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/developer.svg");
    }

    /* Task Manager */
    #appmenu-developer-tools-view .subviewbutton:nth-child(2) {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/performance.svg");
    }

    /* Externes Debugging - Edge bug.svg */
    #appmenu-developer-tools-view .subviewbutton:nth-child(3) {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/bug.svg");
    }

    /* Browser-Werkzeuge - Edge webdeveloper.svg */
    #appmenu-developer-tools-view .subviewbutton:nth-child(4) {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/window-dev-tools.svg");
    }

    /* Browser-Inhaltswerkzeuge */
    #appmenu-developer-tools-view .subviewbutton:nth-child(5) {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/command-frames.svg");
    }

    /* Browser-Konsole */
    #appmenu-developer-tools-view .subviewbutton:nth-last-child(5) {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/command-console.svg");
    }

    /* Bildschirmgrößen testen */
    #appmenu-developer-tools-view .subviewbutton:nth-last-child(4) {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/command-responsivemode.svg");
    }

    /* Farbpipette */
    #appmenu-developer-tools-view .subviewbutton:nth-last-child(3) {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/command-eyedropper.svg");
    }

    /* Seitenquelltext anzeigen - Edge file-search.svg */
    #appmenu-developer-tools-view .subviewbutton:nth-last-child(2) {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/document-search.svg");
    }

    /* Erweiterungen für Entwickler */
    #appmenu-developer-tools-view .subviewbutton:nth-last-child(1) {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/debugging-addons.svg");
    }
  
    /*= Panel - Help =============================================================*/
  
    /* Hilfe erhalten */  
    #appMenu_menu_openHelp {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/help.svg");
    }

    /* Ideen und Feedback teilen ... */
    #appMenu_feedbackPage {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/send.svg");
    }

    /* Fehlerbehebungsmodus ... */
    #appMenu_helpSafeMode {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/debugging-workers.svg");
    }

    /* Weitere Informationen zur ... */
    #appMenu_troubleShooting {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/more.svg");
    }

    /* ?? Eine Glühbirne ?? */
    #appMenu_help_reportSiteIssue {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/lightbulb.svg");
    }

    /* Betrügerische Website melden ... */
    #appMenu_menu_HelpPopup_reportPhishingtoolmenu {
    list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/warning.svg");
  }

    /* Über Firefox */
    #appMenu_aboutName {
        list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/info.svg");
    }
}

Alles anzeigen

Icons kommen noch!

Nachtrag!

Wie versprochen hier die Icons. => icons.zip

Und wer sich nicht an dem "leicht" anderen Design stört,

kann ja jetzt das Projekt nachbauen.

Wer ganz andere Icons einsetzen möchte, kann das natürlich auch tun.

Gruß

Mira

Mira_Belle

Zitat von Sören Hentzschel

Es sticht leider sofort ins Auge, dass hier Icons mit unterschiedlichen Stilen respektive Strichstärken verwendet werden. Ich würde nur Icons verwenden, die zusammen entsprechend harmonieren.

Du bist böse.

Mir falle da nur drei Symbole auf.

1. Drucken...

2. Seite speichern unter ...

und

3. Weitere Werkzeuge

Bedauerlicherweise habe ich keine Alternativen gefunden.

Und die Icons sind so in Firefox!

Zitat von 2002Andreas

Teste bitte mal:

CSS

[data-l10n-id="bookmarks-bookmark-edit-panel"] {
list-style-image: url("chrome://browser/skin/window.svg");
}

[data-l10n-id="bookmarks-current-tab"] {
list-style-image: url("chrome://browser/skin/new-tab.svg");
}

Der tuts!

Danke.

CSS

 [data-l10n-id="bookmarks-bookmark-edit-panel"]::before {
        margin-top: 3px !important;    
        margin-right: -15px !important;
        margin-left: -1px !important;
        content: '' !important;
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        mask-image: url("chrome://browser/skin/window.svg") !important;
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: #e1e1e1 !important;
    }

    /* Aktuellen Tab als Lesezeichen ... */

    [data-l10n-id="bookmarks-current-tab"]::before {
        margin-top: 3px !important;    
        margin-right: -15px !important;
        margin-left: -1px !important;
        content: '' !important;
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        mask-image: url("chrome://browser/skin/new-tab.svg") !important;
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: #e1e1e1 !important;
    }

Alles anzeigen

Gefällt mir besser.

Danke dafür.

Gruß

Mira

Mira_Belle

Darf ich meine bisherige Arbeit vorstellen?

Tada!

Ich habe nur ein klitzekleines Problem,

wo ich einfach nicht weiter komme!

Das Submenü von Lesezeichen!

Bilder sagen ja mehr als tausend Worte!

Speed Dial geöffnet

Beliebige andere Page

Es fehlen die Icons und ich bekomme sie einfach nicht angezeigt.

Das hat bestimmt was mit dem ::after zu tun, aber ich weiß mir gerade keinen Rat.

Kann mir jemand dafür den Code liefern? Bitte.

Gruß

Mira

PS:

Wenn ich mit diesem "Projekt" fertig bin,

liefere ich den kompletten Code und die dazugehörigen Icons.

Mira_Belle

Zitat von Dharkness

Hast Du es mal mit einer vollständigen Pfadangabe probiert?
Beispiel: list-style-image: url("file:///H:/Profile/Firefox/Fx-Profil-Test/chrome/icons/folder-4.png") !important;

Cool, das klappt!

Danke.

Nun kann ich ja, wenn ich denn alle habe, alle Symbole (Icon) auf diese Weise einbinden.

Gruß

Mira

So bleibt nur noch das Zoom-Problem!

Nachtrag!

Bin gerade meine Beiträge durchgegangen.

Vor lauter Bäume den Wald nicht gesehen!

Am Ende von Beitrag 41!

Mira_Belle

CSS

/* Task-Manager */

#appmenu-developer-tools-view .subviewbutton:nth-child(2) {
  list-style-image: url("../icons/performance.svg");
}

Da bekomme ich eine Fehlermeldung!
No chrome package registered for chrome://browser/icons/performance.svg

Warum will FF da auf chrome://browser/... zugreifen?
Die Pfadangabe sagt doch was anderes!

Und bei ...

CSS

/* Beenden */

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

... funktioniert es einwandfrei!

Habe zum Test, in einem frischen Profil, in das Chrome-Verzeichnis mal direkt die Symbole kopiert.
Den Code zu list-style-image: url("../performance.svg"); abgeändert.
Bekomme da keine Fehlermeldung, aber das Symbol wird auch nicht angezeigt.

Komme hier an diesem Punkt einfach nicht weiter.

Bitte, bitte, gibt es denn jemanden mit der rettenden Idee?

Gruß

Mira

Zitat von Gabbo

Dann kann ja fast nur noch die Verzeichnis-ebene in Frage kommen:
Icons liegen hier:
C:\Users\Benutzer\AppData\Roaming\Mozilla\Firefox\Profiles\default-release\chrome\Icons
./ => gleiche Verzeichnisebene
könnte das sein?

Das verstehe ich jetzt nicht.

Die CSS-Dateien liegen direkt in chrome und die Symbole eine Ebene darunter in chrome\icons

Mira_Belle

Zitat von Dharkness

Wieso tust Du nicht das naheliegendste und versuchst es mit der Adresse/dem Pfad → chrome://global/skin/icons/ in der Adressleiste?

Das habe ich schon getan!

So habe ich auch einige Icons gefunden.

Viel lieber würde ich aber die Icons "extern" einbinden!

Jedoch habe ich da, wie schon weiter oben erwähnt, irgendwie ein Problem!

Gruß

Mira

Zitat von Gabbo

...
Ich habe mal eine Sammlung von Original-Icons aus dem chrome-Ordner angehängt (ist schon älter, kein Anspruch auf Vollständigkeit); vielleicht kannst Du ja damit etwas anfangen, sollte noch das ein oder andere Icon fehlen.
FF_original_icons.zip

Danke Dafür!

Mira_Belle

Zitat von Gabbo

im Browser liegt es hier:
chrome://global/skin/icons/developer.svg

Danke!

Nur wie kann ich überprüfen, ob auch andere Icons direkt im Browser sind?

Und wo?

CSS

  list-style-image: url("../icons/performance.svg");
  list-style-image: url("../icons/bug.svg");
  list-style-image: url("../icons/window-dev-tools.svg");
  list-style-image: url("../icons/command-frames.svg");
  list-style-image: url("../icons/command-responsivemode.svg");
  list-style-image: url("../icons/document-search.svg");

und für das Hilfe-Submenü fehlt mir

CSS

  list-style-image: url("../icons/send.svg");

Gruß

Mira

Mira_Belle

Zitat von Sören Hentzschel

Unter dem angegebenen Pfad existiert keine Datei. Gib den Pfad doch einfach mal in die Adressleiste ein.

Also im Explorer lautet er in etwa so:

C:\Users\Mira\AppData\Roaming\Mozilla\Firefox\Profiles\default-release\chrome\icons\

Du meinst also, ich soll

default-release\chrome\icons\developer.svg

in die Adressleiste eingeben?

Es öffnet sich Google

und bei

default-release/chrome/icons/developer.svg

ebenfalls.

Gruß

Mira

Nur wenn ich den kompletten Pfad angebe, wird mir das Symbol angezeigt!

file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/.default-release/chrome/icons/developer.svg

Gruß

Mira

Mira_Belle

Zitat von Dharkness

Versuche es mal mit "..//chrome/icons/developer.svg", ist bei mir merkwürdigerweise auch so nötig.

Leider nicht von Erfolg gekrönt.

Gruß

Mira

Nachtrag.

Also mit list-style-image: url("..//chrome/icons/developer.svg"); oder list-style-image: url("..//icons/developer.svg");

wird gar nichts gezeigt!

Bei list-style-image: url("../chrome/icons/developer.svg"); oder auch list-style-image: url("..//icons/developer.svg");.

Bekomme ich wenigstes eine Fehlermeldung!

No chrome package registered for chrome://chrome/browser/icons/developer.svg

bzw. No chrome package registered for chrome://browser/icons/developer.svg

Kann damit jemand was anfangen?

Beiträge von Mira_Belle

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Hintergrundfarbe und Rahmenfarbe Popup Downloads

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Update

RE: Symbole in den Kontextmenüs [ Update ]

Symbole in Menüs

Symbole in Menüs

Symbole in Menüs

Symbole in Menüs

Symbole in Menüs

Symbole in Menüs

Symbole in Menüs

Symbole in Menüs

Symbole in Menüs

Symbole in Menüs