Firefox 133, titlebar-color ???

darksaga

Hallo,

habe in den letzten 2-3 Jahren folgendes userChrome.css genutzt:

CSS

.titlebar-color {
/* color: -moz-accent-color-foreground; */
  color: white;
  background-color: rgb(23, 17, 47);
}

.tab-background {
  border-radius: 0px 0px !important;
  margin-bottom: 0px !important;
}

.tabbrowser-tab:not([selected="true"]):not([multiselected="true"]) .tab-background {
  background-color: color-mix(in srgb, currentColor 5%, transparent);
}

menupopup > menu, menupopup > menuitem {
  padding-block: 2px !important;
}

:root {
  --arrowpanel-menuitem-padding: 2px !important;
}

.toolbar-items, .tabbrowser-tab {
  max-height: 37px;
}

Alles anzeigen

Seit Version 133 ist funktioniert die Zuweisung der Farbe an die Titlebar mittels titlebar-color nicht mehr. Gibt es da für Versionen 133+ schon eine Lösung, wie man die Titlebar nach seinen wünschen wieder 'einfärben' kann?

Grüße,

Pablo

2002Andreas

Zitat von darksaga

für Versionen 133+ schon eine Lösung

Hallo und willkommen hier im Forum. 😊

Meinst du das so?

Wenn ja, dann teste bitte:

CSS

#navigator-toolbox {
/* color: -moz-accent-color-foreground; */
  color: white!important;
  background-color: rgb(23, 17, 47) !important;
}

darksaga

Zitat von 2002Andreas

Meinst du das so?

Ja, genau. Sieht der Browser wieder so aus, wie man es gewohnt ist...

Vielen Dank für die schnelle Lösung und Hilfe!

Gruß,

Pablo

2002Andreas

Zitat von darksaga

Vielen Dank für die schnelle Lösung und Hilfe!

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

Zitronella

nur interessehalber, da ich heute ein ähliches Problem hatte und gerne den Unterschied wüsste, denn beides sieht im Ergebnis gleich aus:

Andreas Code ist ja

CSS

#navigator-toolbox {
  color: white!important;
  background-color: rgb(23, 17, 47) !important;
}

ich habe diesen Code gefunden

CSS

 .browser-titlebar {
  color: white!important;
  background-color: rgb(23, 17, 47) !important;
}

Welcher ist besser? Falls man das überhaupt so sagen kann.

Sören Hentzschel

Durch kurzes Ausprobieren auf macOS: .browser-titlebar hat den Vorteil, dass die Farbe blasser dargestellt wird, wenn das Fenster inaktiv ist (60 Prozent Deckkraft). Wird der Hintergrund für #navigator-toolbox gesetzt, entfällt dieser Unterschied.

Zitronella

Danke. es kommt wohl auch darauf an welche Leisten man eingeblendet hat.

Bei #navigator-toolbox und nicht fokussiert:
nur Titelleiste eingeblendet ➜ Buttons - [] x rechts oben blasser
nur Menüleiste eingeblendet ➜ Buttons - [] x rechts oben blasser und Schrift blasser und der Tab-Hintergrund bekommt starken Schleier
Titelleiste+Menüleiste eingeblendet ➜ Buttons - [] x rechts oben werden blasser
keine Leiste eingeblendet ➜ Buttons - [] x rechts oben blasser und Schrift blasser und der Tab-Hintergrund bekommt starken Schleier

Bei .browser-titlebar und nicht fokussiert
nur Titelleiste eingeblendet ➜ Buttons - [] x rechts oben blasser
nur Menüleiste eingeblendet ➜ Buttons - [] x rechts oben blasser und Schrift blasser und der Tab-Hintergrund bekommt minimalen Schleier
Titelleiste+Menüleiste eingeblendet ➜ Buttons - [] x rechts oben werden blasser
keine Leiste eingeblendet ➜ Buttons - [] x rechts oben blasser und Schrift blasser und der Tab-Hintergrund bekommt minimalen Schleier

darksaga 27. November 2024 um 18:06