Beiträge von Mira_Belle

Mira_Belle

Zitat von Speravir

Zitat von Endor

Aber Deine Version die Du gemacht hast ist definitiv die bessere
Variante, da sie unabhängig von anderen Scripten funktioniert.

Allerdings muss man dann erneut viel Arbeit hineinstecken, wenn eine neue Version des Orignalskripts erscheinen sollte. Das würde man mit dem UserCSSLoader umgehen.

Meinst Du?

Das user_scrollbar.uc.js, so habe ich es nun genannt, wegen der doch nicht wenigen Veränderungen,

ist doch recht einfach gestrickt, denke ich jetzt wo ich so einigermaßen verstehe wie es funktioniert.

Zitat von Speravir

Wobei ein Diff-Programm schon sehr hilfreich ist, den Aufwand in Grenzen zu halten. Wie ich eben an anderer Stelle bemerkt habe, hat Mira Belle anscheinend bei mir über die Schulter gesehen ( ) und setzt wie ich Winmerge ein.

Uhh, Winmerge kannte ich schon, .... 2015 oder so, da nutzte ich noch Win 98 SE, oder vielleicht doch schon Win XP

Oder doch noch 'ne Schreibmaschine?

Auf jeden Fall schon ewig, es ist halt einfach ein klasse Tool, z.B. auch um Verzeichnisse abzugleichen.

Mira_Belle

Wow, echt klasse

Es geht doch.

Habe const scrollerProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");

hinzugefügt!

Denn ich muss ja die Variable definieren.

Und dann einfach

CSS

scrollbar[orient="vertical"] scrollbarbutton[type="decrement"] {
        mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/Chevron-up,_12.svg") !important;
      }
      scrollbar[orient="vertical"] scrollbarbutton[type="increment"] {
        mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/Chevron-down,_12.svg") !important;
      }
      scrollbar[orient="horizontal"] scrollbarbutton[type="increment"] {
        mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/Chevron-right,_12.svg") !important;
      }
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
        mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/Chevron-left,_12.svg") !important;
      }

Alles anzeigen

Siehst Du den Fehler? Blöde Frage, bist ja nicht blind.

CSS

        mask-image: url("file:" + ${scrollerProfileDirectory} + "/chrome/icons/Chevron-left,_12.svg") !important;

Echt klasse! Danke dafür.

Mira_Belle

Es gibt da auch noch Winmerge!

Das kann dann auf dem eigenen Rechner werkeln.

Mira_Belle

Zitat von harff182

Mira_Belle:
(Wo) Gibts einen aktuellen Code?
Ich glaube nämlich (mal wieder), einen Weg ohne absolute Pfade gefunden zu haben und würde den mit Deinem Code gerne mal testen und dann beisteuern...

Na dann lass sehen!

Hier das derzeitige JavaScript.

JavaScript

"use strict";
/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* Original by Aris (aris-addons@gmx.net)****************************************************** */
/* Github: https://github.com/aris-t2/customscrollbarsforfx *********************************** */
/* ******************************************************************************************** */
/* Customized by Mira************************************************************************** */
/* version 3 nach (ECMAScript 2015) *********************************************************** */
/* https://www.camp-firefox.de/forum/thema/135133-custom-scrollbars-uc-js-anpassen/ *********** */
/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.6 ****************************************************************************** */
/* ***********************************************************************************************
 README
 
 !!! Wichtig !!!

 Die Einstellungen müssen auf 'false' gesetzt werden, damit dies auf aktuellen Firefox-Builds (102+) funktioniert

 about:config >
 widget.windows.overlay-scrollbars.enabled > false (Windows)
 widget.gtk.overlay-scrollbars.enabled > false (Linux/MacOSX)

 [!] 'Methode 2' ist erforderlich, um Firefox für benutzerdefinierte JavaScript-Dateien vorzubereiten
 [!] Die Datei 'custom_scrollbars.uc.js' gehört in den Firefox-Profilordner 'chrome'!
 -> Profilordner finden: Adressleiste > about:profiles > Wurzelordner > Ordner öffnen
 -> Datei zum Ordner \chrome\ hinzufügen (ggf. einen Ordner mit Namen "chrome" erstellen)

 [!] DER STARTUP-CACHE MUSS NACH JEDER ÄNDERUNG GELÖSCHT WERDEN!
 -> Ordner 'startupCache' finden: Adressleiste > about:profiles > Lokales Verzeichnis > Ordner öffnen > startupCache
 -> Firefox schließen
 -> Inhalt des 'startupCache'-Ordners löschen

Alternativ mit einem JavaScipt!
 -> https://github.com/Endor8/userChrome.js/blob/master/Firefox%2087/RestartFirefoxButtonM.uc.js

 Aktivieren einer Einstellung > let ... auf 'true' setzen
 Deaktivieren einer Einstellung > let ... auf 'false' setzen
 Anpassungen vornehmen > Werte ändern
 - Farbe - Name: red, blue, transparent / Hexcode: #33CCFF, #FFF
 - Farbe - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8) // a = Sichtbarkeit (transparenz)
 - Zahlen: 1, 2, 3 ... 10, 11, 12 ...
 - Deckkraft (in Dezimalzahlen): 0.0 bis 1.0 z.B. 1.4 oder 1.75
 - Farbverläufe: linear-gradient(direction, color, color, color)
 - Beispiel für Farbverläufe: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))

 HINWEIS
 - Zu kleine Werte für die Scrollbar-Breite werden sich negativ auf einige Oberflaechenelemente auswirken!
 
*********************************************************************************************** */

// GENERAL SCROLLBAR SETTINGS
let custom_scrollbar_size_value = 16; // in px // default: custom_scrollbar_size_value = 17
// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
let cs_thumb_border = 1; // in px // default: cs_thumb_border = 0 // Rahmen des Sliders
let cs_thumb_roundness = 7; // in px // default: cs_thumb_roundness = 0 // Rundung des Sliders
let cs_thumb_minimal_size = 200; // in px
// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
let cs_background_color = "#5b5b66"; // default: cs_background_color = "#DDDDDD"
let cs_background_image_vertical = "unset"; // default: cs_background_image_vertical = "unset"
let cs_background_image_horizontal = "unset"; // default: cs_background_image_horizontal = "unset"
// - corner
let cs_corner_background_color = "#bfbfbf"; // default: cs_corner_background_color = "#DDDDDD"
let cs_corner_background_image = "unset"; // default: cs_corner_background_image = "unset"
// - thumb/slider
let cs_thumb_color = "#bfbfbf"; // default: cs_thumb_color = "#33CCFF"
let cs_thumb_image_vertical = "unset"; // default: cs_thumb_image_vertical = "unset"
let cs_thumb_image_horizontal = "unset"; // default: cs_thumb_image_horizontal = "unset"
let cs_thumb_hover_color = "orange"; // default: cs_thumb_hover_color = "#66FFFF"
let cs_thumb_hover_image_vertical = "unset"; // default: cs_thumb_hover_image_vertical = "unset"
let cs_thumb_border_color = "#5b5b66"; // default: cs_thumb_border_color = "#33CCFF" "#5b5b66"
// - buttons

let cs_color_arrow = "#bfbfbf";
let cs_color_arrow_hover = "orange";
let cs_width = 16;
let cs_height = 16;

/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */

// Scrollbar code

Components.utils.import("resource://gre/modules/Services.jsm");
let ss =  Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

