OK, wenn Du nun in dem Skript, den Eintrag auf die Symbole auf die blauen Pfeile änderst,
werden die dann auch "richtig", also farbig angezeigt?
Beiträge von Mira_Belle
-
-
Ah, Du hast den Fensterinhalt vergrößert!
Das hat mich irritiert!Ändere let cs_buttons_border = von z.Z. "1" auf "0", dann sind die Rahmen um die Pfeile schon mal weg!
Nächste Frage, wo genau sind die Symbole abgespeichert?
Bitte den kompletten Pfad, z,B.
"C:\Users\Mira\AppData\Roaming\Mozilla\Firefox\Profiles\Mira\chrome\icons"
Kopiere diesen aus dem Explorer, bitte. -
Okay, ist aber merkwürdig, das mit der Schaltfläche.
Habe bei mir Test halber mal ein neues Profil erstellt,
ist so, wie ich geschrieben habe.Aber vergessen wir das ganze einfach und fangen noch einmal von Vorne an.
Wenn Du eine Möglichkeit suchst, eine einfache, nur mit einem Klick an die Erweiterungen zu kommen,
blende dauerhaft die Lesezeichen-Symbolleiste ein.
Danach auf diese das Lesezeichen für about:addons ablegen. -
Dato Rechts ist definitiv irgendwie verändert! Es ist nicht das normale Menü!
Und wenn Du weder CSS noch JS nutzt, muss es eine Erweiterung sein.Das linke Menü, das wäre das normale "Hamburgermenü".
Mit der Schaltfläche "Erweiterungen und ..." & dem Hotkeyhinweis (Strg+Umschalt+A)
rechte Seite ist mit mein Aktuelles Profil und AddOns.
Noch Fragen?
Apropos "Rechts".
Wenn man sich den Hintergrund genauer anschaut, ...Wo ist der Button "Erweiterungen"?
Warum liegt der Button für das "Hamburgermenü" auf der Adressleiste?
Und warum ist die Lesezeichenleiste über der Adressleiste?Entweder Du gibst mir, sorry, uns, eine plausible Erklärung,
oder ich bin raus. -
Denn die Linke Seite wäre genau das wa ich möchte, ABER mit installierten AddOns.
Das ist das ganz normale "Hamburgermenü"!
Das rechte Bild zeigt, was auch immer, an! Irgendeine Erweiterung die da zwischen haut,
oder Du hast CSS im Einsatz. Wie auch immer, so sollte das Menü nicht aussehen! -
Sören Hentzschel Viele Wege führen nach Rom!
Anwendungsmenü (Hamburgermenü)/Erweiterungen und ...oder Erweiterungen und dann ganz unten "Erweiterungen verwalten"
landet man dann bei about:addons.
Beides scheint zu umständlich, aber ein Lesezeichen, das macht es besser!Entweder einen Button per JavaScript, um mit nur einem Klick dahin zu kommen, oder es einfach sein lassen.
Alle anderen "Wege" führen immer über zwei Klicks zum Ziel.
Aber halt, nein, ein Lesezeichen in der Lesezeichenleiste, wäre noch eine "Einklicklösung".
Die Leiste müsste dann aber immer sichtbar sein. -
hwww Du kannst das
CSS#context-to-top { order: -1 !important; } #context-to-bottom { order: -1 !important; }Auch ganz weglassen!
-
OK, Du hast am Skript Einstellungen vorgenommen.
Nimm mal das Skript, so wie es ist!CSS
Alles anzeigen// Scrollbar.uc.js "use strict"; /* Custom Scrollbars for Firefox ********************************************************************************************* */ /* */ /* Version: v2.0.8.uc.js for Firefox 143+ */ /* */ /* Scrollbar.v2.0.8.js https://www.camp-firefox.de/forum/thema/139766/?postID=1279113#post1279113 */ /* */ /* ****************************************************************************************************************************** README about:config > widget.windows.overlay-scrollbars.enabled > false (Windows) widget.gtk.overlay-scrollbars.enabled > false (Linux) [!] The above preferences have to be set to 'false' for this code to work [!] Die genannten Einstellungen müssen auf 'false' gesetzt werden, damit dieser Code funktioniert. /* ----------------------------------------------------------------------------------- */ /* Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen */ /* %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons */ /* */ /* Auch müssen die Dateinamen im Skript mit jenen im Ordner "icons" übereinstimmen */ /* ----------------------------------------------------------------------------------- */ /* *************************************************************************************************************************** */ (function() { /* **** Konfiguration **** */ // PROFILE PHATH "CALCULATE" let ProfileDirectory = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); // CUSTOM SCROLLBAR COLORS/GRADIENTS // - scrollbar let cs_scrollbar_arrows_color = "#bfbfbf" ;// "#7c7c7c" "#1e90ff" let cs_scrollbar_arrows_hover_color = "#ffa600" ;// "#ffa600" "#bebebe" // - background let cs_background_color = "#5b5b66" ;// default: cs_background_color = "#DDDDDD" / "#AEC5FA" let cs_background_roundness = 0 ;// default: cs_background_roundness = 0 / in px / 9 let cs_ignore_color_gradients = true ;// default: cs_ignore_color_gradients = false / true 'flat' scrollbars // - corner let cs_corner_background_color = "#bfbfbf" ;// default: cs_corner_background_color = "#DDDDDD" / - corner / "#CCCCCC" // - thumb/slider let cs_thumb_color = "#bfbfbf" ;// default: cs_thumb_color = "#33CCFF" / thumb/slider let cs_thumb_hover_color = "#ffa600" ;// default: cs_thumb_hover_color = "#66FFFF" let cs_thumb_border_color = "#5b5b66" ;// default: cs_thumb_border_color = "#33CCFF" let cs_thumb_border = 1 ;// default: cs_thumb_border = 0 / in px 1 let cs_thumb_roundness = 9 ;// default: cs_thumb_roundness = 0 / in px 9 let cs_thumb_minimal_size = 17 ;// default: cs_thumb_minimal_size = 17 / in px // - buttons let cs_buttons_color = "#5b5b66" ;// default: cs_buttons_color = "#66FFFF" "Bahama Blue";/ buttons let cs_buttons_hover_color = "#5b5b66" ;// default: cs_buttons_hover_color = "#33CCFF" / "#bfffff" let cs_button_size = 17 ;// in px // default: cs_button_size = 17 / in px let cs_buttons_border = 1 ;// default: cs_buttons_border = 0 / in px let cs_buttons_roundness = 0 ;// default: cs_buttons_roundness = 0 / in px /* **** Ende Konfiguration **** */ /* *************************************************************************************************************************** */ // FIXED SCROLL BAR COLORS/COLOR GRADIENTS // - fixed values for background image gradients let GRADIENT_VERTICAL = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; let GRADIENT_HORINZONTAL = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // - background let cs_background_image_vertical = GRADIENT_VERTICAL ;// default: cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_background_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" // - corner let cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)" ;// default: cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)" // - thumb/slider let cs_thumb_image_vertical = GRADIENT_VERTICAL ;// default: cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_hover_image_vertical = GRADIENT_VERTICAL ;// default: cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_hover_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" // - buttons let cs_buttons_image_vertical = GRADIENT_VERTICAL ;// default: cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_hover_image_vertical = GRADIENT_VERTICAL ;// default: cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_hover_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" // unset background image color gradients -> flat scrollbars if(cs_ignore_color_gradients === true) cs_background_image_vertical = cs_background_image_horizontal = cs_corner_background_image = cs_thumb_image_vertical = cs_thumb_image_horizontal = cs_thumb_hover_image_vertical = cs_thumb_hover_image_horizontal = cs_buttons_image_vertical = cs_buttons_image_horizontal = cs_buttons_hover_image_vertical = cs_buttons_hover_image_horizontal = "unset"; let custom_scrollbars_code=''; let custom_scrollbar_arrows_code=''; custom_scrollbars_code=` scrollcorner, scrollbar > slider, scrollbar > slider > thumb, scrollbar > scrollbarbutton { /* appearance: auto; */ -moz-default-appearance: none !important; } scrollbar > slider { background-color: ${cs_background_color} !important; background-image: ${cs_background_image_horizontal} !important; border-radius: ${cs_background_roundness}px !important; } scrollbar[vertical] > slider { background-image: ${cs_background_image_vertical} !important; border-radius: ${cs_background_roundness}px !important; } scrollcorner { background-color: ${cs_corner_background_color} !important; background-image: ${cs_corner_background_image} !important; } scrollbar > slider > thumb { background-color: ${cs_thumb_color} !important; border-radius: ${cs_thumb_roundness}px !important; box-shadow: inset 0 0 0 ${cs_thumb_border}px ${cs_thumb_border_color} !important; } scrollbar[vertical] > slider > thumb { background-image: ${cs_thumb_image_vertical} !important; min-height: ${cs_thumb_minimal_size}px !important; } scrollbar > slider > thumb { background-image: ${cs_thumb_image_horizontal} !important; min-width: ${cs_thumb_minimal_size}px !important; } scrollbar > slider > thumb:hover, scrollbar > slider > thumb:active { background-color: ${cs_thumb_hover_color} !important; } scrollbar > slider > thumb[vertical]:hover, scrollbar > slider > thumb[vertical]:active { background-image: ${cs_thumb_hover_image_vertical} !important; } scrollbar > slider > thumb[horizontal]:hover, scrollbar > slider > thumb[horizontal]:active { background-image: ${cs_thumb_hover_image_horizontal} !important; } scrollbar > scrollbarbutton { background-color: ${cs_buttons_color} !important; border-radius: ${cs_buttons_roundness}px !important; box-shadow: inset 0 0 0 ${cs_buttons_border}px !important; height: 17px !important; width: 17px !important; } scrollbar[vertical] scrollbarbutton { background-image: ${cs_buttons_image_vertical} !important; } scrollbar[horizontal] scrollbarbutton { background-image: ${cs_buttons_image_horizontal} !important; } scrollbar > scrollbarbutton:hover { background-color: ${cs_buttons_hover_color} !important; } scrollbar[vertical] scrollbarbutton:hover { background-image: ${cs_buttons_hover_image_vertical} !important; } scrollbar[horizontal] scrollbarbutton:hover { background-image: ${cs_buttons_hover_image_horizontal} !important; } `; custom_scrollbar_arrows_code=` scrollbar > scrollbarbutton { background-repeat: no-repeat !important; background-position: center center !important; } scrollbar[vertical] > scrollbarbutton[type="decrement"] { background-image: url("${ProfileDirectory}/Pfeil-hoch.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_color} !important; fill-opacity: 1 !important; } scrollbar[vertical] > scrollbarbutton[type="increment"] { background-image: url("${ProfileDirectory}/Pfeil-runter.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_color} !important; fill-opacity: 1 !important; } scrollbar > scrollbarbutton[type="decrement"] { background-image: url("${ProfileDirectory}/Pfeil-links.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_color} !important; fill-opacity: 1 !important; } scrollbar > scrollbarbutton[type="increment"] { background-image: url("${ProfileDirectory}/Pfeil-rechts.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_color} !important; fill-opacity: 1 !important; } /* Hover */ scrollbar[vertical] > scrollbarbutton[type="decrement"]:hover { background-image: url("${ProfileDirectory}/Pfeil-hoch.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_hover_color} !important; fill-opacity: 1 !important; } scrollbar[vertical] > scrollbarbutton[type="increment"]:hover { background-image: url("${ProfileDirectory}/Pfeil-runter.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_hover_color} !important; fill-opacity: 1 !important; } scrollbar > scrollbarbutton[type="decrement"]:hover { background-image: url("${ProfileDirectory}/Pfeil-links.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_hover_color} !important; fill-opacity: 1 !important; } scrollbar > scrollbarbutton[type="increment"]:hover { background-image: url("${ProfileDirectory}/Pfeil-rechts.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_hover_color} !important; fill-opacity: 1 !important; } scrollbar > scrollbarbutton { min-width: ${cs_button_size}px !important; min-height: ${cs_button_size}px !important; } `; Components.classes["@mozilla.org/content/style-sheet-service;1"] .getService(Components.interfaces.nsIStyleSheetService) .loadAndRegisterSheet(Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(` ${custom_scrollbars_code} ${custom_scrollbar_arrows_code} `), null, null), Components.classes["@mozilla.org/content/style-sheet-service;1"] .getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET); })();Die Farben werden noch nicht Deinen Wünschen entsprechen, macht aber nichts!
Die kannst Du auch nachher noch ändern. -
Auch mit diesen Symbole nur Schwarze Pfeile,
Leider ist der Screenshot recht klein, sodass ich die Pfeile nicht genau sehen kann.
Wie mir aber scheint, funkt Dir da irgendetwas dazwischen!
Auch kann man nichts von der Scrollbar sehen, auch nicht den "Schieber". -
-
Warum auch immer! ? So bei mir.
Wenn ich noch mehr lösche, zeigt's gar kein Symbol mehr an.CSS
Alles anzeigenmenu.bookmark-item[container="true"]::before { content: url("../icons/folder-plus.svg") !important; min-width: 16px !important; max-width: 16px !important; padding-right: 8px !important; padding-top: 2px !important; } /*Originalicon löschen*/ menu.bookmark-item[container="true"] > img { display: none !important; }Aber bei SVG's muss ja irgendwo eine "Größe angegeben sein, die werden doch skaliert!
Oder etwa nicht?
Eventuell greift ja bei Dir ein anderes CSS? -
... dann werde ich das mit dem Button machen.
Du wirst aber Deinen Firefox für JavaScript erst fit machen müssen, wenn Du es noch nicht gemacht hast.
-
Ja, super, genau das habe ich gemeint!
Diese Zeile "<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill='dodgerblue'>" dürfte bei allen
vier SVG's gleich aussehen.
Ändere die in "<svg xmlns="http://www.w3.org/2000/svg" viewBox='0 0 16 16' fill='context-fill'>",
speichern nicht vergessen.Danach sollten die Symbole die Farbe aus dem Skript übernehmen. Versuche es!
-
Hahaha. Ne, sorry. Nicht mein Skript.
Den Code Deiner Symbole, wenn es denn SVG's sind.
Diese mit Notepad++ öffnen und diesen Code! -
Danke fürs Testen.
Aber 19 Zeilen statt 4, nur wegen der genauen Pfadangabe
Nein darum geht es mir und wahrscheinlich auch @Horstmann eben nicht!
Sondern, dass jeder das einfach so nutzen kann.
Wir hatten es schon einmal, da war es bei zwei JS, dass Nutzer mit den Pfadangaben so gar nicht zurechtkamen.
Daher soll der Code, in diesem Fall das CSS, so einfach wie nur möglich in der Anwendung sein!Kopieren, einfügen, fertig.
-
Bei mir funktioniert das ohne Umstellung auf false!
Stimmt, geht auch ohne!
Aber Du brauchst natürlich auch die "richtigen" Symbole!Kannst Du sie mit Notepad++ öffnen
und hier den Code reinstellen? -
Sorry Mitleser , aber bei mir funktioniert das so nicht.
Aber Du hast mich auf eine Idee gebracht und so funktioniert es (bei mir).CSS
Alles anzeigentreechildren::-moz-tree-image(container), .bookmark-item[container="true"] { list-style-image: url("../icons/default-browser-red.svg") !important; } menu.bookmark-item[container="true"]::before { content: url("../icons/folder-plus.svg") !important; width: 16px !important; min-width: 16px !important; max-width: 16px !important; height: 16px !important; background-repeat: no-repeat !important; background-size: 16px 16px !important; background-position: left 1px top 0px !important; padding-right: 24px !important; } /*Originalicon löschen*/ menu.bookmark-item[container="true"] > img { display: none !important; } -
Wieder was gelernt
Jup, wieder was gelernt.
Denn eben gerade hatte ich etwas Zeit mir das CSS genauer anzusehen.Der Selektor #context-to-top bezieht sich ja schon auf das Symbol,
daher muss man das nicht noch einmal ansprechen.Ergo, die Zeile --menuitem-icon: url("chrome://browser/skin/downloads/downloads.svg"); kann gelöscht,
sollte gelöscht werden. Sie stiftet nur Verwirrung! -
Zeile 40 muss dann aber auch noch angepasst werden.
Oh, muss nicht, wäre aber besser!
Aus list-style-image: .. mach besser --menuitem-icon: .. -
lionsson Äh, bei Andreas Version fehlt aber der Schließenbutton!
