Tabs farbig hervorheben bei nightly UX australis

Zitronella

ahh ok, da wäre ich trotzdem nie drauf gekommen.
Der Vollständigkeit halber noch mal meinen gesamten Code

CSS

/* Tableiste grau/schwarz */
[tabsintitlebar]:root:not(:-moz-lwtheme) {
    background-color: black!important}


/* Weiße Schrift in allen Tabs, hellrot/kursiv in ungelesenen Tabs und lila/kursiv im privaten ungelesenen Tabs */


#main-window .tabbrowser-tab[unread], .tabbrowser-tab[titlechanged] {font-style: italic; color:#db0101!important;}.tabbrowser-tab{color:#fff!important}
#main-window[privatebrowsingmode] .tabbrowser-tab[unread],#main-window[privatebrowsingmode] .tabbrowser-tab[titlechanged] {font-style: italic; color:#911be1!important;}.tabbrowser-tab{color:#fff!important}

/* aktiven Tab einfärben */
.tab-background[selected="true"]{
background-color:transparent!important}
#main-window .tabbrowser-tab[selected="true"]{
box-shadow: inset 0px 0px 40px 0px  #b60202 !important;}


/* aktiven Tab einfärben im privaten Modus */
.tab-background[selected="true"]{
background-color:transparent!important}
#main-window[privatebrowsingmode] .tabbrowser-tab[selected="true"]{
box-shadow: inset 0px 0px 40px 0px  #610DAB !important;}


/*rote Linie über Tab wenn ausgewählt und gehovert wird, lila beim privaten Tab*/
.tab-line[selected=true] {
  background-color: #b60202!important;}
.tab-line:not([selected=true]) {
  background-color: #b60202!important;}


#main-window[privatebrowsingmode] .tab-line[selected=true] {
  background-color: #610DAB!important;}
#main-window[privatebrowsingmode] .tab-line:not([selected=true]) {
  background-color: #610DAB!important;}


/* Suchenbar oben links*/
findbar {-moz-box-ordinal-group: 0}

Alles anzeigen

und jetzt freu ich mich auf Firefox 57 [Blockierte Grafik: https://i.imgur.com/8Dagi93.gif]
und falls dir Andreas oder jemanden anderen noch Fehler auffallen, bitte melden. Danke nochmals.

2002Andreas

Kein Fehler, aber besser wäre es oben in den Code das einzufügen:

Code

@-moz-document url-prefix(chrome://browser/content/browser.xul){

dann aber dran denken unten eine 2te } zu setzen:

Kompl. Code wäre dann:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xul){


/* Tableiste grau/schwarz */
[tabsintitlebar]:root:not(:-moz-lwtheme) {
    background-color: black!important}


/* Weiße Schrift in allen Tabs, hellrot/kursiv in ungelesenen Tabs und lila/kursiv im privaten ungelesenen Tabs */


#main-window .tabbrowser-tab[unread], .tabbrowser-tab[titlechanged] {font-style: italic; color:#db0101!important;}.tabbrowser-tab{color:#fff!important}
#main-window[privatebrowsingmode] .tabbrowser-tab[unread],#main-window[privatebrowsingmode] .tabbrowser-tab[titlechanged] {font-style: italic; color:#911be1!important;}.tabbrowser-tab{color:#fff!important}

/* aktiven Tab einfärben */
.tab-background[selected="true"]{
background-color:transparent!important}
#main-window .tabbrowser-tab[selected="true"]{
box-shadow: inset 0px 0px 40px 0px  #b60202 !important;}


/* aktiven Tab einfärben im privaten Modus */
.tab-background[selected="true"]{
background-color:transparent!important}
#main-window[privatebrowsingmode] .tabbrowser-tab[selected="true"]{
box-shadow: inset 0px 0px 40px 0px  #610DAB !important;}


/*rote Linie über Tab wenn ausgewählt und gehovert wird, lila beim privaten Tab*/
.tab-line[selected=true] {
  background-color: #b60202!important;}
.tab-line:not([selected=true]) {
  background-color: #b60202!important;}


#main-window[privatebrowsingmode] .tab-line[selected=true] {
  background-color: #610DAB!important;}
#main-window[privatebrowsingmode] .tab-line:not([selected=true]) {
  background-color: #610DAB!important;}


/* Suchenbar oben links*/
findbar {-moz-box-ordinal-group: 0}
}

Alles anzeigen

Dieser Zusatz besagt das sich alles (Codes) nur auf den Browser bezieht.

Zitronella

ah danke, ich wunderte mich schon warum das oft dazu gepostet wird, wenns auch ohne geht
aber mal ne doofe Frage: auf was soll es sich denn sonst beziehen wenn nicht auf den Browser? :-??

Road-Runner

Gegebenenfalls auf den Inhalt der Webseite.

siehe https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=121997

2002Andreas

Nur ein einfaches Beispiel mal:

*{
color:red}

Damit wäre der Text auf Webseiten, im Firefox und in Erweiterungen rot.

Mit dem Zusatz wäre aber nur der Text im Browser rot.
Sollte also eine der/deiner Bezeichnungen aus dem Code auch noch an anderer Stelle durch Zufall sein, wäre auch da der Text rot.

Zitronella

hm, es wird fast alles im Browser rot, aber weder die Texte in den Erweiterungen noch die Webseitentexte werden rot, ich sehe keinen Unterschied, egal ob ich

Code

*{
color:red}

schreibe oder

Code

@-moz-document url-prefix(chrome://browser/content/browser.xul){
*{
color:red}
}

vielleicht hat sich diesbezüglich ja was geändert? :-??

2002Andreas

Zitat von Zitronella

vielleicht hat sich diesbezüglich ja was geändert?

Das liegt daran, dass jetzt userChrome.css und userContent.css getrennt sind.
Je nachdem wo der Code also eingetragen ist ändert sich die Textfarbe.

Zu Zeiten von Stylish war das ganz wichtig mit dem Zusatz.

2002Andreas

Fx 58 und den Code in der userContent.css bewirkt das auch innerhalb einer Erweiterung und auf Webseiten der Text rot ist.

[attachment=0]Screenshot (353).png[/attachment]

Zitronella

hm, bei mir nicht
(bitte auf die schwarze Grafik klicken)

2002Andreas

In welche Datei hast du den Code eingefügt?
Ich vermute mal userChrome.css.

Zitronella

ja, in userChrome.css

2002Andreas

Zitat von 2002Andreas

Fx 58 und den Code in der userContent.css

2002Andreas

Es wird in Zukunft nicht mehr ganz so wichtig sein mit diesem Zusatz, denn Einträge in der userChrome.css sind ausschließlich für den Firefox.

Zitronella

ach herjee, da es die ganze Zeit über um die userChrome.css ging, hab ich das übersehen, sorry. Und im Link von RoadRunner gings auch um die userChrome.css. Da userChrome.css und userContent.css jetzt getrennt sind, könnte man die Zeile also wirklich weg lassen ohne irgendwelche Auswirkungen, wenn ich das jetzt richtig verstehe.

2002Andreas

Zitat von Zitronella

könnte man die Zeile also wirklich weg lassen ohne irgendwelche Auswirkungen, wenn ich das jetzt richtig verstehe.

Ab Fx 57 kannst du sie weglassen.
Alle anderen die evtl. Stylish noch nutzen unter einer ESR Version und auch noch bei Fx 56 sollten sie zur Sicherheit einfügen.

Zitronella

ok, danke.