Sind die Codes noch aktuell oder haben sich einige geändert?

Andy 123

Zitat von milupo

Nun, Orange stellen die nicht dar.
Ist dir eigentlich bewusst, dass du eher Falschfarben siehst?

Nein, ist mir nicht bewusst, dass ich Falschfarben sehe. Mir ist nur bekannt, dass die Monitore/Bildschirme unterschiedliche Farbwiedergaben haben können.

Dass Männer und Frauen unterschiedlich sehen, ist mir tatsächlich neu.

Offizielle Farbbezeichnungen sind mir nicht so geläufig.
Vielleicht ist Altrosa auch als Pink, Magenta zu sehen usw.
Den Wert #FFE4E1 für Altrosa war mir nicht bekannt. Aber es ist auch die richtige Farbe.

Wie ich sie persönlich wahrnehme, hat sie ein Graustich. Ich mag auch sehr gerne Grau-Blau, wie du es auf meinen Screenshots erkennen kannst.
Deshalb kann man durch Screenshots wesentlich mehr aussagen und sie vermeiden m. E. Missverständnisse.

Ob meine userChrome.css fehlerhaft und/oder aktuell ist, weiß ich leider immer noch nicht. Habe ich was übersehen?

Ich frage deshalb an, weil sich einige Codes in Laufe der Zeit verändert haben und keine Gültigkeit mehr hatten. Jetzt finde ich, wie ich es schon mitteilte, in Thunderbird und DB Browser (SQLite) an den gekennzeichneten Stellen keine Farbdarstellungen. Dazu hatte ich auch Bilder gesendet.

Grüße Andy

milupo

Zitat von Andy 123

Den Wert #FFE4E1 für Altrosa war mir nicht bekannt. Aber es ist auch die richtige Farbe.

Sieht aber ganz anders aus als das Magenta, welches du jetzt verwendest.

Zitat von Andy 123

Ob meine userChrome.css fehlerhaft und/oder aktuell ist, weiß ich leider immer noch nicht. Habe ich was übersehen?

Das kannst nur du entscheiden. Was ist denn nicht so, wie du es gerne hättest?

Mira_Belle

https://www.colorhexa.com/ffe4e1

Mistyrose / #ffe4e1 Hex-Farbcode

Zitat

Die Farbe mistyrose mit dem hexadezimalen Farbcode #ffe4e1 ist ein sehr hell Farbton von Rot. Im RGB-Farbmodell enthält #ffe4e1 100% Rot, 89.41% Grün und 88.24% Blau.

https://www.colorhexa.com/ba78ab

#ba78ab Hex-Farbcode

Zitat

Der hexadezimale Farbcode #ba78ab ist ein mittel-hell Farbton von Magenta. Im RGB-Farbmodell enthält #ba78ab 72.94% Rot, 47.06% Grün und 67.06% Blau.