let custom_scrollbars = {

  init: function() {

    let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
      
      @namespace html url("http://www.w3.org/1999/xhtml");
      
      scrollbar, scrollcorner, scrollbar thumb, 
      scrollbar[orient="vertical"] scrollbarbutton[type="increment"], 
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"], 
      scrollbar[orient="horizontal"] scrollbarbutton[type="increment"], 
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
        -moz-appearance: none !important;
        appearance: none !important;
      }
      scrollbar {
        background-color: ${cs_background_color} !important;
      }
      scrollbar[orient="vertical"] {
        background-image: ${cs_background_image_vertical} !important;
      }
      scrollbar[orient="horizontal"] {
        background-image: ${cs_background_image_horizontal} !important;
      }
      scrollcorner {
        background-color: ${cs_corner_background_color} !important;
        background-image: ${cs_corner_background_image} !important;
      }
      scrollbar thumb {
        background-color: ${cs_thumb_color} !important;
        border-radius: ${cs_thumb_roundness}px !important;
        border: ${cs_thumb_border}px solid ${cs_thumb_border_color} !important;
      }
      scrollbar thumb[orient="vertical"] {
        background-image: ${cs_thumb_image_vertical} !important;
        min-height: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
      }
      scrollbar thumb[orient="horizontal"] {
      background-image: ${cs_thumb_image_horizontal} !important;
      min-width: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
      }
      scrollbar thumb:hover, scrollbar thumb:active {
        background-color: ${cs_thumb_hover_color} !important;
      }
      scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active,
      scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {
        background-image: ${cs_thumb_hover_image_vertical} !important;
      }
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"] {
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-up,_12.svg") !important;
      }
      scrollbar[orient="vertical"] scrollbarbutton[type="increment"] {
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-down,_12.svg") !important;
      }
      scrollbar[orient="horizontal"] scrollbarbutton[type="increment"] {
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-right,_12.svg") !important;
      }
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-left,_12.svg") !important;
      }
      scrollbarbutton[type="increment"],
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"],
      scrollbarbutton[type="increment"],
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
        
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: ${cs_color_arrow};
        width: ${cs_width}px !important;
        height: ${cs_height}px !important;
      }
      scrollbarbutton[type="increment"]:hover,
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"]:hover,
      scrollbarbutton[type="increment"]:hover,
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"]:hover {
        background-color: ${cs_color_arrow_hover} !important;
      }
      
      scrollbar[orient="vertical"] {
        background-image: ${cs_background_image_vertical} !important;
        width: ${custom_scrollbar_size_value}px !important;
      }
      scrollbar[orient="horizontal"] {
        background-image: ${cs_background_image_horizontal} !important;
        height: ${custom_scrollbar_size_value}px !important;
      }
      scrollcorner {
        background-color: ${cs_corner_background_color} !important;
        background-image: url("file:///C:/Users/.../chrome/icons/resizer.svg") !important;
        width: ${custom_scrollbar_size_value}px !important;
      }
    `), null, null);

    ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

// enable settings as configured above
custom_scrollbars.init();

Alles anzeigen

Zitat von Sören Hentzschel

...

Es ist wohl so, wie ich es mir gedacht habe,

nur der historische Hintergrund war/ist mir unbekannt.

Danke für die Erklärung.

Mira_Belle

Das mit den var, const und let irritiert mich und ich verstehen tu ich es auch nicht!

Mein Englich ist da dann doch leider nicht besonders,

oder doch? Besonders schlecht!

Selbst die Übersetzung mittels Firefox Translations bring nur Gestammel zustande.

Zumindest habe ich kapiert, dass var Fehler verursachen kann,

also so grundsätzlich, nicht aber hier bei nur einem Script.

Aber ich vermute, dass let die bessere, bzw, richtigere Deklaration gewesen ist/wäre.

Punkt ist korrigiert.

Danke.

Mira_Belle

UPDATE

Ich habe neue Symbole gefunden und eingepflegt!

Hier oder da passen sie besser zum Erscheinungsbild.

Entsprechend habe ich den Code geändert.

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/.../chrome/icons/new-window.svg"); }
    /* Neues Fenster */
    #appMenu-new-window-button2 { list-style-image: url("file:///C:/Users/.../chrome/icons/popup.svg"); }
    /* Neues privates Fenster */
    #appMenu-new-private-window-button2 { list-style-image: url("file:///C:/Users/.../chrome/icons/privateBrowsing.svg"); }
    /* Lesezeichen */
    #appMenu-bookmarks-button { list-style-image: url("file:///C:/Users/.../chrome/icons/bookmark.svg"); }
    /* Neues privates Fenster */
    #appMenu-new-private-window-button2 { list-style-image: url("file:///C:/Users/.../chrome/icons/privateBrowsing.svg"); }
    /* Lesezeichen */
    #appMenu-bookmarks-button { list-style-image: url("file:///C:/Users/.../chrome/icons/bookmark.svg"); }
    /* Chronik */
    #appMenu-history-button { list-style-image: url("file:///C:/Users/.../chrome/icons/history_2.svg"); }
    /* Download */
    #appMenu-downloads-button { list-style-image: url("file:///C:/Users/.../chrome/icons/downloads.svg"); }
    /* Passwörter */
    #appMenu-passwords-button { list-style-image: url("file:///C:/Users/.../chrome/icons/password2.svg"); }
    /* Add-ons und Themes */
    #appMenu-extensions-themes-button { list-style-image: url("file:///C:/Users/.../chrome/icons/addon.svg"); }
    /* Drucken */
    #appMenu-print-button2 { list-style-image: url("file:///C:/Users/.../chrome/icons/printer.svg"); }
    /* Seite speichern unter */
    #appMenu-save-file-button2 { list-style-image: url("file:///C:/Users/.../chrome/icons/save.svg"); }
    /* In Seite suchen */
    #appMenu-find-button2 { list-style-image: url("file:///C:/Users/.../chrome/icons/find.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/.../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/.../chrome/icons/settings.svg"); }
    /*Weitere Werkzeuge */
    #appMenu-more-button2 { list-style-image: url("file:///C:/Users/.../chrome/icons/ion.svg"); }
    /* Hilfe */
    #appMenu-help-button2 { list-style-image: url("file:///C:/Users/.../chrome/icons/help.svg"); }
    /* Beenden */
    #appMenu-quit-button2 { list-style-image: url("file:///C:/Users/.../chrome/icons/quit.svg"); }

    /*= Panel - Bookmark =========================================================*/
  
    /* 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/.../chrome/icons/popup.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/.../chrome/icons/new-window.svg") !important;
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: #e1e1e1 !important;
    }

    /* Lesezeichen durchsuchen */
    #panelMenu_searchBookmarks { list-style-image: url("file:///C:/Users/.../chrome/icons/find.svg"); }
    /* Lesezeichen-Symbolleiste ausblenden */
    #panelMenu_viewBookmarksToolbar { list-style-image: url("file:///C:/Users/.../chrome/icons/bookmarks-toolbar.svg"); }
    /* Lesezeichen verwalten */
    #panelMenu_showAllBookmarks { list-style-image: url("file:///C:/Users/.../chrome/icons/bookmarks-tray.svg"); } 

    /*= Panel - Chonik ===========================================================*/
    /*= Panel - History ==========================================================*/
  
    /* Kürzlich geschlossene Tabs */
    #appMenuRecentlyClosedTabs { list-style-image: url("file:///C:/Users/.../chrome/icons/tab.svg"); }
    /* Kürzlich geschlossene Fenster */
    #appMenuRecentlyClosedWindows { list-style-image: url("file:///C:/Users/.../chrome/icons/popup.svg"); }
    /* Vorherige Sitzung wiederherstellen */
    #appMenu-restoreSession{ list-style-image: url("file:///C:/Users/.../chrome/icons/restore-session.svg"); }
    /* Neueste Chronik löschen ... */
    #appMenuClearRecentHistory { list-style-image: url("file:///C:/Users/.../chrome/icons/forget.svg"); }
    /* Chronik verwalten */
    #PanelUI-historyMore { list-style-image: url("file:///C:/Users/.../chrome/icons/history_2.svg"); }
    /* Alle Tabs wieder öffnen */
    #appMenu-library-recentlyClosedTabs { list-style-image: url("file:///C:/Users/.../chrome/icons/movetowindow-16.svg"); }
    /* Alle Fenster wieder öffnen */
    #appMenu-library-recentlyClosedWindows { list-style-image: url("file:///C:/Users/.../chrome/icons/restore-session.svg"); }

    /*= Panel - More tools =======================================================*/
  
    /* Symbolleiste anpassen ... */
    #appmenu-moreTools-button { list-style-image: url("file:///C:/Users/.../chrome/icons/customize.svg"); }
    /* Werkzeuge für Web-... */
    #appmenu-developer-tools-view .subviewbutton:nth-child(1) { list-style-image: url("file:///C:/Users/.../chrome/icons/developer.svg"); }
    /* Task Manager */
    #appmenu-developer-tools-view .subviewbutton:nth-child(2) { list-style-image: url("file:///C:/Users/.../chrome/icons/performance.svg"); }
    /* Externes Debugging - Edge bug.svg */
    #appmenu-developer-tools-view .subviewbutton:nth-child(3) { list-style-image: url("file:///C:/Users/.../chrome/icons/bug.svg"); }
    /* Browser-Werkzeuge - Edge webdeveloper.svg */
    #appmenu-developer-tools-view .subviewbutton:nth-child(4) { list-style-image: url("file:///C:/Users/.../chrome/icons/window-dev-tools.svg"); }
    /* Browser-Inhaltswerkzeuge */
    #appmenu-developer-tools-view .subviewbutton:nth-child(5) { list-style-image: url("file:///C:/Users/.../chrome/icons/command-frames.svg"); }
    /* Browser-Konsole */
    #appmenu-developer-tools-view .subviewbutton:nth-last-child(5) { list-style-image: url("file:///C:/Users/.../chrome/icons/command-console.svg"); }
    /* Bildschirmgrößen testen */
    #appmenu-developer-tools-view .subviewbutton:nth-last-child(4) { list-style-image: url("file:///C:/Users/.../chrome/icons/command-responsivemode.svg"); }
    /* Farbpipette */
    #appmenu-developer-tools-view .subviewbutton:nth-last-child(3) { list-style-image: url("file:///C:/Users/.../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/.../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/.../chrome/icons/debugging-addons.svg"); }
  
    /*= Panel - Help =============================================================*/
  
    /* Hilfe erhalten */  
    #appMenu_menu_openHelp { list-style-image: url("file:///C:/Users/.../chrome/icons/help.svg"); }
    /* Ideen und Feedback teilen ... */
    #appMenu_feedbackPage { list-style-image: url("file:///C:/Users/.../chrome/icons/send.svg"); }
    /* Fehlerbehebungsmodus ... */
    #appMenu_helpSafeMode { list-style-image: url("file:///C:/Users/.../chrome/icons/debugging-workers.svg"); }
    /* Weitere Informationen zur ... */
    #appMenu_troubleShooting { list-style-image: url("file:///C:/Users/.../chrome/icons/more.svg"); }
    /* ?? Eine Glühbirne ?? */
    #appMenu_help_reportSiteIssue { list-style-image: url("file:///C:/Users/.../chrome/icons/lightbulb.svg"); }
    /* Betrügerische Website melden ... */
    #appMenu_menu_HelpPopup_reportPhishingtoolmenu { list-style-image: url("file:///C:/Users/.../chrome/icons/warning.svg"); }
    /* Über Firefox */
    #appMenu_aboutName { list-style-image: url("file:///C:/Users/.../chrome/icons/info.svg"); }

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

    /*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"]) {
        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;
    }

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

    #context-searchselect { background-image: url("file:///C:/Users/.../chrome/icons/find.svg"); }
    #context-viewpartialsource-selection { background-image: url("file:///C:/Users/.../chrome/icons/document-search.svg"); }

    #context-openlinkincurrent { background-image: url("file:///C:/Users/.../chrome/icons/link-square.svg"); }
    #context-openlinkintab { background-image: url("file:///C:/Users/.../chrome/icons/new-window.svg"); }
    #context-openlink { background-image: url("file:///C:/Users/.../chrome/icons/popup.svg"); }
    #context-openlinkprivate { background-image: url("file:///C:/Users/.../chrome/icons/privateBrowsing.svg"); }
    #context-bookmarklink { background-image: url("chrome://browser/skin/save.svg"); }
    #context-savelink { background-image: url("file:///C:/Users/.../chrome/icons/image-add.svg"); }
    #context-print-selection { background-image: url("file:///C:/Users/.../chrome/icons/printer.svg"); }

    #context-savelinktopocket { background-image: url("file:///C:/Users/.../chrome/icons/image.svg"); }
    #context-copylink { background-image: url("file:///C:/Users/.../chrome/icons/link.svg"); }
    #context-viewimage { background-image: url("file:///C:/Users/.../chrome/icons/image-add.svg"); }
    #context-saveimage { background-image: url("file:///C:/Users/.../chrome/icons/image.svg"); }
    #context-copyimage-contents  { background-image: url("file:///C:/Users/.../chrome/icons/image-copy.svg"); }
    #context-copyimage { background-image: url("file:///C:/Users/.../chrome/icons/resize-image.svg"); }
    #context-sendimage { background-image: url("file:///C:/Users/.../chrome/icons/link.svg"); }
    #context-setDesktopBackground { background-image: url("file:///C:/Users/.../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="); }

    /* Rückgängig */
    #context-undo { background-image: url("file:///C:/Users/.../chrome/icons/edit-cut.svg"); }
    /* Wiederherstellen */
    #context-redo{ background-image: url("file:///C:/Users/.../chrome/icons/edit-copy.svg"); }
    /* Ausschneiden */
    #context-cut { background-image: url("file:///C:/Users/.../chrome/icons/edit-paste.svg"); }
    /* Einfügen */
    #context-paste { background-image: url("file:///C:/Users/.../chrome/icons/select-all-on.svg"); }
    /* Löschen */
    #context-delete { background-image: url("file:///C:/Users/.../chrome/icons/find.svg"); }


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

    /* Neuer Tab */
    #context_openANewTab { background-image: url("file:///C:/Users/.../chrome/icons/new-window.svg"); }
    /* Tab neu laden */
    #context_reloadTab { background-image: url("file:///C:/Users/.../chrome/icons/reload_2.svg"); }
    /* Tab stummschalten */
    #context_toggleMuteTab { background-image: url("file:///C:/Users/.../chrome/icons/audio-muted.svg"); }
    /* Stummschaltung für Tab aufheben */
    #context_toggleMuteTab[muted] { background-image: url("file:///C:/Users/.../chrome/icons/audio.svg"); }
    /* Tab anheften */
    #context_pinTab { background-image: url("file:///C:/Users/.../chrome/icons/glyph-pin-16.svg"); }
    /* Tab klonen */
    #context_duplicateTab { background-image: url("file:///C:/Users/.../chrome/icons/duplicat.svg"); }
    /* Tab als Lesezeichen hinzufügen */
    #context_bookmarkTab { background-image: url("file:///C:/Users/.../chrome/icons/bookmark-hollow_2.svg"); }
    /* Tab verschieben */
    #context_moveTabOptions { background-image: url("file:///C:/Users/.../chrome/icons/arrow-swap.svg"); }
    
        /* <<< Submenu_Tab verschieben >>> */    
    
        /* An Anfang verschieben */
        #context_moveToStart { background-image: url("file:///C:/Users/.../chrome/icons/back.svg"); }
        /* An Ende verschieben */
        #context_moveToEnd { background-image: url("file:///C:/Users/.../chrome/icons/forward.svg"); }
        /* In neues Fenster verschieben */
        #context_openTabInWindow { background-image: url("file:///C:/Users/.../chrome/icons/restore-session.svg"); }    
    
    /* Teilen */
    .share-tab-url-item { display: none; }
    /* Alle Tabs auswählen */
    #context_selectAllTabs { background-image: url("file:///C:/Users/.../chrome/icons/tab-multiple.svg"); }
    /* Tab schließen */
    #context_closeTab { background-image: url("file:///C:/Users/.../chrome/icons/stop.svg"); }
    /*Mehrere Tabs schließen */
    #context_closeTabOptions { background-image: url("file:///C:/Users/.../chrome/icons/close-more.svg"); }

        /* <<< Submenu_Mehrere Tabs schließen >>> */
        
        /* Linke Tabs schließen */
        #context_closeTabsToTheStart { background-image: url("file:///C:/Users/.../chrome/icons/Sidebar Left.svg"); }
        /* Rechte Tabs schließen */
        #context_closeTabsToTheEnd { background-image: url("file:///C:/Users/.../chrome/icons/Sidebar.svg"); }
        /* Andere Tabs schließen */
        #context_closeOtherTabs { background-image: url("file:///C:/Users/.../chrome/icons/Disabled.svg"); }        
    
    /* Geschlossenen Tab wieder öffnen */
    #context_undoCloseTab { background-image: url("file:///C:/Users/.../chrome/icons/undo.svg"); }

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

    /* Neuer Tab */
    #toolbar-context-openANewTab { background-image: url("file:///C:/Users/.../chrome/icons/new-window.svg"); }
    /* Ausgewählten Tab neu laden */
    #toolbar-context-reloadSelectedTab { background-image: url("file:///C:/Users/.../chrome/icons/reload_2.svg"); }
    /* Ausgewählten Tab als Lesezeichen hinzufügen... */
    #toolbar-context-bookmarkSelectedTab { background-image: url("file:///C:/Users/.../chrome/icons/bookmark-hollow_2.svg"); }
    /* Alle Tabs auswählen */
    #toolbar-context-selectAllTabs { background-image: url("file:///C:/Users/.../chrome/icons/tab-multiple.svg"); }

    /* Geschlossene Tabs wieder öffnen */
    #toolbar-context-undoCloseTab { background-image: url("file:///C:/Users/.../chrome/icons/undo.svg"); }

    /* Symbolleiste anpassen… */
    menuitem.viewCustomizeToolbar { background-image: url("file:///C:/Users/.../chrome/icons/customize.svg"); }

    /* Lesezeichen-Symbolleiste */
    #toggle_PersonalToolbar { background-image: url("file:///C:/Users/.../chrome/icons/bookmarks-toolbar.svg"); }

    /* --------------------------------------------- */
    /* - Kontextmenüs der Lesezeichen-Symbolleiste - */
    /* --------------------------------------------- */

    /* Löschen */
    #placesContext_delete { background-image: url("file:///C:/Users/.../chrome/icons/delete_2.svg"); }
    /* Ausschneiden */
    #placesContext_cut { background-image: url("file:///C:/Users/.../chrome/icons/edit-cut.svg"); }
    /* Kopieren */
    #placesContext_copy { background-image: url("file:///C:/Users/.../chrome/icons/edit-copy.svg"); }
    /* Einfügen */
    #placesContext_paste, #placesContext_paste_group { background-image: url("file:///C:/Users/.../chrome/icons/edit-paste.svg"); }

    /* Alle Lesezeichen öffnen */
    #placesContext_openBookmarkContainer\:tabs { background-image: url("file:///C:/Users/.../chrome/icons/movetowindow-16.svg"); }
    /* Lesezeichen hinzufügen... */
    #placesContext_new\:bookmark { background-image: url("file:///C:/Users/.../chrome/icons/bookmark-hollow_2.svg"); }
    /* Ordner hinzufügen... */
    #placesContext_new\:folder { background-image: url("file:///C:/Users/.../chrome/icons/folder_2.svg"); }
    /* Trennlinie hinzufügen... */
    #placesContext_new\:separator { background-image: url("file:///C:/Users/.../chrome/icons/vertical-line.svg"); }

    /* Lesezeichen verwalten */
    #placesContext_showAllBookmarks { background-image: url("file:///C:/Users/.../chrome/icons/bookmarks-tray.svg"); }
    /* In neuem Tab öffnen */
    #placesContext_open\:newtab { background-image: url("file:///C:/Users/.../chrome/icons/new-window.svg"); }
    /* In neuem Fenster öffnen */
    #placesContext_open\:newwindow { background-image: url("file:///C:/Users/.../chrome/icons/popup.svg"); }
    /* In neuem privaten Fenster öffnen */
    #placesContext_open\:newprivatewindow { background-image: url("file:///C:/Users/.../chrome/icons/privateBrowsing.svg"); }

    /* Lesezeichen bearbeiten… */
    #placesContext_show_bookmark\:info { background-image: url("file:///C:/Users/.../chrome/icons/edit.svg"); }
    /* Lesezeichen löschen */
    #placesContext_deleteBookmark { background-image: url("file:///C:/Users/.../chrome/icons/delete_2.svg"); }

    /* ------------------------------------------ */
    /* ------- Kontextmenüs der Menuleise ------- */
    /* ------------------------------------------ */

    /* In Überhangmenü verschieben */
    .customize-context-moveToPanel { background-image: url("file:///C:/Users/.../chrome/icons/glyph-pin-16.svg"); }
    /* Aus Symbolleiste entfernen */
    .customize-context-removeFromToolbar { background-image: url("file:///C:/Users/.../chrome/icons/delete_2.svg"); }

    /* --------------------------------------------- */
    /* ------- Kontextmenüs in der Menuleise ------- */
    /* --------------------------------------------- */

    /* --- Datei --- */

    /* Neuer Tab */
    #menu_newNavigatorTab { background-image: url("file:///C:/Users/.../chrome/icons/new-window.svg"); }
    /* Neues Fenster */
    #menu_newNavigator { background-image: url("file:///C:/Users/.../chrome/icons/popup.svg"); }
    /* Neues privates Fenster */
    #menu_newPrivateWindow { background-image: url("file:///C:/Users/.../chrome/icons/privateBrowsing.svg"); }
    /* Datei öffnen… */
    #menu_openFile { background-image: url("file:///C:/Users/.../chrome/icons//open.svg"); }
    /* Seite speichern unter… */
    #menu_savePage { background-image: url("file:///C:/Users/.../chrome/icons/save.svg"); }
    /* Link per E-Mail senden… */
    #menu_sendLink { background-image: url("file:///C:/Users/.../chrome/icons/mail.svg"); }
    /* Drucken… */
    #menu_print { background-image: url("file:///C:/Users/.../chrome/icons/printer.svg"); }
    /* Daten aus einem anderen Browser importieren… */
    #menu_importFromAnotherBrowser { background-image: url("file:///C:/Users/.../chrome/icons/import.svg"); }
    /* Offline arbeiten */
    #goOfflineMenuitem { background-image: url("file:///C:/Users/.../chrome/icons/plug-disconnected.svg"); }
    /* Beenden */
    #menu_FileQuitItem { background-image: url("file:///C:/Users/.../chrome/icons/quit.svg"); }

    /* --- Bearbeiten --- */

    /* Rückgängig */
    #menu_undo { background-image: url("file:///C:/Users/.../chrome/icons/undo.svg"); }
    /* Wiederherstellen */
    #menu_redo { background-image: url("file:///C:/Users/.../chrome/icons/sync.svg"); }
    /* Ausschneiden */
    #menu_cut { background-image: url("file:///C:/Users/.../chrome/icons/edit-cut.svg"); }
    /* Kopieren */
    #menu_copy { background-image: url("file:///C:/Users/.../chrome/icons/edit-copy.svg"); }
    /* Einfügen */
    #menu_paste { background-image: url("file:///C:/Users/.../chrome/icons/edit-paste.svg"); }
    /* Löschen */
    #menu_delete { background-image: url("file:///C:/Users/.../chrome/icons/delete_2.svg"); }
    /* Alles auswählen */
    #menu_selectAll { background-image: url("file:///C:/Users/.../chrome/icons/select-all-on.svg"); }
    /* Seite durchsuchen... */
    #menu_find { background-image: url("file:///C:/Users/.../chrome/icons/find.svg"); }

    /* --- Ansicht --- */

    /* Symbolleisten */
    #viewToolbarsMenu { background-image: url("file:///C:/Users/.../chrome/icons/toolbar.svg"); }
    
        /* <<< Submenu_Symbolleisten >>> */
        
        #toggle_PersonalToolbar { background-image: url("file:///C:/Users/.../chrome/icons/bookmarks-toolbar.svg"); }
        #menu_customizeToolbars { background-image: url("file:///C:/Users/.../chrome/icons/customize.svg"); }    
    
    /* Sitebar */
    #viewSidebarMenuMenu { background-image: url("file:///C:/Users/.../chrome/icons/sidebars.svg"); }

        /* <<< Submenu_Sitebar >>> */
        
        #menu_bookmarksSidebar { background-image: url("file:///C:/Users/.../chrome/icons/bookmark.svg"); }
        #menu_historySidebar { background-image: url("file:///C:/Users/.../chrome/icons/history_2.svg"); }
        #menu_tabsSidebar { background-image: url("file:///C:/Users/.../chrome/icons/sidebars.svg"); }

    /* Zoom */
    #viewFullZoomMenu { background-image: url("file:///C:/Users/.../chrome/icons/screenshot.svg"); }
    
        /* <<< Submenu_Zoom >>> */

        #menu_zoomEnlarge { background-image: url("chrome://browser/skin/add-circle-fill.svg"); }        /*  +  */
        #menu_zoomReduce { background-image: url("chrome://browser/skin/subtract-circle-fill.svg"); }    /*  -  */
    
    /* Webseiten-Stiel */
    #pageStyleMenu { background-image: url("file:///C:/Users/.../chrome/icons/document-css.svg"); }
    
        /* <<< Submenu_Webseiten-Stiel >>> */
    
        #menu_pageStyleNoStyle { background-image: url("file:///C:/Users/.../chrome/icons/document-css.svg"); }    
    
    /* Textkodierung reparieren */
    #repair-text-encoding { background-image: url("file:///C:/Users/.../chrome/icons/characterEncoding.svg"); }
    /* Vollbild */
    #fullScreenItem { background-image: url("file:///C:/Users/.../chrome/icons/fullscreen.svg"); }

    /* --- Chronik --- */

    /* Gesamte Chronik anzeigen */
    #menu_showAllHistory { background-image: url("file:///C:/Users/.../chrome/icons/history_2.svg"); }
    /* Neueste Chronik löschen… */
    #sanitizeItem { background-image: url("file:///C:/Users/.../chrome/icons/forget.svg"); }
    /* Vorherige Sitzung wiederherstellen */
    #historyRestoreLastSession { background-image: url("file:///C:/Users/.../chrome/icons/restore-session.svg"); }
    /* Kürzlich geschlossene Tabs */
    #historyUndoMenu { background-image: url("file:///C:/Users/.../chrome/icons/tab.svg"); }
    /* Kürzlich geschlossene Fenster */
    #historyUndoWindowMenu { background-image: url("file:///C:/Users/.../chrome/icons/popup.svg"); }

    /* Lesezeichen */

    /* Lesezeichen verwalten */
    #bookmarksShowAll { background-image: url("file:///C:/Users/.../chrome/icons/bookmarks-tray.svg"); }
    /* Aktuellen Tab als Lesezeichen hinzufügen */
    #menu_bookmarkThisPage { background-image: url("file:///C:/Users/.../chrome/icons/bookmark-hollow_2.svg"); }
    /* Lesezeichen-Symbolleiste */
    #bookmarksToolbarFolderMenu { list-style-image: url("file:///C:/Users/.../chrome/icons/bookmarksToolbar.svg"); }
    /* Weitere Lesezeichen */
    #menu_unsortedBookmarks { list-style-image: url("file:///C:/Users/.../chrome/icons/mail-inbox-all.svg") }

    /* --- Extras --- */

    /* Downloads */
    #menu_openDownloads { background-image: url("file:///C:/Users/.../chrome/icons/downloads.svg"); }
    /* Add-ons und Themes */
    #menu_openAddons { background-image: url("file:///C:/Users/.../chrome/icons/addon.svg"); }
    /* Anmelden */
    #sync-setup { background-image: url("file:///C:/Users/.../chrome/icons/avatar-empty.svg"); }
    /* Browser-Werkzeuge */
    #browserToolsMenu { background-image: url("file:///C:/Users/.../chrome/icons/developer.svg"); }
    
        /* <<< Submenu_Browser-Werkzeuge >>> */    

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

    /* --- Hilfe --- */

    /* Hilfe erhalten */
    #menu_openHelp { background-image: url("file:///C:/Users/.../chrome/icons/help.svg"); }
    /* Ideen und Feedback teilen… */
    #feedbackPage { background-image: url("file:///C:/Users/.../chrome/icons/send.svg"); }
    /* Fehlerbehebungsmodus… */
    #helpSafeMode { background-image: url("file:///C:/Users/.../chrome/icons/debugging-workers.svg"); }
    /* Weitere Informationen zur Fehlerbehebung */
    #troubleShooting { background-image: url("file:///C:/Users/.../chrome/icons/more.svg"); }
    /* Betrügerische Website melden… */
    #menu_HelpPopup_reportPhishingtoolmenu { background-image: url("file:///C:/Users/.../chrome/icons/warning.svg"); }
    /* Über Firefox */
    #aboutName { background-image: url("file:///C:/Users/.../chrome/icons/firefox.svg"); }

    /* ---------------------------------------------- */
    /* ------------- Kontextmenü Frames ------------- */
    /* ---------------------------------------------- */
    
    /* Aktueller Frame */
    #frame { background-image: url("file:///C:/Users/.../chrome/icons/command-frames.svg"); }

        /* <<< Submenu_Aktueller Frame >>> */    

        /* Nur diesen Frame anzeigen */
        #context-showonlythisframe { background-image: url("file:///C:/Users/.../chrome/icons/tab.svg"); }
        /* Frame in neuem Tab öffnen */
        #context-openframeintab { background-image: url("file:///C:/Users/.../chrome/icons/open-in-new.svg"); }
        /* Frame in neuem Fenster öffnen */
        #context-openframe { background-image: url("file:///C:/Users/.../chrome/icons/popup.svg"); }
        /* Frame neu laden */
        #context-reloadframe { background-image: url("file:///C:/Users/.../chrome/icons/reload_2.svg"); }
        /*Lesezeichen für diesen Frame hinzufügen */
        #context-bookmarkframe { background-image: url("file:///C:/Users/.../chrome/icons/bookmark-hollow_2.svg"); }
        /*Frame speichern unter… */
        #context-saveframe { background-image: url("file:///C:/Users/.../chrome/icons/save.svg"); }
        /* Frame drucken… */
        #context-printframe { background-image: url("file:///C:/Users/.../chrome/icons/printer.svg"); }
        /* Bildschirmfoto aufnehmen */
        #context-take-frame-screenshot { background-image: url("file:///C:/Users/.../chrome/icons/screenshot.svg"); }
        /* Frame-Quelltext anzeigen */
        #context-viewframesource { background-image: url("file:///C:/Users/.../chrome/icons/document-search.svg"); }
        /* Frame-Informationen anzeigen */
        #context-viewframeinfo { background-image: url("file:///C:/Users/.../chrome/icons/info.svg"); }

    /* ---------------------------------------------- */
    /* ----------- Kontextmenü Adressfeld ----------- */
    /* ---------------------------------------------- */
    
#urlbar-input-container {
        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;
}
/* Rückgängig */
#urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_undo"] {
  background-image: url("file:///C:/Users/.../chrome/icons/undo.svg");

}
/* Wiederherstellen */
#urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_redo"] {
  background-image: url("file:///C:/Users/.../chrome/icons/sync.svg");
}
/* Ausschneiden */
#urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_cut"] {
  background-image: url("file:///C:/Users/.../chrome/icons/edit-cut.svg");
}
/* Kopieren */
#urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_copy"] {
  background-image: url("file:///C:/Users/.../chrome/icons/edit-copy.svg");
}
/* Einfügen */
#urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_paste"] {
  background-image: url("file:///C:/Users/.../chrome/icons/edit-paste.svg");
}
/* Einfügen & Los */
#paste-and-go {
  background-image: url("file:///C:/Users/.../chrome/icons/redo.svg");
}
/* Löschen */
#urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_delete"] {
  background-image: url("file:///C:/Users/.../chrome/icons/delete_2.svg");
}
/* Alles auswählen */
#urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_selectAll"] {
  background-image: url("file:///C:/Users/.../chrome/icons/select-all-on.svg");
}

    /* ------------------------------------------- */
    /* ---------- Symbole der Menuleise ---------- */
    /* ------------------------------------------- */

    /* Datei  */
/*    #file-menu::before { background: url("file:///C:/Users/.../chrome/icons/mail-inbox-all.svg")!important; }
    /* Bearbeiten  */
/*    #edit-menu::before { background: url("file:///C:/Users/.../chrome/icons/edit.svg")!important; }
    /* Ansicht  */
/*    #view-menu::before { background: url("file:///C:/Users/.../chrome/icons/content-view.svg")!important; }
    /* Chronik  */
/*    #history-menu::before { background: url("file:///C:/Users/.../chrome/icons/history_2.svg")!important; }
    /* Lesezeichen  */
/*    #bookmarksMenu::before { background: url("file:///C:/Users/.../chrome/icons/bookmark.svg")!important; }
    /* Extras  */
/*    #tools-menu::before {
    background: url("file:///C:/Users/.../chrome/icons/toolbox.svg")!important; }
    /* Hilfe  */
/*    #helpMenu::before { background: url("file:///C:/Users/.../chrome/icons/help.svg")!important; }

    /* Einstellungen  */
/*    #file-menu::before,
    #edit-menu::before,
    #view-menu::before,
    #history-menu::before,
    #bookmarksMenu::before,
    #tools-menu::before,
    #helpMenu::before {
        margin-left: 6px !important;
        content: '' !important;
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        background-repeat: no-repeat !important;
        -moz-context-properties: fill, fill-opacity;
        fill: currentColor;
    }
*/
}

Alles anzeigen

Und hier die "neuen" Icons.

icons.zip

Mira_Belle

Zitat von Sören Hentzschel

Super. Jetzt musst du nur noch alle var ersetzen, damit die IDE des Vertrauens (in meinem Fall PhpStorm) nicht mehr jedes var unterkringelt. Normalerweise sollte alles zu const werden können, da ja nichts nachträglich überschrieben wird, ansonsten eben let.
Zwei Typos in den Kommentaren noch, weil wir ja perfekt sein wollen:
Javascipt -> JavaScript
Deckkraft (in Dezimalzahlen): 0.0 bis 1.0 z.B. 1.4, 1,75 -> das Komma am Ende sollte ein Punkt sein

Die Zeile mit der Deckkraft habe ich aber aus dem "Original" so übernommen.

geändert in - Deckkraft (in Dezimalzahlen): 0.0 bis 1.0 z.B. 1.4 oder 1,75

Zitat von Sören Hentzschel

Und folgende Variablen-Deklarationen kannst du entfernen, weil diese im CSS überhaupt nicht mehr berücksichtigt werden:
custom_opacity_value
cs_thumb_hover_image_horizontal
cs_buttons_image_vertical
cs_buttons_image_horizontal
cs_buttons_hover_color
cs_buttons_hover_image_vertical
cs_buttons_hover_image_horizontal

Gelöscht.

Zitat von Sören Hentzschel

Super. Jetzt musst du nur noch alle var ersetzen, damit die IDE des Vertrauens (in meinem Fall PhpStorm) nicht mehr jedes var unterkringelt. Normalerweise sollte alles zu const werden können, da ja nichts nachträglich überschrieben wird, ansonsten eben let.

Erledigt. Ist aber wohl nur eine Schönheitskorrektur?

var => Variable

const => Konstande

Macht für mich eigentlich Variable mehr Sinn, ist aber geändert.

Mira_Belle

Das "neue" JavaScript,

inkl. Korrekturen und mit Sörens Vorschlag geändert!

JavaScript

"use strict";
/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* Original by Aris (aris-addons@gmx.net)****************************************************** */
/* Github: https://github.com/aris-t2/customscrollbarsforfx *********************************** */
/* ******************************************************************************************** */
/* Customized by Mira************************************************************************** */
/* version 2 nach (ECMAScript 2015) *********************************************************** */
/* https://www.camp-firefox.de/forum/thema/135133-custom-scrollbars-uc-js-anpassen/ *********** */
/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.6 ****************************************************************************** */
/* ***********************************************************************************************
 README
 
 !!! Wichtig !!!

 Die Einstellungen müssen auf 'false' gesetzt werden, damit dies auf aktuellen Firefox-Builds (102+) funktioniert

 about:config >
 widget.windows.overlay-scrollbars.enabled > false (Windows)
 widget.gtk.overlay-scrollbars.enabled > false (Linux/MacOSX)

 [!] 'Methode 2' ist erforderlich, um Firefox für benutzerdefinierte JavaScript-Dateien vorzubereiten
 [!] Die Datei 'custom_scrollbars.uc.js' gehört in den Firefox-Profilordner 'chrome'!
 -> Profilordner finden: Adressleiste > about:profiles > Wurzelordner > Ordner öffnen
 -> Datei zum Ordner \chrome\ hinzufügen (ggf. einen Ordner mit Namen "chrome" erstellen)

 [!] DER STARTUP-CACHE MUSS NACH JEDER ÄNDERUNG GELÖSCHT WERDEN!
 -> Ordner 'startupCache' finden: Adressleiste > about:profiles > Lokales Verzeichnis > Ordner öffnen > startupCache
 -> Firefox schließen
 -> Inhalt des 'startupCache'-Ordners löschen

Alternativ mit einem Javascipt!
 -> https://github.com/Endor8/userChrome.js/blob/master/Firefox%2087/RestartFirefoxButtonM.uc.js

 Aktivieren einer Einstellung > var ... auf 'true' setzen
 Deaktivieren einer Einstellung > var ... auf 'false' setzen
 Anpassungen vornehmen > Werte ändern
 - Farbe - Name: red, blue, transparent / Hexcode: #33CCFF, #FFF
 - Farbe - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8) // a = Sichtbarkeit (transparenz)
 - Zahlen: 1, 2, 3 ... 10, 11, 12 ...
 - Deckkraft (in Dezimalzahlen): 0.0 bis 1.0 z.B. 1.4, 1,75
 - Farbverläufe: linear-gradient(direction, color, color, color)
 - Beispiel für Farbverläufe: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))

 HINWEIS
 - Zu kleine Werte für die Scrollbar-Breite werden sich negativ auf einige Oberflaechenelemente auswirken!
 
*********************************************************************************************** */

// GENERAL SCROLLBAR SETTINGS
var custom_scrollbar_size_value = 16; // in px // default: custom_scrollbar_size_value = 17
var custom_opacity_value = "1.0"; // default: custom_opacity_value = "1.0"
// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
var cs_thumb_border = 1; // in px // default: cs_thumb_border = 0 // Rahmen des Sliders
var cs_thumb_roundness = 15; // in px // default: cs_thumb_roundness = 0 // Rundung des Sliders
var cs_thumb_minimal_size = 12; // in px
// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
var cs_background_color = "#5b5b66"; // default: cs_background_color = "#DDDDDD"
var cs_background_image_vertical = "unset"; // default: cs_background_image_vertical = "unset"
var cs_background_image_horizontal = "unset"; // default: cs_background_image_horizontal = "unset"
// - corner
var cs_corner_background_color = "#bfbfbf"; // default: cs_corner_background_color = "#DDDDDD"
var cs_corner_background_image = "unset"; // default: cs_corner_background_image = "unset"
// - thumb/slider
var cs_thumb_color = "#bfbfbf"; // default: cs_thumb_color = "#33CCFF"
var cs_thumb_image_vertical = "unset"; // default: cs_thumb_image_vertical = "unset"
var cs_thumb_image_horizontal = "unset"; // default: cs_thumb_image_horizontal = "unset"
var cs_thumb_hover_color = "orange"; // default: cs_thumb_hover_color = "#66FFFF"
var cs_thumb_hover_image_vertical = "unset"; // default: cs_thumb_hover_image_vertical = "unset"
var cs_thumb_hover_image_horizontal = "unset"; // default: cs_thumb_hover_image_horizontal = "unset"
var cs_thumb_border_color = "#5b5b66"; // default: cs_thumb_border_color = "#33CCFF" "#5b5b66"
// - buttons
var cs_buttons_image_vertical = "unset"; // default: cs_buttons_image_vertical = "unset"
var cs_buttons_image_horizontal = "unset"; // default: cs_buttons_image_horizontal = "unset"
var cs_buttons_hover_color = "#bfbfbf"; // default: cs_buttons_hover_color = "#33CCFF"
var cs_buttons_hover_image_vertical = "unset"; // default: cs_buttons_hover_image_vertical = "unset"
var cs_buttons_hover_image_horizontal = "unset"; // default: cs_buttons_hover_image_horizontal = "unset"
var cs_color_arrow = "#bfbfbf";
var cs_color_arrow_hover = "orange";
var cs_width = 16;
var cs_height = 16;

/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */

// Scrollbar code

Components.utils.import("resource://gre/modules/Services.jsm");
var ss =  Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

var custom_scrollbars = {

  init: function() {

    var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
      
      @namespace html url("http://www.w3.org/1999/xhtml");
      
      scrollbar, scrollcorner, scrollbar thumb, 
      scrollbar[orient="vertical"] scrollbarbutton[type="increment"], 
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"], 
      scrollbar[orient="horizontal"] scrollbarbutton[type="increment"], 
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
        -moz-appearance: none !important;
        appearance: none !important;
      }
      scrollbar {
        background-color: ${cs_background_color} !important;
      }
      scrollbar[orient="vertical"] {
        background-image: ${cs_background_image_vertical} !important;
      }
      scrollbar[orient="horizontal"] {
        background-image: ${cs_background_image_horizontal} !important;
      }
      scrollcorner {
        background-color: ${cs_corner_background_color} !important;
        background-image: ${cs_corner_background_image} !important;
      }
      scrollbar thumb {
        background-color: ${cs_thumb_color} !important;
        border-radius: ${cs_thumb_roundness}px !important;
        border: ${cs_thumb_border}px solid ${cs_thumb_border_color} !important;
      }
      scrollbar thumb[orient="vertical"] {
        background-image: ${cs_thumb_image_vertical} !important;
        min-height: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
      }
      scrollbar thumb[orient="horizontal"] {
      background-image: ${cs_thumb_image_horizontal} !important;
      min-width: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
      }
      scrollbar thumb:hover, scrollbar thumb:active {
        background-color: ${cs_thumb_hover_color} !important;
      }
      scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active,
      scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {
        background-image: ${cs_thumb_hover_image_vertical} !important;
      }
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"] {
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-up,_12.svg") !important;
      }
      scrollbar[orient="vertical"] scrollbarbutton[type="increment"] {
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-down,_12.svg") !important;
      }
      scrollbar[orient="horizontal"] scrollbarbutton[type="increment"] {
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-right,_12.svg") !important;
      }
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-left,_12.svg") !important;
      }
      scrollbarbutton[type="increment"],
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"],
      scrollbarbutton[type="increment"],
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
        
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: ${cs_color_arrow};
        width: ${cs_width}px !important;
        height: ${cs_height}px !important;
      }
      scrollbarbutton[type="increment"]:hover,
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"]:hover,
      scrollbarbutton[type="increment"]:hover,
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"]:hover {
        background-color: ${cs_color_arrow_hover} !important;
      }
      
      scrollbar[orient="vertical"] {
        background-image: ${cs_background_image_vertical} !important;
        width: ${custom_scrollbar_size_value}px !important;
      }
      scrollbar[orient="horizontal"] {
        background-image: ${cs_background_image_horizontal} !important;
        height: ${custom_scrollbar_size_value}px !important;
      }
      scrollcorner {
        background-color: ${cs_corner_background_color} !important;
        background-image: url("file:///C:/Users/.../chrome/icons/resizer.svg") !important;
        width: ${custom_scrollbar_size_value}px !important;
      }
    `), null, null);

    ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

