Beiträge von lenny2
-
-
Dann mal weiter im Text; ein neuer Test.
v143.0.4. Ich habe es durch Starten in der Konsole überprüft.
1* Die Toolbar funktioniert einwandfrei.
2* Der Name des Skripts sollte jedoch vertical_toolbar lauten und nicht extra_toolbar, da es so von mehr Benutzern über die Suche gefunden werden kann. Es gibt viele funktionierende horizontale Panels, aber fast keine vertikalen.
3* Und der Titel des Themas ist unglücklich gewählt.
4* Beide Varianten des Toggle Button Icons funktionieren einwandfrei, es gibt keine Fehler bei der Anzeige des Icons.
5* Die Toolbar passt sich perfekt an die Höhe des Fensters an, wenn die Anzeige der Bookmark bar und der oberen horizontalen Toolbar, die von einem anderen Skript erstellt wird, deaktiviert ist.
6* Auf der Toolbar werden Separators und Spaces, die von einem anderen Skript erstellt wurden, nicht angezeigt (bei Aris-t2 wurden sie angezeigt).
7* Ein weiterer Pluspunkt für mich ist, dass das Entfernen der Blöcke „Bottom” und „Full Screen” aus dem Code die Funktionalität nicht beeinträchtigt (ich mag keine überflüssigen Extras).
8* Wunderbare Arbeit!