Also erste Farbe (#ffe4e1) hätte ich auch als rosa bezeichnet,
aber #ba78ab geht für mich schon eher in Richtung "Flieder".

Andy 123

Zitat von Mira_Belle

aber #ba78ab geht für mich schon eher in Richtung "Flieder".

Mira, da hast du recht. So wird es auch in den Windows-Einstellungen genannt. Ich habe es für mich nur als Altrosa definiert. Nach meiner Wahrnehmung haben Altrosa und Grau-Blautöne beide Grau-Anteile.

Zwischen Flieder und Altrosa/Magenta können die Grenzen fließend sein. Wenn ich etwas nicht richtig definieren kann, versuche ich es durch Screenshots auszugleichen.

Grüße Andy

milupo

Zitat von Andy 123

Zwischen Flieder und Altrosa/Magenta können die Grenzen fließend sein.

Mit dem Computer kannst du außerordentlich viele Farben und Farbtöne darstellen. Solange wie du nur für dich selbst gestaltest wie eben die Oberfläche deines Firefox' ist das nicht weiter tragisch. Wenn du jedoch Webseiten gestaltest, die für ihre Besucher gedacht sind, musst du natürlich zu einem gewissen Grade auf die Sehgewohnheiten der Besucher Rücksicht nehmen.

Mira_Belle

Zitat von Andy 123

Mira, da hast du recht. So wird es auch in den Windows-Einstellungen genannt. Ich habe es für mich nur als Altrosa definiert. Nach meiner Wahrnehmung haben Altrosa und Grau-Blautöne beide Grau-Anteile.

Und genau deswegen halte ich es besser, wenn es um Farben geht, einfach die Werte anzugeben.
Denn wie Du sehen kannst, ist Dein Altrosa für mich eher Flieder,
und das sind nun wirklich zwei ganz unterschiedliche Farben.

Andy 123

Zitat von milupo

Solange wie du nur für dich selbst gestaltest wie eben die Oberfläche deines Firefox' ist das nicht weiter tragisch

Meinen Laptop benutze ich ausschließlich zum privaten Gebrauch.

Exkurs:
Ich habe festgestellt, weil Andreas in Beitrag 6 meine Farben getestet hatte, dass meine tatsächlichen Bildschirm-Farben mit seinem Test-Bild zu 100 %
übereinstimmen. Ich sage es, weil du die Sehschwäche erwähntes.

Du hast ein sehr sensibles Thema angesprochen - alle Wörter, die am Ende mit "Arzt*innen" assoziiert werden, lösen bei mir Unbehagen aus.

2002Andreas

Zitat von Andy 123

Ob meine userChrome.css fehlerhaft und/oder aktuell ist, weiß ich leider immer noch nicht.

Dieser Code kommt in die userContent.css, da er für Webseiten sein soll.

CSS

/* Scrollbar farbig about und Webseiten */

:root {

/* Farbe 1: Thumb - Farbe 2: Hintergund*/
    scrollbar-color: #CC6699 #666699 !important;
}

Der 2 ist dann für den Firefox gedacht.

Mira_Belle

Habe mir erlaubt, Deinen Code etwas aufzuräumen.

Da waren so ein paar Ungereimtheiten.

CSS

@-moz-document url("chrome://browser/content/browser.xhtml"),
url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,
#sidebar-search-label,#sidebar-search-container,#placesList > treechildren {
  -moz-appearance: none !important;
  background: linear-gradient(#BA78AB, #666699) !important; } 


#bookmarks-view,sidebarheader,#sidebar-box,
.sidebar-placesTreechildren,#sidebar-search-label,
#sidebar-search-container,#placesList > treechildren{
    -moz-appearance: none !important;
    font-size: 8px !important;
    font-family: Arial Black !important; 
}  



/* Eigene Anpassung - Open Shell - Farbcode Taskleiste umgekehrt #AB78BA, RGB: 186 120 171, Open Shell am 22.01.2023
( #BC8AAA > #DBA2CC > #D1ADC5 > #CF9FC0 2. Wahl) Hintergrundfarbe */
#navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar), .browserContainer > findbar, #browser-bottombox {
background-color:  #BA78AB !important; 

} 

.scrollbox-clip > scrollbox[orient="vertical"] {
    max-height: 600px !important;
    overflow: auto !important;
}



#toolbar-menubar {
  background: #8888C1 !important;
}

#TabsToolbar {
  background: #666699 !important;
}

menu.bookmark-item, .bookmark-item > .toolbarbutton-text,
.bookmark-item > .toolbarbutton-text {
font-size: 13px !important;
font-weight: bold !important;
font-family: Arial Black !important; }

treechildren::-moz-tree-cell-text {
font-size: 13px !important;
font-weight: bold !important;
font-family: Arial Black !important; }

.sidebar-placesTreechildren::-moz-tree-cell-text(container) {
font-size: 16px !important;
font-weight: bold !important;
font-family: Arial Black !important; 
}
                                                                                

#back-button > .toolbarbutton-icon {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACRklEQVR42mNkoBAwElKg6NkiXprqW/nk+dtFbdlO50gyQMGnz9PVTnt+ZKCpeHrxvIbbm0oaiTJA0jqXTUxBryPCRydfXU2a6T/Df4asnJ6Gl8cnEzZA0W+iuoaa7HIvWzlDTi52oAKIktLChoZ3V9bgN0AjcmGyhY7gRG0VQW5mFlYGZmYWBkZGiJJDe/YxMDCzMfxnYmf49+8/gygf+6dZTUn8YFkZpxoBMVmVmcZqnGHCglwM7BycDGxsHAwsrGxAQ5iBHmBg+PvnL8PvXz8Zfv74zvD9+zeGixeuMeyZX8XIKO/ZYSAlwbdeXoRBgZOLi4Gbh5eBi5uXgZOLh4GdHWgICzPYBb+BBoA0f/36meH7l88M927fZtgxF2iAjEudgYgAx3rW/18URMXEGUTFxBiEhIQZ+PgFGLi5ORnY2djABvz48Yvh0+evDG/fvmN4+uQpw7UrFxnu7p8C8aCIYQw/j7DMdF5u9khBITEGUXFJBmFhYaBBggz8vDzgcPj0+QvDu/cfGN68fcvw+uVzhuePrjPc2j2JESUQJa0y4uSVlCbLKWjwiQgJMYgICzEICwkwMLIwMezctJjh6/ffDD9+/mX49v0rgyAf26eDi5r4MaJRQMNHWUZNa6mptau5mJAoAy8PNwMjKzNDe1F4w5dHp4lLSBxiOiz8MmoNVp4hFQrSqswMbCwMs9tyGr7cO0qcATDAJWtur2rtvEjHwk1uy/Smho8395FmAAiwCqsLatg5N/37z7j96oap20g2gBAAANL/rRFdJw3QAAAAAElFTkSuQmCC") !important;
  background-repeat: no-repeat !important;
  transform: scale(1.8, 1.8) !important;
}
  
