Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

2002Andreas

Zitat von Boersenfeger

alles umgeschrieben

Nur für alle Fälle.

Ist das auch die Bezeichnung im Icon dann, bzw. der Name?

Code

Pfeil-hoch_blau.svg

Mira_Belle

Ich bin noch am testen!!!

Irgendwie stört sich irgendwas an bestimmten Bezeichnungen der Pfeile.

Oder benennt die Pfeile um!

Boersenfeger

2002Andreas Yepp

Mira_Belle auch mit anderen Bezeichnungen funktioniert es nicht

2002Andreas

Zitat von Boersenfeger

mit anderen Bezeichnungen funktioniert es nicht

Ich habe zwecks Test mal ein beliebiges Icon hier umbenannt zu:

Pfeil-hoch_blau.svg

So sieht das dann hier aus:

also kann es daran nicht liegen.

Genutzt habe ich dein Skript aus Beitrag Nr. 120

Mira_Belle

Bin gerade nicht zu Hause.

Werde der Sache noch auf die Spur kommen.

Habt Geduld.

Mira_Belle

Ich bin zu der Überzeugung gekommen, dass das Flüchtigkeitsfehler beim Umbenennen der Dateien,
bei Veränderungen im Skript oder was auch immer sein müssen.

Trag doch einfach die gewünschten Farben in den Zeilen =>

JavaScript

  // only for 'custom_scrollbar_arrows_version = 2'
  const cs_scrollbar_arrows_color = "#bfbfbf"		// "#7c7c7c"
  const cs_scrollbar_arrows_hover_color = "#ffa600"

ein und ändert auch die Bezeichnungen hier =>

JavaScript

		scrollbar[orient="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[orient="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[orient="horizontal"] > 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[orient="horizontal"] > 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[orient="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[orient="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[orient="horizontal"] > 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[orient="horizontal"] > 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;
		}

Alles anzeigen

Und nutzt diese Symbole => Pfeile.zip

#1e90ff für das Blau

#d3d3d3 für das helle Grau

#ffa500 für Orange

Endor

Hallo Mira_Belle .

Diese beiden Zeilen, zum Umfärben der Symbole funktionieren nicht.
Da kann ich eingeben was ich will.
Verwende Dein Script aus: #111
und die Symbole aus letztem Beitrag.
Symbole werden angezeigt usw. auch rest passt
nur die Farben der Symbole werden nicht geändert.

Code

  // only for 'custom_scrollbar_arrows_version = 2'
  const cs_scrollbar_arrows_color = "#33CCFF";		// " #7c7c7c "
  const cs_scrollbar_arrows_hover_color = "#ffa600";

Mira_Belle

Und die Symbole heißen wie?
Und stimmt die Bezeichnung dann auch mit denen im Skript über ein?

Ich habe hier keine Probleme.

Hier noch einmal die Symbole, in denen die Farbe nicht festgelegt ist.
Chevron.zip
und
Pfeile.zip

Ach, und stimmt das nun mit dem Pfad?

Code

  // PROFILE PHATH "CALCULATE"
  let ProfileDirectory = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));

CSS

background-image: url("${ProfileDirectory}/Chevron-up.svg") !important;

oder

CSS

background-image: url("${ProfileDirectory}/Pfeil-hoch.svg") !important;

Je nachdem, welches SVG Du nutzt.

Und immer daran denken, cache löschen!

Endor

Bezeichnungen stimmen da sie ja angezeigt werden.
Nur nicht in der definierten Farbe sondern in dunkelgrau - schwarz.
Eben nochmal getestet mit Symbolen aus deinem Betrag immer das gleiche
Immer schwarz, normal und bei hover.

Ja der Pfad stimmt einwandfrei.
Das hat ja auch nicht daran gelegen vorhin.
War meine Schuld, dass ich nicht bemerkt hatte dass die Bezeichnung der Symbole
angepasst werden musste. Also nicht Dein Fehler.

Aber warum das Umfärben hier nicht funktioniert ist mir ein Rätsel.

milupo

Zitat von Endor

Symbole werden angezeigt usw. auch rest passt
nur die Farben der Symbole werden nicht geändert.

Du verwendest diese Arrow-Variablen für den Pfeilmodus 2. Dafür sind sie aber gar nicht vorgesehen, sondern für Pfeilmodus 1. Schaue mal ab Zeile 247 oder so, habe hier die Version von Mira_Belle. Für Pfeilmodus 2 musst du die gewünschten Grafiken verwenden.

Endor

milupo

lies nochmal hier:

Beitrag

RE: Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Und bevor es Kritik gibt, die Farben könnt/müsst ihr Euch anpassen.

[…]

Nö.
Es gibt ein Update, da kann man in der Konfiguration die Farben definieren!

Zeilen 86 & 87

(Quelltext, 384 Zeilen)

Und hier die passenden Symbole dafür.

Symbole.zip

Mira_Belle

2. September 2025 um 15:09

Der Absatz im Script da steht:

Code

// only for 'custom_scrollbar_arrows_version = 2'
  const cs_scrollbar_arrows_color = "#33CCFF";		// " #7c7c7c "
  const cs_scrollbar_arrows_hover_color = "#ffa600";

und nun?

Mira_Belle

