Bitte stelle nun doch den Code Deiner
Ah!
Dieser Teil des Codes schafft bei mir auch das Problem!
CSS
#nav-bar, #identity-box, #tabbrowser-tabs, #TabsToolbar {
visibility: collapse !important;
}Was sollte der den bewirken?
Beiträge von Mira_Belle
-
-
Alles anzeigen
Der Ordner "Chrome" ist in den Profilordner gemäss "about:support" kopiert.
Resultat:
1. Adresszeile weg, sie muss als Lesezeichen "Suchen" in der Linkleiste gesetzt werden oder man wählt den Link einer Suchmaschine.
2. Grösse der Lesezeichen-Symbolleiste ist unverändert geblieben.
Liebe Helfer
Ich danke euch allen, bin aber der Meinung, dass sich weiteren Aufwand wegen des marginalen Problems nicht lohnt.
Der Beitrag ist als erledigt gesetzt.
Mit freundlichem Gruss
luprix
Auf der Zielgeraden aufgegeben?
Bitte stelle nun doch den Code Deiner userChome.css hier ein!
-
Da war ich wohl etwas zu vorschnell!
Ich sah, dass die Separatoren verschwanden und einige Einträge und dachte ....
Es war schon spät, sorry.
Das CSS von "stonecrusher" funktioniert so weit, wie ich es bisher feststellen konnte.
Es muss halt den eigenen Wünschen angepasst werden
und, will man "Zoom" ausblenden, muss die 2 weg.
Will man die Separatoren ausblenden, muss dieser Code noch hinzugefügt werden.
CSS.PanelUI-subView toolbarseparator{ display:none}So z.B. bekomme ich nur noch ein komplett leeres Menü, ohne Einträge und ohne Separatoren, angezeigt.
CSS
Alles anzeigen#appMenu-fxa-status2, /* Sync and save data / Sign In */ #appMenu-new-tab-button2, /* New Tab */ #appMenu-new-window-button2, /* New Window */ #appMenu-new-private-window-button2, /* New Private Window */ #appMenu-bookmarks-button, /* Bookmarks */ #appMenu-history-button, /* History */ #appMenu-downloads-button, /* Downloads */ #appMenu-passwords-button, /* Passwords */ #appMenu-print-button2, /* Print… */ #appMenu-extensions-themes-button, /* Add-ons and Themes */ #appMenu-save-file-button2, /* Save Page As… */ #appMenu-find-button2, /* Find In Page… */ #appMenu-zoom-controls, /* Zoom */ #appMenu-settings-button, /* Settings */ #appMenu-more-button2, /* More Tools */ #appMenu-help-button2, /* Help */ #appMenu-quit-button2 /* Exit */ { display:none !important; } .PanelUI-subView toolbarseparator{ display:none}Ist wohlgemerkt nur ein Beispiel
-
Funktioniert das bei dir ohne den simplemenüWizard. Bei mir geht mit dem zumindest das Hauptmenü. Das für die Tabs leider nicht da ich Tree Style Tabs verwende. Nehm ich die Tableiste gehts da mit dem Wizard auch, ging aber auch mal für beides ohne den Wizard. Und nu?
P.S ein paar Mal hats funktioniert, nu wieder nicht -ahhhhh
P.P.S Alter, Brille sind keine gute Kombi - Komma anstatt Strichpunkt
Die Erweiterung "Tree Style Tabs" könnte sich mit dem CSS-Code "beißen"!
Oder umgekehrt, kann ich leider nicht überprüfen.
Das Hauptmenü (Hamburgermenü wegen der drei übereinander gestapelten Striche) funktioniert ohne Probleme.
-
Kontexmenü
funktioniert.
Hamburgermenü "verkleinern",
geht auch!
-
Hallo
Wie skaliert man die Lesezeichen-Symbolleiste?
Was genau möchtest Du denn machen?
-
auf die Loginseite von der Fritte!
Ich auch, aber mit http und nicht mit https.
Ich habe jetzt mal "alles" ausprobiert!
https://fritz.box/
https://192.168.178.1/
192.168.178.1
... und plötzlich startet FF zur Loginseite der FRITZ!Box durch!
Ich habe nirgends irgendeine Ausnahmeregel hinzugefügt oder definiert
Schon merkwürdig.
-
Kopfkratz.
Ich komme gleich auf die Loginseite von der Fritte!
Komisch, jetzt auch bei https://fritz.box/
Ich persönlich gebe ja einfach nur 192.168.178.1 ein!
Aber auch da keinen Hinweis!
-
Es gibt zwei Möglichkeiten, um dieser Meldung zu entgehen!
1. Du gibst für die Fritz https://fritz.box/ ein, dann bekommst Du aber im Browser eine Sicherheitswarnung,
oder
2. Du nutzt jene URL https://192.168.178.1/, falls Du die Adresse in der FRITZ!Box nicht geändert hast,
sonst anpassen, bzw. entsprechend ändern.
-
-
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.
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.
-
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
Alles anzeigenscrollbar[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; }Siehst Du den Fehler? Blöde Frage, bist ja nicht blind.
CSSmask-image: url("file:" + ${scrollerProfileDirectory} + "/chrome/icons/Chevron-left,_12.svg") !important;Echt klasse!
Danke dafür. -
Es gibt da auch noch Winmerge!
Das kann dann auf dem eigenen Rechner werkeln.
-
(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
Alles anzeigen"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();...Es ist wohl so, wie ich es mir gedacht habe,
nur der historische Hintergrund war/ist mir unbekannt.
Danke für die Erklärung.
-
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.
-
UPDATE
Ich habe neue Symbole gefunden und eingepflegt!
Hier oder da passen sie besser zum Erscheinungsbild.
Entsprechend habe ich den Code geändert.
CSS
Alles anzeigen@-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; } */ }Und hier die "neuen" Icons.
-
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
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.
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.
-
Das "neue" JavaScript,
inkl. Korrekturen und mit Sörens Vorschlag geändert!
JavaScript
Alles anzeigen"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();Viel Spass damit, vor allem beim Basteln.
-
Ups.
Zeile 186 => '), null, null);
Vergessen.
-
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?
JavaScriptss.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?