#forward-button > .toolbarbutton-icon {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACRElEQVR42qWSXUhTYRzGn21nerZktosCRZSMSLJvqhsxuohAo4u6s0gIyuhDKogQgs4Jg6SPi7LoIjK0yIrAclGBSUwq0KKsmHM41zadsfmxc87OtuP5ejtuV1GYwwfem/f9P7/nD+9jwiJl+tflmasvNlesWlF/re3N5ZHuc9GcAeU1zUz77ZNsx7OBaO9776FA9+nXOQGWbWtg2tsusrKqY9gX0R+7vt2IhYebJvquywsCOCv3Ma13WlhNJyCEIJWS8cod+OodidSNdp3w/QVovPSAj/KSY25YV2ehKxJ21uwCMd6IAdF13TgahvzTyY/fJ095Hh689wegtuEKWb+pEjRthzUvHxRlhclszgwQw6xpKlRFgaLMghMkfPIKTyNB/9GxHobLALbvZ8jaDeuwpMAB2mYDZc2HeQ5grKAZyZqqQEqnwXECJmNTCIUimEpSQYutcG8GsHLHcVJaXoHlRcVwFBYiPy8L0Ix0WVaQTEpIJAQkBB4CH4fAxaHCGtSpgiygrPoIKSpdg+KSMjidS2GjaVgsFugkC0hLEkRRzBgFfhozXKJTmBw/Fvt8n88Aquqa+LigOubSbXkWWCkztlbvgWqYJWkWYjIJISFiIuIXQoFA43jfrY55v9FevJE539rFyinJWD+NaSP1S/+7/jHf0IEZz/PR//bAVrKFab7rYiVOhMf/Q3O/fNLChX1s6teguqAiFZRXMWdvPmLfdneGB3tc9eLPD+6cqrx69+Fa2m6v8bp7L8gxTxzzyIRF6jeCrCBtCu4ugQAAAABJRU5ErkJggg==") !important;
  background-repeat: no-repeat !important;
  transform: scale(1.8, 1.8) !important;
}
  
#reload-button > .toolbarbutton-icon {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAG1BMVEUAAAAAAAD/AP+AAID///+AgIAAAIAA//8AAP/Pj3S0AAAAAXRSTlMAQObYZgAAAAFiS0dEBI9o2VEAAAAHdElNRQflCBwKDRFya1geAAAAAW9yTlQBz6J3mgAAAP5JREFUKM9t0bFuwyAQBuCzVJI1OKLyGtMHSEHdK8vZzXDZLbWIvarcNQvmsXtcEM6Qf7H+Twe2dQDPIykPtZE9RR4qtD3nVOf7Ej51hqavyYe0bTd4Jxj01rWmkeF+n5Q0aAzBC3eF6Fqt9amA/UASYwxd0vAZfQZwWlt7KNB/AoijZfii+nZBeuHRLlYxjBdkWNYMfhhn7vslpZ8Mo//m/pcKeD8T7FPOeoegAHahAHgfIz1g57P8AnQhhJn+oekKuBhTuknJPawEgU9zoicQr7Wn2zXQbW4DhVcCIesATvkTAbvSFZY9OJ6RCqcCAvMqEbGuTiDnYbtZJniafy6uYxaP6DVMAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTA4LTI4VDEwOjEzOjE3KzAwOjAwC4GrmgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wOC0yOFQxMDoxMzoxNyswMDowMHrcEyYAAAAASUVORK5CYII=") !important;
  background-repeat: no-repeat !important;
  transform: scale(1.8, 1.8) !important;
}


/* Scrollbar (Bildlaufleisten 2 Farben, #CC6699, #666699): innerhalb von Firefox */