// enable settings as configured above
custom_scrollbars.init();

Alles anzeigen

resizer.zip

Viel Spass damit, vor allem beim Basteln.

Mira_Belle

Ups.

Zeile 186 => '), null, null);

Vergessen.

Mira_Belle

Zitat von Sören Hentzschel

Zitat von Mira_Belle

Hätte ich das usercssloader.uc.js Monster gehabt,

hätte ich ein ganz normales CSS schreiben können?

Hättest du in deinem Script im Prinzip auch. Die Schreibweise mit dem \ nach jeder Zeile ist nur eine Möglichkeit. Seit ECMAScript 6 (a.k.a. ECMAScript 2015)* gibt es auch eine andere Schreibweise, die kein spezielles Zeichen nach jeder Zeile verlangt und damit im Prinzip „normales CSS“ ist.
*) ECMA ist der Standard, auf dem JavaScript basiert.
...

Cool.

Und vielen Dank,

nur was mach ich mit der letzten Zeile?

JavaScript

    ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);
  }
};
// enable settings as configured above
custom_scrollbars.init()

Zeile 194 wird im Visual Studio Code als Fehler gemarkert!

Dadurch funktioniert das ganze Script natürlich nicht.

Wie muss der Code also abgeschlossen werden?

Mira_Belle

Verstehe ich das richtig?

