Dieses Script funktioniert bei mir.
Ich habe das mal für mich übernommen, funktioniert im Nightly, mit angepasstem CSS, wunderbar. 👍️
Beiträge von Dharkness
-
-
Es liegt an deiner zusätzlichen Leiste auf der rechten Seite.
Wie kann das Problem dann auf der Camp-Seite nicht vorhanden sein?
-
Kann es sein, dass das Script nicht mehr funktioniert?
Man sieht doch im Screenshot Dreiecke und Farben, die nicht die vom Dark Theme vorgegebenen Entsprechungen sind, also funktioniert es.
-
Wie sind denn die Scrollbalken in den Windows Einstellungen Barrierefreiheit eingestellt?
Hm, unter W11 lässt sich an dem Punkt nicht wirklich was einstellen, nur ob ständig sichtbar oder nicht.
-
Hallo zusammen,
kann man verhindern, das eine Website die Breite der Scrollbar beeinflussen kann, wenn es denn die Website macht?
Guckt Ihr dort ↓.
Das ↓ Javascript passt die Scrollbar an.
JavaScript
Alles anzeigen// Scrollbar.uc.js "use strict"; /* Custom Scrollbars for Firefox ********************************************************************************************* */ /* */ /* Version: v2.0.8.b.uc.js for Firefox 143+ */ /* */ /* Scrollbar.v2.0.8.b.uc.js https://www.camp-firefox.de/forum/thema/139766/?postID=1280302#post1280302 */ /* */ /* ****************************************************************************************************************************** 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. user.js > user_pref("widget.non-native-theme.win.scrollbar.use-system-size", false); // false schaltet die Systemeinstellung aus user_pref("widget.non-native-theme.scrollbar.size.override", 22); // 22 setzt die Scrollbarbreite auf 22px) [!] The above entries must be set in user.js for this code to work. [!] Die oben genannten Einträge müssen in der user.js 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 = "#D3D3D3" ;// "#7c7c7c" "#1e90ff" let cs_scrollbar_arrows_hover_color = "#ffa600" ;// "#ffa600" "#bebebe" let cs_scrollbar_size = 17 ;// Important! See README !! // - background let cs_background_color = "#1A1920" ;// default: cs_background_color = "#DDDDDD" / "#AEC5FA" let cs_background_roundness = 4 ;// 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 = "#1C1B22" ;// default: cs_corner_background_color = "#DDDDDD" / - corner / "#CCCCCC" // - thumb/slider let cs_thumb_color = "#915C47" ;// default: cs_thumb_color = "#33CCFF" / thumb/slider let cs_thumb_hover_color = "#0082FC" ;// default: cs_thumb_hover_color = "#66FFFF" let cs_thumb_border_color = "#5b5b66" ;// default: cs_thumb_border_color = "#33CCFF" let cs_thumb_border = 0 ;// default: cs_thumb_border = 0 / in px 1 let cs_thumb_roundness = 4 ;// 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 = "#0082FC" ;// 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 = 0 ;// default: cs_buttons_border = 0 / in px let cs_buttons_roundness = 4 ;// 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; } 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}/up.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_color} !important; fill-opacity: 1 !important; background-position: top !important; min-width: ${cs_scrollbar_size}px !important; min-height: ${cs_scrollbar_size}px !important; } scrollbar[vertical] > scrollbarbutton[type="increment"] { background-image: url("${ProfileDirectory}/down.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_color} !important; fill-opacity: 1 !important; background-position: bottom !important; min-width: ${cs_scrollbar_size}px !important; min-height: ${cs_scrollbar_size}px !important; } scrollbar > scrollbarbutton[type="decrement"] { background-image: url("${ProfileDirectory}/left.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_color} !important; fill-opacity: 1 !important; background-position: left !important; min-width: ${cs_scrollbar_size}px !important; min-height: ${cs_scrollbar_size}px !important; } scrollbar > scrollbarbutton[type="increment"] { background-image: url("${ProfileDirectory}/right.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_color} !important; fill-opacity: 1 !important; background-position: right !important; min-width: ${cs_scrollbar_size}px !important; min-height: ${cs_scrollbar_size}px !important; } /* Hover */ scrollbar[vertical] > scrollbarbutton[type="decrement"]:hover { background-image: url("${ProfileDirectory}/up.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_hover_color} !important; fill-opacity: 1 !important; background-position: top !important; } scrollbar[vertical] > scrollbarbutton[type="increment"]:hover { background-image: url("${ProfileDirectory}/down.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_hover_color} !important; fill-opacity: 1 !important; background-position: bottom !important; } scrollbar > scrollbarbutton[type="decrement"]:hover { background-image: url("${ProfileDirectory}/left.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_hover_color} !important; fill-opacity: 1 !important; background-position: left !important; } scrollbar > scrollbarbutton[type="increment"]:hover { background-image: url("${ProfileDirectory}/right.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_hover_color} !important; fill-opacity: 1 !important; background-position: right !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); })(); -
Wer kann behilflich sein?
Ändere das * dahingehend **.
*CSS@-moz-document url("about:privatebrowsing") { html.private { background-image: none !important; background-color: #dddddd !important; color: black !important; } }**
CSS
Alles anzeigen@-moz-document url("about:privatebrowsing") { html.private { background-image: none !important; background-color: #dddddd !important; color: black !important; } .showPrivate > .search-inner-wrapper, #about-private-browsing-logo, #private-browsing-myths { display: none !important; } @media -moz-pref("browser.nova.enabled") { @media not (prefers-contrast) { html.private body::before { background: none !important; } } } } -
Hallo Ralf, danke für den Test bzw. die Bestätigung das mein Code funktioniert
Aber gerne doch.
-
Es wäre schön, wenn ein anderer User den Code aus Beitrag Nr. 14 auch mal testen könnte, danke dafür.
Guckst Du:
-
Wie kann ich die Farbe des grauen Feldes (keine Ahnung wie das heißt) in der Adressleiste ändern? Kann ich dieses auch in der Breite begrenzen?
Teste bitte:
CSS#identity-box.extensionPage > #identity-icon-box { max-width: 80px !important; background-color: #F20 !important; } -
Oder hast du den Code evtl. an anderer Stelle eingetragen?
Was könnte das schon bewirken, das ist doch nur CSS (Markup) und kein ausführbarer Code.
Ich würde denken, das da irgendwas mit Windows selbst oder dem PC/Notebook nicht stimmt.
-
bauche dann wohl eine neue Brille
Oder Du solltest mal die Tomaten von den Augen entfernen. d&r
-
Was ist der Effekt? Bzw. was, wenn man es nicht tut?
Die internen Seiten von Fx haben sonst nicht die entsprechenden Radien, schaue Dir nur mal about:home- bzw. about:newtab-Seiten an.
-
Hallo zusammen,
habt Ihr daran gedacht, dieses CSS-Schnipsel auch in die userContent.css einzutragen?
-
der aber nichts bewirkt:
treechildren ist dort nicht mehr existent, wenn sidebar.revamp in about:config auf true steht und nach Sören Hentzschel kommt das demnächst so oder so, siehe dort → sidebar.revamp, wenn ich es denn richtig verstanden.
-
Man könnte alles haben, und je nach Einstellung verzweigen
So habe ich das jetzt auch gelöst, sieht bei mir jetzt so ↓ aus.
CSS@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"), url("chrome://browser/content/genai/chat.html"), url("chrome://browser/content/sidebar/sidebar-syncedtabs.html"), url("chrome://browser/content/sidebar/sidebar-history.html"), url("chrome://browser/content/sidebar/sidebar-bookmarks.html"), url("chrome://global/content/megalist/megalist.html"), url("chrome://browser/content/webext-panels.xhtml"), url("chrome://browser/content/browser.xhtml") { … } -
Ich würde so sagen: sidebar.revamp
true -> /sidebar/
Das ↑ trifft bei mir zu.
-
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url("chrome://browser/content/browser.xhtml") {Ersetze mal die ↑ Zeileen durch die ↓.
CSS@-moz-document url("chrome://browser/content/sidebar/sidebar-bookmarks.html"), url("chrome://browser/content/browser.xhtml") {Erklärung: Mit den obigen Zeilen funktioniert das bei mir auch nicht korrekt, nur mit den unteren.
-
Wenn sich Google bei dir so verhalten hat, musst du etwas dafür getan haben, beispielsweise in Form einer installierten Firefox-Erweiterung.
Das kann man in den Sucheinstellungen von Google anpassen.
-
Was muss ich wo einstellen, damit die FF-Übersetzung funktioniert?
Suche in den Einstellungen nach Übersetzungen und kontrolliere die passenden Einstellungen.
-
Dann kopierte ich meine Scripte wieder ins Chromeverzeichnis.
Trotzdem wurden sie nicht beachtet und wurden nicht verarbeitet.Hast Du den Fx denn auch einmal in den Fehlerbehebungsmodus gestartet und ihn dann wieder normal gestartet?
