userContent.css ohne Funktion?

    Firefox-Version
    157.0
    Betriebssystem
    Win10

    Wollte die about: und chrome: Seiten anpassen und habe dafür die usercontent.css bearbeitet. Irgendwie passiert da aber nichts. Das würde auch erklären, warum beim Aufruf eines privaten Fensters der Hintergrund schwarz bleibt - siehe Thread.

    Die Vorbereitung gemäß dieser Anleitung habe ich selbstverständlich durchgeführt.

    Kann das mal jemand testen? Hier der komplette Inhalt der CSS:

    Zitat von dribs

    Hmm, war hier schon immer drin. Keine Ahnung wo das herkommt.

    Vor vielen Jahren war es auch mal erforderlich, aber eben vor vielen Jahren.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Zitat von 2002Andreas

    Auch in der userContent.css

    Weiß ich nicht mehr.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Zitat von Mira_Belle

    Was hat es mit " XXX: light-dark ( ... " auf sich?

    Du kannst der light-dark()-Funktion in CSS zwei Farben übergeben. Die erste wird bei einem hellen Farbschema und die zweite Farbe bei einem dunklen Farbschema genutzt.

    Wenn du immer ein helles oder immer ein dunkles Farbschema nutzt oder wenn du immer die gleiche Farbe nutzen möchtest, gibt es keinen Grund, diese Funktion zu verwenden. Nur, wenn du explizit beide Farbschemata mit unterschiedlichen Farben unterstützen möchtest. Dann ist das eine Alternative zum gewöhnlichen Festlegen für ein Farbschema und dann Überschreiben für das andere Farbschema in einem prefers-color-scheme Media Query.

    Veranschaulicht:

    CSS
    .foo {
  color: light-dark(red, yellow);
}

    Macht das Gleiche wie:

    CSS
    .foo {
  color: red;
}

@media (prefers-color-scheme: dark) {
  .foo {
    color: yellow;
  }
}