Hätte ich das usercssloader.uc.js Monster gehabt,

hätte ich ein ganz normales CSS schreiben können?

Grrr.

Mira_Belle

Zitat von harff182

Frage:
(Wie) kamm man die Scrollbars breiter bzw höher machen?
Das hier:
var custom_scrollbar_size_value = 17; // in px // default: custom_scrollbar_size_value = 17
führt bei Wertänderungen zu nix, weil die Variable nirgendwo mehr auftaucht...

Da war ich wohl etwas zu eifrig. Sorry.

Aber Danke für die Korrektur.

Habe den Code wieder eingepflegt.

Mira_Belle

Zitat von maru

Vor dem Lebensalter von ca 55 Jahren habe auch diese Probleme nicht verstanden, und alle Mitarbeiter welche damals die Ironie eingeschaltet hatten, saßen etwas Später selber mit einer Brille vorm PC...
Ob du etwas verstehst oder nicht, du wirst mir schon glauben müssen das diese und jene Einstellung mir wichtig ist!
Nein ICH kann weder programieren, noch CSS und wozu gibt es die Möglichkeit Tab in der Taskleiste anzuzeigen, so man dort nicht "hin und her" schalten könne. Das schaffe selbst ich...
Deine Antwort hat in etwa das Niveau "Zynismus ein" Warum für die paar Rollstuhlfahrer Aufzüge an Bahnhöfen bauen, es gibt doch immer zwei nette Herren die den tragen würden und ach es gäbe für die auch noch die Möglichkeit zuhause zu bleiben... "Zynismus aus"