Code

  // CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
  const custom_scrollbars = true;                       // default: custom_scrollbars = true
  const custom_scrollbar_arrows = true;                 // default: custom_scrollbar_arrows = true
  const custom_scrollbar_arrows_version = 1;            // default: custom_scrollbar_arrows_version = 1
                                                        //  1 ==> SVG arrows as code: might not work on some pages
                                                        //  2 ==> SVG arrows as files: placed inside 'chrome\icons' folder

  // only for 'custom_scrollbar_arrows_version = 1'
  const custom_scrollbar_arrows_color = "%23bfbfbf";     // default: custom_scrollbar_arrows_color = "grey"; / # ==> %23 e.g. #33CCFF ==> %2333CCFF
  const custom_scrollbar_arrows_hover_color = "%23ffae00";   // default: custom_scrollbar_arrows_hover_color = "orange"; # ==> %23

  // only for 'custom_scrollbar_arrows_version = 2'
  const cs_scrollbar_arrows_color = "#1e90ff"		// "#7c7c7c"	"#bfbfbf"
  const cs_scrollbar_arrows_hover_color = "#ffa600"

Alles anzeigen

Also, hier wird die Option ausgewäht!
const custom_scrollbar_arrows_version = 1;

wenn 1
dann hier die Farben =>

Code

  // only for 'custom_scrollbar_arrows_version = 1'
  const custom_scrollbar_arrows_color = "%23bfbfbf";     // default: custom_scrollbar_arrows_color = "grey"; / # ==> %23 e.g. #33CCFF ==> %2333CCFF
  const custom_scrollbar_arrows_hover_color = "%23ffae00";   // default: custom_scrollbar_arrows_hover_color = "orange"; # ==> %23

wenn 2
dann eben hier die Farben =>

Code

  // only for 'custom_scrollbar_arrows_version = 2'
  const cs_scrollbar_arrows_color = "#1e90ff"		// "#7c7c7c"	"#bfbfbf"
  const cs_scrollbar_arrows_hover_color = "#ffa600"

Endor

Mira_Belle

Ich habe hier:

const custom_scrollbar_arrows_version = 2;

Da ich ja eigene Symbole verwende.

milupo

Zitat von Endor

Der Absatz im Script da steht:

Ich habe gerade erst gesehen, dass Mira_Belle ihr Skript dort schon wieder verändert hatte, im Original und in ihrer ursprünglichen Version kommt das für Pfeilmodus 2 nicht vor. Ich habe den Thread nun nicht laufend verfolgt, hier ändert sich offenbar alle paar Minuten etwas.

Mira_Belle

Also ich weiß nicht weiter!
Bei mir funktioniert das Skript wie ich es mir gedacht habe!
Bei anderen wohl auch.
Wenn Du Endor die Pfeile nutzen möchtest, nutze Option "1"
und ändere die Farben nach Anleitung.

Code

  // only for 'custom_scrollbar_arrows_version = 1'
  const custom_scrollbar_arrows_color = "%23bfbfbf";     // default: custom_scrollbar_arrows_color = "grey"; / # ==> %23 e.g. #33CCFF ==> %2333CCFF
  const custom_scrollbar_arrows_hover_color = "%23ffae00";   // default: custom_scrollbar_arrows_hover_color = "orange"; # ==> %23

Welche 1.Farbe und welche 2.Farbe?
Die Farbwerte bitte.

Endor

Ja Mira_Belle ist sehr fleißig. Sie versucht auf alle Wünsche einzugehen.
Daher gibt es dann halt auch öfter Aktualisierungen.

Ich bleibe mal bei Version Scrollbar.v2.0.7.js
da funktioniert alles einwandfrei.
Vielen Dank nochmals Mira_Belle .

Mfg.
Endor

Mira_Belle

Endor siehe ^ (über Dir)

Zitat von Endor

Ich bleibe mal bei Version Scrollbar.v2.0.7.js

Bitte schick die mir mal per PN.

milupo

Zitat von Mira_Belle

ein und ändert auch die Bezeichnungen hier =>

Mira_Belle, im zweiten Kasten von Beitrag #127 hast du überall noch [orient="vertical"] bzw. [orient="horizontal"] angegeben. Das muss ja nun [vertical] bzw. [horizontal] heißen.

Mira_Belle

milupo Stimmt. Ich wechselte so oft zwischen den verschiedenen Firefoxversionen hin und her, dass ich irgendwie die Übersicht verloren habe.

Das von mir veröffentliche Skript Version 2.0.8 ist aber richtig, oder?

Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Beitrag von Endor (2. September 2025 um 18:55)

RE: Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

Ähnliche Themen

Scrollbar Farbe ändern in Fx 143 - 144 funktioniert nicht mehr richtig

Skript VerticalToolbar.uc.js funktioniert in neu erstellten Profilen nicht mehr richtig

Skript "newTabButtonUndoTabList.uc.js" funktioniert nicht mehr im Nightly - (seit Nightly 139)

Skript für vertikale Toolbar funktioniert im heutigen Nightly nicht mehr richtig

Skript für vertikale Toolbar funktioniert im neuesten Nightly nicht mehr korrekt

Mehrzeilige Tableiste funktioniert nicht mehr seit kurzem