Scroll-Schieber dunkler machen?

Zitat von grünerfuchs

Ach sooooo. Dann sag es doch gleich... :mrgreen:

Das wäre aber deine Aufgabe gewesen.

@ Andreas,

Zitat

Weil ich dachte, der TE meinte innerhalb vom Fx, mein Fehler.

... macht doch nix, siehe bei mir

Im Code standen zwei Farben. Du hast eine Farbe draus gemacht. Direkt darüber im Kommentar steht sogar, dass zwei Farben erwartet werden…

Es fehlt die 2te Farbe im Code. :wink:

Teste bitte:

:root{
/* Farbe 1: Thumb - Farbe 2: Hintergund*/
scrollbar-color: black transparent;
   }

Zitat von grünerfuchs

In beide .css?

Wenn du es auch innerhalb vom Firefox haben möchtest, dann ja.

Ginge wohl allen so...schwarz auf schwarz....oder weiß auf weiß lässt sich sehr schlecht erkennen :wink:

// Über 800 Beiträge, eine Frage nach der nächsten. Aber noch immer unklar, was der Unterschied zwischen userChrome.css und userContent.css ist, es wird nicht bemerkt, dass aus zwei Farben eine Farbe gemacht wurde, und jetzt schon wieder die Frage, in welche Datei das gehört. Das alles in nur wenigen Minuten. Ich frage mich ernsthaft, wie es manche bei so viel Unselbständigkeit schaffen, Tag für Tag durchs Leben zu kommen…

Hmmm...evtl. doch eine andere Farbe nehmen :-??

Oder für die jeweilige schwarze Seite einen anderen Code benutzen :wink:

Zitat von grünerfuchs

dann jeweils in beiden .css, Ja?

Das hatte ich dir doch nun schon mehrmals gesagt....

wenn du es auch innerhalb vom Firefox so haben willst, DANN muss es auch in die userChrome.css.

Um die Problemstellung allgemeiner zu lösen, dass es helle und dunkle Webseiten gibt, könnte man auch einfach ein Script schreiben, welches erkennt, ob die Hintergrundfarbe hell oder dunkel ist, und entsprechend andere Farben verwenden. Ich erstelle keine Firefox-Scripts, daher kann das nicht direkt übernommen werden, aber um mal einen Ansatz zu liefern, stelle ich eine Funktion zur Verfügung, die von einem Scriptbauer einfach übernommen werden kann. Den Farbwert ins HSP-Farbmodell zu konvertieren, ist nur ein bisschen Mathematik, und damit lässt sich dann ganz einfach sagen, ob eine Farbe hell oder dunkel ist.

function isLightOrDark(color) {
  let r, g, b, hsp;

  if (color.match(/^rgb/)) {
    color = color.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/);

    r = color[1];
    g = color[2];
    b = color[3];
  }
  else {
    color = +("0x" + color.slice(1).replace(color.length < 5 && /./g, '$&$&'));

    r = color >> 16;
    g = color >> 8 & 255;
    b = color & 255;
  }

  hsp = Math.sqrt(0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b));

  return hsp > 127.5 ? 'light' : 'dark';
}

Das funktioniert natürlich nicht mit Farb-Worten wie "red", da Wörter ja beliebig sind und keinen mathematischen Regeln folgen, aber sowohl HEX- als auch RGB-Werte werden von dieser Funktion unterstützt. Man müsste also nur ein Script schreiben, welches die Hintergrundfarbe ausliest, die Farbe an die eben gezeigte Funktion übergibt und abhängig vom Rückgabewert "light" oder "dark" dann das entsprechende CSS setzt. Wie gut das in der Praxis funktioniert, dass die ausgelesene Hintergrundfarbe auch immer dem entspricht, was wir sehen, müsste in der Praxis getestet werden. Ich kann nur versprechen, dass diese Funktion eine beliebige Farbe als hell oder dunkel kategorisieren kann.

Zitat von 2002Andreas

wenn du es auch innerhalb vom Firefox so haben willst, DANN muss es auch in die userChrome.css.

@grünerfuchs: Innerhalb von Firefox bedeutet in deinem Falle, es bezieht sich auf die Scrollleiste der Sidebar, also auf die linke Seitenleiste aus Beitrag #9. Diese gehört zur Benutzeroberfläche von Firefox. Alle CSS-Codes, die die Benutzeroberfläche von Firefox verändern, gehören in die Datei userChrome.css. Die rechte Scrollleiste aus Beitrag #9 gehört zur Webseite und alle CSS-Codes, die eine Webseite verändern, gehören in die Datei userContent.css.

Die entstandene Unklarheit hättest du vermeiden können, wenn du in deinem ersten Beitrag genauer beschrieben hättest, was verändert werden sollte. Es empfiehlt sich, das in Zukunft zu tun.

Zitat von milupo

es bezieht sich auf die Scrollleiste der Sidebar

Und auch für die Chronik bzw. Lesezeichenverwaltung.