Nun, ich bin "Älter", ich bin nicht eitel und trage Brille

und wenn Du geschaut hättest, ich bin auch noch nicht so lange dabei.

Was aber fast einer Behinderung nahe kommt, ich bin blond.

Es lag nicht in meinem Interesse, Dir derart auf den Schlips zu treten, dass Du Dich noch nach Wochen genötigt fühlt,

auf meinen Beitrag in derart zu antworten.

Hab' noch einen schönen Tag und vergiss es doch einfach.

Das Problem ist doch scheinbar gelöst.

Mira_Belle

Das fertige JavaScript

JavaScript

"use strict";
/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* Original by Aris (aris-addons@gmx.net)****************************************************** */
/* Github: https://github.com/aris-t2/customscrollbarsforfx *********************************** */
/* ******************************************************************************************** */
/* Customized by Mira************************************************************************** */
/* https://www.camp-firefox.de/forum/thema/135133-custom-scrollbars-uc-js-anpassen/ *********** */
/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.6 ****************************************************************************** */
/* ******************************************************************************************** */
/* ***********************************************************************************************
 README
 
 !!! Wichtig !!!

 Die Einstellungen müssen auf 'false' gesetzt werden, damit dies auf aktuellen Firefox-Builds (102+) funktioniert

 about:config >
 widget.windows.overlay-scrollbars.enabled > false (Windows)
 widget.gtk.overlay-scrollbars.enabled > false (Linux/MacOSX)

 [!] 'Methode 2' ist erforderlich, um Firefox für benutzerdefinierte JavaScript-Dateien vorzubereiten
 [!] Die Datei 'custom_scrollbars.uc.js' gehört in den Firefox-Profilordner 'chrome'!
 -> Profilordner finden: Adressleiste > about:profiles > Wurzelordner > Ordner öffnen
 -> Datei zum Ordner \chrome\ hinzufügen (ggf. einen Ordner mit Namen "chrome" erstellen)

 [!] DER STARTUP-CACHE MUSS NACH JEDER ÄNDERUNG GELÖSCHT WERDEN!
 -> Ordner 'startupCache' finden: Adressleiste > about:profiles > Lokales Verzeichnis > Ordner öffnen > startupCache
 -> Firefox schließen
 -> Inhalt des 'startupCache'-Ordners löschen

Alternativ mit einem Javascipt!
 -> https://github.com/Endor8/userChrome.js/blob/master/Firefox%2087/RestartFirefoxButtonM.uc.js

 Aktivieren einer Einstellung > var ... auf 'true' setzen
 Deaktivieren einer Einstellung > var ... auf 'false' setzen
 Anpassungen vornehmen > Werte ändern
 - Farbe - Name: red, blue, transparent / Hexcode: #33CCFF, #FFF
 - Farbe - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8) // a = Sichtbarkeit (transparenz)
 - Zahlen: 1, 2, 3 ... 10, 11, 12 ...
 - Deckkraft (in Dezimalzahlen): 0.0 bis 1.0 z.B. 1.4, 1,75
 - Farbverläufe: linear-gradient(direction, color, color, color)
 - Beispiel für Farbverläufe: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))

 HINWEIS
 - Zu kleine Werte für die Scrollbar-Breite werden sich negativ auf einige Oberflaechenelemente auswirken!
 
*********************************************************************************************** */