Ist evtl. besser einfach auf ein Update von Aris zu warten.
Dafür gibt es fast keine Hoffnung.
-
Bleibt für mich dann nur noch die Frage nach dem CSS,
wofür ist es?CSS wird für das Skript nicht benötigt. CSS ist eigenständig, es fügt Scrollbar zu den Ordnern der Lesezeichenleiste hinzu und kann sowohl separat als auch zusammen mit dem Skript verwendet werden. Wenn Sie CSS + JS verwenden, wird der Scrollstil aus dem Skript auch auf Ordner mit Lesezeichen angewendet.
-
Mod custom_scrollbars.uc.js. Dies ist eine ganz kleine Änderung am Skript von Aris-t2, jetzt funktioniert das Skript vollständig und problemlos in Firefox 143+ (Gradient-farbe, Pfeile usw.). Die Version von Aris-t2 auf GitHub funktioniert nicht in Firefox 142 und 143.
Um in den Ordnern der Lesezeichenleiste zu scrollen, fügen Sie den zweiten Code in userChrome.css hinzu.CSS
Alles anzeigen"use strict"; /* This Mod adapted for Firefox 143+ */ /* Firefox userChrome.js tweaks - 'Custom Scrollbars' for Firefox https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/custom_scrollbars.uc.js Version: 2.0.5 for Firefox 115+ NOTE: 'non-compatible options' from earlier versions were removed 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 [!] 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 Modifying appearance > change values - enable/disable options: true <-> false - color - name: red, blue, transparent - hex code: #33CCFF, #FFF - 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 - no color or no color value -> use "unset" - arrow icons - files have to be downloaded from https://github.com/Aris-t2/CustomJSforFx/tree/master/icons - files have to be placed inside 'icons' (sub)folder --> 'chrome\icons' - own svg files can also be used, if they are named up.svg, down.svg, left.svg, right.svg */ (function() { /* General scrollbar settings *******************************************************/ // default: hide_scrollbars = false const hide_scrollbars = false; // default: hide_scrollbar_buttons = false const hide_scrollbar_buttons = false; // default: thin_scrollbars = false / browsers own way to show thin scrollbars const thin_scrollbars = false; // default: custom_scrollbar_opacity = false const custom_scrollbar_opacity = false; // default: custom_opacity_value = "1.0" const custom_opacity_value = "1.0"; /* Custom scrollbar settings ("custom_scrollbar_" --> "cs_") ************************/ // default: custom_scrollbars = true const custom_scrollbars = true; // default: custom_scrollbar_arrows = true const custom_scrollbar_arrows = true; // default: custom_scrollbar_arrows_version = 1 // 1 ==> SVG arrows as code: might not work on some pages // 2 ==> SVG arrows as files: files have to be downloaded from // https://github.com/Aris-t2/CustomJSforFx/tree/master/icons // and placed inside 'chrome\icons' folder const custom_scrollbar_arrows_version = 1; // default: custom_scrollbar_arrows_color = "grey"; / # ==> %23 e.g. #33CCFF ==> %2333CCFF // only for 'custom_scrollbar_arrows_version = 1' const custom_scrollbar_arrows_color = "black"; // default: cs_thumb_border = 0 / in px const cs_thumb_border = 0; // default: cs_thumb_roundness = 0 / in px const cs_thumb_roundness = 9; // default: cs_buttons_border = 0 / in px const cs_buttons_border = 0; // default: cs_buttons_roundness = 0 / in px const cs_buttons_roundness = 0; // default: cs_ignore_color_gradients = false / 'flat' scrollbars const cs_ignore_color_gradients = false; /* Custom scrollbar colors and gradients ********************************************/ // default: cs_background_color = "#DDDDDD" const cs_background_color = "#DDDDDD"; // default: cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" let cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_corner_background_color = "#DDDDDD" / - corner const cs_corner_background_color = "#DDDDDD"; // 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%)" 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_thumb_color = "#33CCFF" / thumb/slider const cs_thumb_color = "#33CCFF"; // default: cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_color = "#66FFFF" const cs_thumb_hover_color = "#66FFFF"; // default: cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_border_color = "#33CCFF" const cs_thumb_border_color = "#33CCFF"; // default: cs_buttons_color = "#66FFFF" / buttons const cs_buttons_color = "#66FFFF"; // default: cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_color = "#33CCFF" const cs_buttons_hover_color = "#33CCFF"; // default: cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_border_color = "#33CCFF" const cs_buttons_border_color = "#33CCFF"; /* ******************************************************************************************** */ /* ******************************************************************************************** */ let ProfilePathChrome = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome')); // 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=''; let hide_scrollbar_buttons_code=''; let custom_scrollbar_opacity_code=''; let hide_scrollbars_code=''; let thin_scrollbars_code=''; if(custom_scrollbars === true) custom_scrollbars_code=` slider, scrollcorner, scrollbar thumb, scrollbar scrollbarbutton { appearance: auto; -moz-default-appearance: none !important; } slider { background-color: ${cs_background_color} !important; } scrollbar[vertical] slider { background-image: ${cs_background_image_vertical} !important; } scrollbar slider { 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; box-shadow: inset 0 0 0 ${cs_thumb_border}px ${cs_thumb_border_color} !important; } scrollbar[vertical] thumb { background-image: ${cs_thumb_image_vertical} !important; min-height: 17px !important; } scrollbar thumb { background-image: ${cs_thumb_image_horizontal} !important; min-width: 17px !important; } scrollbar thumb:hover, scrollbar thumb:active { background-color: ${cs_thumb_hover_color} !important; } scrollbar[vertical] thumb:hover, scrollbar[vertical] thumb:active { background-image: ${cs_thumb_hover_image_vertical} !important; } scrollbar thumb:hover, scrollbar thumb: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 ${cs_buttons_border_color} !important; height: 17px !important; width: 17px !important; } scrollbar[vertical] scrollbarbutton { background-image: ${cs_buttons_image_vertical} !important; } scrollbar 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 scrollbarbutton:hover { background-image: ${cs_buttons_hover_image_horizontal} !important; } `; if(custom_scrollbar_arrows === true && custom_scrollbar_arrows_version === 1) custom_scrollbar_arrows_code=` scrollbar scrollbarbutton { background-repeat: no-repeat !important; background-position: center center !important; } scrollbar[vertical] scrollbarbutton[type="decrement"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3E%3C/svg%3E ") !important; } scrollbar[vertical] scrollbarbutton[type="increment"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E ") !important; } scrollbar scrollbarbutton[type="decrement"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'/%3E%3C/svg%3E ") !important; } scrollbar scrollbarbutton[type="increment"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E ") !important; } `; else if(custom_scrollbar_arrows === true && custom_scrollbar_arrows_version === 2) custom_scrollbar_arrows_code=` scrollbar scrollbarbutton { background-repeat: no-repeat !important; background-position: center center !important; } scrollbar[vertical] > scrollbarbutton[type="decrement"] { background-image: url("${ProfilePathChrome}/icons/up.svg") !important; } scrollbar[vertical] > scrollbarbutton[type="increment"] { background-image: url("${ProfilePathChrome}/icons/down.svg") !important; } scrollbar > scrollbarbutton[type="decrement"] { background-image: url("${ProfilePathChrome}/icons/left.svg") !important; } scrollbar > scrollbarbutton[type="increment"] { background-image: url("${ProfilePathChrome}/icons/right.svg") !important; } `; if(hide_scrollbar_buttons === true) hide_scrollbar_buttons_code=` scrollbar scrollbarbutton { opacity: 0 !important; } scrollbar[vertical] scrollbarbutton { min-height: 1px !important; height: 1px !important; max-height: 1px !important; } scrollbar scrollbarbutton { min-width: 1px !important; width: 1px !important; max-width: 1px !important; } `; if(custom_scrollbar_opacity === true) custom_scrollbar_opacity_code=` scrollbar { opacity: ${custom_opacity_value} !important; } `; if(hide_scrollbars === true) hide_scrollbars_code=` scrollbar, scrollcorner { display: none !important; visibility: collapse !important; } `; if(thin_scrollbars === true) thin_scrollbars_code=` :root{ scrollbar-width: thin !important; } scrollbar[vertical] scrollbarbutton { height: 14px !important; width: 7px !important; } scrollbar scrollbarbutton { height: 7px !important; width: 14px !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} ${hide_scrollbar_buttons_code} ${custom_scrollbar_opacity_code} ${hide_scrollbars_code} ${thin_scrollbars_code} `), null, null), Components.classes["@mozilla.org/content/style-sheet-service;1"] .getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET); })(); -
Schauen Sie sich dieses schöne Symbol für die Bibliothek an.
Library.ico
-
aber das funktioniert nicht mehr in Firefox 143.0.1
Funktioniert in 143.0.1 und 143.0.3 ohne Fehler in der Konsole.
-
Entschuldigung, es ist mein Fehler, ich habe vergessen, dass ich die Icon mit diesem Stil hinzugefügt habe
Code/* Icon "Show In Folder" (after search) */ #placesContext_showInFolder::before { background-image: url("chrome://global/skin/icons/folder.svg"); /* yellow folder */ /* background-image: url("chrome://devtools/skin/images/folder.svg"); /* black-white folder */ }In Beitrag #60 wird beschrieben, wie das Icon gelb wird. Dieses Icon hat wirklich nichts mit diesem Thema zu tun.
-
Kann man da evtl. über about:config was anpassen?
widget.non-native-theme.scrollbar.style = 4 // The width of the scroll bar must be greater than 0.
ui.themedScrollbar = #909098 // (does not exist, create it) Background color of the scroll bar
ui.themedScrollbarThumb = #00A3D9 // (does not exist, create it) Thumb color
ui.themedScrollbarThumbActive = #ffbf00 // (does not exist, create it) Active
ui.themedScrollbarThumbHover = orange // (does not exist, create it) Hover -
-
Screenshot mit einem größeren Bildausschnitt machen?
1\ Ordnersymbole – geändert.
2\ Allerdings hat sich das Symbol in „Show in Folder” nicht geändert.
3\ In „Show in Folder” wurde das Symbol durch einen zusätzlichen Code in userContent.css geändert, siehe hier Beitrag #92
-
Ändere bitte mal Zeile 4 zu und teste:
menu.bookmark-item[container] > img {
Danke, Fehler fixed!

-
Mitleser CSS, Es wurde ein unangenehmes Problem festgestellt: Anstelle der Site-Symbole (rechts) wird ein Ordnersymbol angezeigt
-
Mitleser Danke für deine Code aus Beitrag #48
Und nur zur Info:
00_VertToolbarWithButton_lite.uc.js
// Die horizontale Position (oben/unten) ist proz... // Die vertikale Position der TB (links/rechts) b... Es scheint, dass die H- und V-Ausrichtungen verwechselt sind.
Es könnte nützlich sein, in die Beschreibung die Möglichkeit aufzunehmen, die Sichtbarkeit der vertikalen Symbolleiste beim Start von Firefox umzuschalten (-off\-on) toolbar.classList.toggle('button-off');
CSS ändert das Symbol „Im Ordner anzeigen“ in den Suchergebnissen der Seitenleiste nicht. Dieses Symbol kann mit Code in userContent.css geändert werden. Dies wirkt sich auch auf das Ordnersymbol im Skript oder CSS aus, in dem das Ressourcensymbol verwendet wird "chrome://global/skin/icons/folder.svg"
Nochmals vielen Dank für Ihre Arbeit

-
rogross Sie müssen nicht den Ordner des alten Profils kopieren, sondern den Inhalt des Ordners des alten Profils (zur Orientierung: darin befinden sich die Dateien addonStartup.json.lz4 und cookies.sqlite) in den Ordner des neuen Profils. Sie können den Ordner des neuen Profils zuvor leeren.
Um den Fehler „zu langer Pfad“ zu vermeiden, können Sie eine Zwischenarchivierung in 7-Zip durchführen. -
Siehe Screenshot + Beitrag in #89
Superb! Ihr Stil aus Beitrag #89 ist sehr gut und verständlich

Danke, das ist eine sehr wichtige Information über event.target.ownerGlobal.PlacesCommandHook.showPlacesOrganizer('History');
Teste bitte:
Danke, jetzt ist es super, überflüssige Icon werden nicht mehr angezeigt

-
-
Dann muss der Code in die userContent.css stehen:
Ja, aber dann ist es besser, den gesamten Stil für userChrome.css durch den Code für userContent.css zu ersetzen. Das Icon wird global geändert.
CSS@-moz-document url(chrome://global/skin/icons/folder.svg) { *|svg { background: no-repeat url( "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(254,224,130,1.0)' stroke='rgba(178,133,1,1.0)'><path d='M 7.7500004,3.5 H 13.5 a 2,2 45 0 1 2,2 v 7 a 2,2 135 0 1 -2,2 h -11 a 2,2 45 0 1 -2,-2 v -9 a 2,2 135 0 1 2,-2 H 5.0000004 A 1.3150997,1.3150997 20.81677 0 1 5.8737051,1.8321819 L 7.7500004,3.5 5.8737051,5.1678181 A 1.3150997,1.3150997 159.18323 0 1 5.0000004,5.5 H 0.5'/></svg>" ) !important; } *|path { display: none !important; } }event.target.ownerGlobal.openTrustedLinkIn('chrome://browser/content/places/places.xhtml', 'tab')
Ich verwende ein ähnliches Skript für die Bibliothek.
-
-
CSS
/* Lesezeichen verwalten - Ordnericon liegend gelb */ @-moz-document url("chrome://browser/content/places/places.xhtml") { treechildren::-moz-tree-image(container) { list-style-image: url("file://c:/Users/dein name/AppData/Roaming/Mozilla/Favicon Picker/Folder2.ico") !important; } }Dieser Teil des Codes funktioniert nicht (Bibliothek, Library). Beitrag #68
-
#navigator-toolbox { z-index: 3 !important; }
Dieser Code in userChrome.css hat geholfen. Ich konnte ihn nicht in das Skript einfügen.
Fügte diesen Code nach Zeile 45 zum Skript hinzu, um die Symbole horizontal zu zentrieren
padding-left: 16px !important; \