:root{

  /* Farbe 1: Thumb (Daumen) - Farbe 2: Hintergrund*/
  scrollbar-color: (#CC6699, #666699) !important;

}


/* Lesezeichen - Ordnericon gelb */

      .bookmark-item[container="true"] {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important; }




/*
#TabsToolbar {
  background:  #BA78AB !important;
}
*/
.scrollbox-clip > scrollbox[orient="vertical"] {
    max-height: 600px !important;
    overflow: auto !important;
}

/*Schriftfarbe der Menüleiste*/
.menubar-text{
color: #fff !important;}

}


/* Lesezeichen verwalten - Ordnericon stehend gelb */
@-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
  treechildren::-moz-tree-image(container) {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
    !important; }
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"){
  treechildren::-moz-tree-image(container) {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
    !important; }
}

Alles anzeigen

Und wie 2002Andreas schon schreibt, muss

CSS

/* Scrollbar farbig about und Webseiten */
 :root {
 /* Farbe 1: Thumb - Farbe 2: Hintergund*/
    scrollbar-color: #CC6699 #666699 !important;
}

in die userContent.css !

milupo

Zitat von Andy 123

Ich sage es, weil du die Sehschwäche erwähntes.

Das war nicht ich, sondern .DeJaVu.

Andy 123

Zitat von 2002Andreas

Dieser Code kommt in die userContent.css, da er für Webseiten sein soll.

Hallo Andreas,

diese Codes müssten beide jeweils in userChrome.css und userContent.css vorhanden sein. Bei mir im Profilordner > Chrome ist es so.

In Firefox sieht es gut aus.

Was ich noch anfragen wollte ist: In deinem Beitrag #6 hast du mir ein Firefox-Test-Bild mit meinen Farbcodes gesendet, wie es mit den Farben aussieht. Nach meiner Wahrnehmung sieht es mit den tatsächlichen FF-Farben zu 100 % gleich aus. Könnte es theoretisch voneinander abweichen?

Grüße Andy

Zitat von milupo

Das war nicht ich, sondern .DeJaVu.

Oh, sorry, da habe ich wohl nicht aufgepasst.

Andy 123

Zitat von Mira_Belle

Habe mir erlaubt, Deinen Code etwas aufzuräumen.
Da waren so ein paar Ungereimtheiten.

Das finde ich ganz toll, danke dir.

2002Andreas

Zitat von Andy 123

diese Codes müssten beide jeweils in userChrome.css und userContent.css vorhanden sein.

Richtig.

Du hast ihn aber 2x in der userChrome.css stehen.

Zitat von Andy 123

Könnte es theoretisch voneinander abweichen?

Da es sich um deinen Code bzw. den von dir ausgesuchten Farben handelt, dürfte es keinen Unterschied geben.

Andy 123

Zitat von 2002Andreas

Du hast ihn aber 2x in der userChrome.css stehen.

Ach so.

Mira_Belle war so nett und teilte mir in Beitrag #30 mit, dass sie die Chrome für mich aufgeräumt hat. Jetzt ist der doppelte Eintrag nicht mehr da.

Grüße Andy

Mira_Belle

Zitat von Andy 123

Zitat von 2002Andreas

Du hast ihn aber 2x in der userChrome.css stehen.

Ach so.
Mira_Belle war so nett und teilte mir in Beitrag #30 mit, dass sie die Chrome für mich aufgeräumt hat. Jetzt ist der doppelte Eintrag nicht mehr da.
Grüße Andy

Ja und Du musst Dir eine "userContent.css" anlegen, falls Du die noch nicht hast, und

CSS

/* Scrollbar farbig about und Webseiten */
 :root {
 /* Farbe 1: Thumb - Farbe 2: Hintergund*/
    scrollbar-color: #CC6699 #666699 !important;
}

dort eintragen!

2002Andreas Muss in die "userContent.css" nicht auch so etwas wie @-moz-document url("XXXX") vor den Code?

Andy 123

Zitat von Mira_Belle

Ja und Du musst Dir eine "userContent.css" anlegen, falls Du die noch nicht hast, und

Das habe ich vergessen, dir zu sagen, die "userContent.css" hatte ich schon mit dem Code angelegt. Gut, dass du mich erinnerst.

Grüße Andy

grisu2099

Zitat von Mira_Belle

Muss in die "userContent.css" nicht auch so etwas wie @-moz-document url("XXXX") vor den Code?

Nein, da dieser spezielle Code ja ausdrücklich für alle Seiten gelten soll...

Mira_Belle

Zitat von grisu2099

Nein, da dieser spezielle Code ja ausdrücklich für alle Seiten gelten soll...

Ah, Danke.