// GENERAL SCROLLBAR SETTINGS
var custom_scrollbar_size_value = 16; // in px // default: custom_scrollbar_size_value = 17
var custom_opacity_value = "1.0"; // default: custom_opacity_value = "1.0"
// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
var cs_thumb_border = 1; // in px // default: cs_thumb_border = 0 // Rahmen des Sliders
var cs_thumb_roundness = 15; // in px // default: cs_thumb_roundness = 0 // Rundung des Sliders
var cs_thumb_minimal_size = 12; // in px
// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
var cs_background_color = "#5b5b66"; // default: cs_background_color = "#DDDDDD"
var cs_background_image_vertical = "unset"; // default: cs_background_image_vertical = "unset"
var cs_background_image_horizontal = "unset"; // default: cs_background_image_horizontal = "unset"
// - corner
var cs_corner_background_color = "red"; // default: cs_corner_background_color = "#DDDDDD"
var cs_corner_background_image = "unset"; // default: cs_corner_background_image = "unset"
// - thumb/slider
var cs_thumb_color = "#bfbfbf"; // default: cs_thumb_color = "#33CCFF"
var cs_thumb_image_vertical = "unset"; // default: cs_thumb_image_vertical = "unset"
var cs_thumb_image_horizontal = "unset"; // default: cs_thumb_image_horizontal = "unset"
var cs_thumb_hover_color = "orange"; // default: cs_thumb_hover_color = "#66FFFF"
var cs_thumb_hover_image_vertical = "unset"; // default: cs_thumb_hover_image_vertical = "unset"
var cs_thumb_hover_image_horizontal = "unset"; // default: cs_thumb_hover_image_horizontal = "unset"
var cs_thumb_border_color = "#5b5b66"; // default: cs_thumb_border_color = "#33CCFF" "#5b5b66"
// - buttons
var cs_buttons_image_vertical = "unset"; // default: cs_buttons_image_vertical = "unset"
var cs_buttons_image_horizontal = "unset"; // default: cs_buttons_image_horizontal = "unset"
var cs_buttons_hover_color = "#bfbfbf"; // default: cs_buttons_hover_color = "#33CCFF"
var cs_buttons_hover_image_vertical = "unset"; // default: cs_buttons_hover_image_vertical = "unset"
var cs_buttons_hover_image_horizontal = "unset"; // default: cs_buttons_hover_image_horizontal = "unset"
var cs_color_arrow = "#bfbfbf";
var cs_color_arrow_hover = "orange";
var cs_width = 16;
var cs_height = 16;

/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */

// Scrollbar code

Components.utils.import("resource://gre/modules/Services.jsm");
var ss =  Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

var custom_scrollbars = {

  init: function() {

    var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
      \
      @namespace html url("http://www.w3.org/1999/xhtml");\
      \
      scrollbar, scrollcorner, scrollbar thumb, \
      scrollbar[orient="vertical"] scrollbarbutton[type="increment"], \
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"], \
      scrollbar[orient="horizontal"] scrollbarbutton[type="increment"], \
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {\
        -moz-appearance: none !important;\
        appearance: none !important;\
      }\
      scrollbar {\
        background-color: '+cs_background_color+' !important;\
      }\
      scrollbar[orient="vertical"] {\
        background-image: '+cs_background_image_vertical+' !important;\
      }\
      scrollbar[orient="horizontal"] {\
        background-image: '+cs_background_image_horizontal+' !important;\
      }\
      scrollcorner {\
        background-color: '+cs_corner_background_color+' !important;\
        background-image: '+cs_corner_background_image+' !important;\
      }\
      scrollbar thumb {\
        background-color: '+cs_thumb_color+' !important;\
        border-radius: '+cs_thumb_roundness+'px !important;\
        border: '+cs_thumb_border+'px solid '+cs_thumb_border_color+' !important;\
      }\
      scrollbar thumb[orient="vertical"] {\
        background-image: '+cs_thumb_image_vertical+' !important;\
        min-height: '+(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)+'px !important;\
      }\
      scrollbar thumb[orient="horizontal"] {\
      background-image: '+cs_thumb_image_horizontal+' !important;\
      min-width: '+(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)+'px !important;\
      }\
      scrollbar thumb:hover, scrollbar thumb:active {\
        background-color: '+cs_thumb_hover_color+' !important;\
      }\
      scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active,\
      scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {\
        background-image: '+cs_thumb_hover_image_vertical+' !important;\
      }\
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"] {\
        mask-image: url("file:///C:/Users/ ... /chrome/icons/Chevron-up,_12.svg") !important;\
      }\
      scrollbar[orient="vertical"] scrollbarbutton[type="increment"] {\
        mask-image: url("file:///C:/Users/ ... /chrome/icons/Chevron-down,_12.svg") !important;\
      }\
      scrollbar[orient="horizontal"] scrollbarbutton[type="increment"] {\
        mask-image: url("file:///C:/Users/ ... /chrome/icons/Chevron-right,_12.svg") !important;\
      }\
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {\
        mask-image: url("file:///C:/Users/ ... /chrome/icons/Chevron-left,_12.svg") !important;\
      }\
      scrollbarbutton[type="increment"],\
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"],\
      scrollbarbutton[type="increment"],\
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {\
        \
        mask-repeat: no-repeat;\
        mask-position: center;\
        background-color: '+cs_color_arrow+';\
        width: '+cs_width+'px !important;\
        height: '+cs_height+'px !important;\
      }\
      scrollbarbutton[type="increment"]:hover,\
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"]:hover,\
      scrollbarbutton[type="increment"]:hover,\
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"]:hover {\
        background-color: '+cs_color_arrow_hover+' !important;\
      }\
      \
    '), null, null);

    ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

// enable settings as configured above
custom_scrollbars.init();

Alles anzeigen

Kinder zu bekommen einfacher.

Mira_Belle

Ich werd' Verrückt!

Ich habs!!!!!!

Es ist vollbracht.

Ich muss den Code noch ins Reine bringen, dann werde ich ihn noch nachreichen

Mira_Belle

Zitat von Sören Hentzschel

Entferne einfach die Bedingung.
...

Vielen lieben Dank.

Es gibt fortschritte.

Ich habe es geschafft, dass die "falschen" Symbole (Pfeile) nicht mehr angezeigt werden.

So weit, so gut.

NUR der (böde) Button ist jetzt noch zu sehen.

Wenn ich jetzt nur wüsste, was ich nicht weis, ...

Wie kann ich nun den Button noch loswerden.

Nachtrag:

Das Codefragment!

JavaScript

      scrollbar[orient="vertical"] scrollbarbutton[sbattr="scrollbar-up-top"] {\
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-up,_12.svg") !important;\
      }\
      scrollbar[orient="vertical"] scrollbarbutton[sbattr="scrollbar-down-top"] {\
        display: none;\
      }\
      scrollbar[orient="vertical"] scrollbarbutton[sbattr="scrollbar-down-bottom"] {\
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-down,_12.svg") !important;\
      }\
      scrollbar[orient="vertical"] scrollbarbutton[sbattr="scrollbar-up-bottom"]\ {\
        display: none;\
      }\

Alles anzeigen

Mira_Belle

Habe mal das JavaScript etwas "ausgedünnt"!

JavaScript

"use strict";
/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* Original by Aris (aris-addons@gmx.net)****************************************************** */
/* Github: https://github.com/aris-t2/customscrollbarsforfx *********************************** */
/* ******************************************************************************************** */
/* Customized by Mira************************************************************************** */
/* https://www.camp-firefox.de/forum/thema/135133-custom-scrollbars-uc-js-anpassen/ *********** */
/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.6 ****************************************************************************** */
/* ******************************************************************************************** */
/* ***********************************************************************************************
 README
 
 !!! Important !!!
 
 Preferences have to be set to false, for this to work on recent Firefox builds (102+)
 
 about:config >
 widget.windows.overlay-scrollbars.enabled > false (Windows)
 widget.gtk.overlay-scrollbars.enabled > false (Linux/MacOSX)
 
 
 [!] 'Method 2' is required to prepare Firefox for custom JavaScript files
 [!] 'custom_scrollbars.uc.js' file belongs into Firefox profiles 'chrome' folder!
 -> finding profile folder: address bar > about:profiles > Root Directory > Open Folder
 -> add file to \chrome\ folder (create one, if needed)
 [!] STARTUP CACHE HAS TO BE DELETED AFTER EVERY CHANGE!
 -> finding 'startupCache' folder: address bar > about:profiles > Local Directory > Open Folder > startupCache
 -> close Firefox
 -> delete 'startupCache' folders content
 ENABLING options > set var to true
 DISABLING options > set var to false
 Modifying appearance > change values
 - color - name: red, blue, transparent / hex code: #33CCFF, #FFF
 - color - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8)
 - numbers: 1, 2, 3 ... 10, 11, 12 ...
 - opacity: 0.0 to 1.0 e.g. 1.4, 1,75
 - gradients: linear-gradient(direction, color, color, color)
 - gradients example: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
 - predefined gradients: transparent,rgba(255,255,255,0.5),transparent -> transparent,rgba(255,255,255,0.0),transparent
 - button size with arrow (descriptions for vertical scrollbars - analogous for horizontal scrollbars)
 -- 1: space above arrow = arrow height
 -- 1.5: space above arrow = 0.5 * arrow height
 -- 2: no space above arrow
 
 NOTE
 - This is a tiny collection of scrollbar tweaks, not a port of 'NewScrollbars' add-on!
 - Small scrollbar width values will corrupt some parts of the ui!
 
*********************************************************************************************** */
// GENERAL SCROLLBAR SETTINGS
var custom_scrollbar_size_value = 16; // in px // default: custom_scrollbar_size_value = 17
var custom_opacity_value = "1.0"; // default: custom_opacity_value = "1.0"
// floating scrollbars
// custom scrollbars
var enable_custom_scrollbars = true; // default: enable_custom_scrollbars = true
// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
var cs_thumb_border = 1; // in px // default: cs_thumb_border = 0 // Rahmen des Sliders
var cs_thumb_roundness = 15; // in px // default: cs_thumb_roundness = 0 // Rundung des Sliders
var cs_thumb_minimal_size = 12; // in px
// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
var cs_background_color = "#5b5b66"; // default: cs_background_color = "#DDDDDD"
var cs_background_image_vertical = "unset"; // default: cs_background_image_vertical = "unset"
var cs_background_image_horizontal = "unset"; // default: cs_background_image_horizontal = "unset"
// - corner
var cs_corner_background_color = "red"; // default: cs_corner_background_color = "#DDDDDD"
var cs_corner_background_image = "unset"; // default: cs_corner_background_image = "unset"
// - thumb/slider
var cs_thumb_color = "#bfbfbf"; // default: cs_thumb_color = "#33CCFF"
var cs_thumb_image_vertical = "unset"; // default: cs_thumb_image_vertical = "unset"
var cs_thumb_image_horizontal = "unset"; // default: cs_thumb_image_horizontal = "unset"
var cs_thumb_hover_color = "orange"; // default: cs_thumb_hover_color = "#66FFFF"
var cs_thumb_hover_image_vertical = "unset"; // default: cs_thumb_hover_image_vertical = "unset"
var cs_thumb_hover_image_horizontal = "unset"; // default: cs_thumb_hover_image_horizontal = "unset"
var cs_thumb_border_color = "#5b5b66"; // default: cs_thumb_border_color = "#33CCFF" "#5b5b66"
// - buttons
var cs_buttons_image_vertical = "unset"; // default: cs_buttons_image_vertical = "unset"
var cs_buttons_image_horizontal = "unset"; // default: cs_buttons_image_horizontal = "unset"
var cs_buttons_hover_color = "#bfbfbf"; // default: cs_buttons_hover_color = "#33CCFF"
var cs_buttons_hover_image_vertical = "unset"; // default: cs_buttons_hover_image_vertical = "unset"
var cs_buttons_hover_image_horizontal = "unset"; // default: cs_buttons_hover_image_horizontal = "unset"
var cs_color_arrow = "#bfbfbf";
var cs_color_arrow_hover = "orange";
var cs_width = 16;
var cs_height = 16;
/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */
// Scrollbar code
Components.utils.import("resource://gre/modules/Services.jsm");
var ss =  Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
var custom_scrollbars = {
  init: function() {
    var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
      \
      @namespace html url("http://www.w3.org/1999/xhtml");\
      \
      scrollbar, scrollcorner, scrollbar thumb, \
      scrollbar[orient="vertical"] scrollbarbutton[type="increment"], \
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"], \
      scrollbar[orient="horizontal"] scrollbarbutton[type="increment"], \
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {\
        -moz-appearance: none !important;\
        appearance: none !important;\
      }\
      scrollbar {\
        background-color: '+cs_background_color+' !important;\
      }\
      scrollbar[orient="vertical"] {\
        background-image: '+cs_background_image_vertical+' !important;\
      }\
      scrollbar[orient="horizontal"] {\
        background-image: '+cs_background_image_horizontal+' !important;\
      }\
      scrollcorner {\
        background-color: '+cs_corner_background_color+' !important;\
        background-image: '+cs_corner_background_image+' !important;\
      }\
      scrollbar thumb {\
        background-color: '+cs_thumb_color+' !important;\
        border-radius: '+cs_thumb_roundness+'px !important;\
        border: '+cs_thumb_border+'px solid '+cs_thumb_border_color+' !important;\
      }\
      scrollbar thumb[orient="vertical"] {\
        background-image: '+cs_thumb_image_vertical+' !important;\
        min-height: '+(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)+'px !important;\
      }\
      scrollbar thumb[orient="horizontal"] {\
      background-image: '+cs_thumb_image_horizontal+' !important;\
      min-width: '+(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)+'px !important;\
      }\
      scrollbar thumb:hover, scrollbar thumb:active {\
        background-color: '+cs_thumb_hover_color+' !important;\
      }\
      scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active {\
        background-image: '+cs_thumb_hover_image_vertical+' !important;\
      }\
      scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {\
        background-image: '+cs_thumb_hover_image_horizontal+' !important;\
      }\
      scrollbar[orient="vertical"] scrollbarbutton[type="increment"] {\
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-down,_12.svg") !important;\
        mask-repeat: no-repeat;\
        mask-position: center;\
        display: block !important;\
        background-color: '+cs_color_arrow+';\
        content: url(" ") !important;\
        width: '+cs_width+'px !important;\
        height: '+cs_height+'px !important;\
      }\
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"] {\
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-up,_12.svg") !important;\
        mask-repeat: no-repeat;\
        mask-position: center;\
        display: block !important;\
        background-color: '+cs_color_arrow+' !important;\
        content: url(" ") !important;\
        width: '+cs_width+'px !important;\
        height: '+cs_height+'px !important;\
      }\
      scrollbar[orient="horizontal"] scrollbarbutton[type="increment"] {\
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-right,_12.svg") !important;\
        mask-repeat: no-repeat;\
        mask-position: center;\
        display: block !important;\
        background-color: '+cs_color_arrow+' !important;\
        content: url(" ") !important;\
        width: '+cs_width+'px !important;\
        height: '+cs_height+'px !important;\
      }\
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {\
        mask-image: url("file:///C:/Users/.../chrome/icons/Chevron-left,_12.svg") !important;\
        mask-repeat: no-repeat;\
        mask-position: center;\
        display: block !important;\
        background-color: '+cs_color_arrow+' !important;\
        content: url(" ") !important;\
        width: '+cs_width+'px !important;\
        height: '+cs_height+'px !important;\
      }\
      scrollbar[orient="vertical"] scrollbarbutton[type="increment"]:hover {\
        background-color: '+cs_color_arrow_hover+' !important;\
      }\
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"]:hover {\
        background-color: '+cs_color_arrow_hover+' !important;\
      }\
      scrollbar[orient="horizontal"] scrollbarbutton[type="increment"]:hover {\
        background-color: '+cs_color_arrow_hover+'!important;\
      }\
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"]:hover {\
        background-color: '+cs_color_arrow_hover+' !important;\
      }\
      \
    '), null, null);
    ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);
  }
};
// enable settings as configured above
if(enable_custom_scrollbars==true) custom_scrollbars.init();

Alles anzeigen

Zwei Bitten hätte ich da.

Kann jemand diese Version so überarbeiten, dass die letzte Zeile,

also das if(enable_custom_scrollbars==true) custom_scrollbars.init();

nicht mehr gebraucht wird,

und ich bräuchte noch immer Hilfe den CSS-Code da

so unter zubringen, dass oben nur der Chevron-up zu sehen ist,

und unten entsprechend nur der Chevron-down .

Mira_Belle

Zitat von harff182

Zitat von Mira_Belle

Aber DAS ist das fehlende Puzzle.

Wo kommt denn der Schnipsel her?
Vielleicht kann man aus dem Zusammenhang erkennen/ableiten, was zu tun ist...

Aus FF selber!

Zitat von harff182

Frage:
Interessiert es Dich, daß statt den von Dir benutzten Pfaden wie:
url("file:///C:/Users/.../chrome/icons/Chevron-up,_Web_Fundamentals_new.svg")
auch sowas funktionieren könnte:
url("file:///../icons/Chevron-down,_Web_Fundamentals.svg")
Ich bevorzuge letzteren, den relativen Pfad, und bei mir hier funktionuckelt es...

Alles anzeigen

Und ich hatte, warum auch immer, Probleme damit.

Deshalb nutze ich den "absoluten" Pfad.

Aber Danke für den Hinweis.

Mira_Belle

Zitat von harff182

...
Beim Stichwort "XML" drängelte sich mein Editor (Notepad++) in den Vordergrund.
Damit waren die Änderungen problemlos möglich.
...

Darauf bin ich gar nicht gekommen, habe mich aber auch nicht besonders mit dem Thema beschäftigt.

Mit Notepad++ macht man nichts anders, nur dass man nicht gleich das Resultat sieht, wie im FF.

Aber Danke für diesen Tipp.

Mira_Belle

Um hier

(RE: custom_scrollbars.uc.js anpassen)

mal wieder anzuknüpfen,

wie bekomme ich diesen Code unter?

CSS

@media (-moz-scrollbar-start-backward: 0) {
  scrollbarbutton[sbattr="scrollbar-up-top"] {
    display: none;
  }
}

@media (-moz-scrollbar-start-forward: 0) {
  scrollbarbutton[sbattr="scrollbar-down-top"] {
    display: none;
  }
}

@media (-moz-scrollbar-end-backward: 0) {
  scrollbarbutton[sbattr="scrollbar-up-bottom"] {
    display: none;
  }
}

@media (-moz-scrollbar-end-forward: 0) {
  scrollbarbutton[sbattr="scrollbar-down-bottom"] {
    display: none;
  }
}

Alles anzeigen

Und wo

Eventuell muss er auch noch etwas umgeschrieben werden,

Aber DAS ist das fehlende Puzzle.

Beiträge von Mira_Belle

scrollbars.uc.js anpassen - geschafft und erledigt!

scrollbars.uc.js anpassen - geschafft und erledigt!

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

scrollbars.uc.js anpassen - geschafft und erledigt!

scrollbars.uc.js anpassen - geschafft und erledigt!

Symbole in den Kontextmenüs [ Update ]

scrollbars.uc.js anpassen - geschafft und erledigt!

scrollbars.uc.js anpassen - geschafft und erledigt!

scrollbars.uc.js anpassen - geschafft und erledigt!

scrollbars.uc.js anpassen - geschafft und erledigt!

scrollbars.uc.js anpassen - geschafft und erledigt!

scrollbars.uc.js anpassen - geschafft und erledigt!

Größe der Menüeleisten einstellbar?

scrollbars.uc.js anpassen - geschafft und erledigt!

scrollbars.uc.js anpassen - geschafft und erledigt!

scrollbars.uc.js anpassen - geschafft und erledigt!

scrollbars.uc.js anpassen - geschafft und erledigt!

scrollbars.uc.js anpassen - geschafft und erledigt!

Symbole unter zu Hilfenahme der Browserwerkzeugen in der Größe ändern

scrollbars.uc.js anpassen - geschafft und erledigt!