Wrong title bar color on Firefox 133

[Dwedit]

Describe the bug

Title Bar is the wrong color on Firefox 133, now forced at gray (and impossible to distinguish an active window from an inactive window)

Expected behavior

No response

Screenshots

No response

OS

Windows 10

OS - Others

No response

Firefox Version

133.0

Distribution

• Original Lepton
• Lepton's photon style
• Lepton's proton style

Theme

• Light
• Dark
• Alpenglow (System: Light)
• Alpenglow (System: Dark)
• System Default
• Others: (e.g. Photon Colors, Google Chrome Dark, Fairytale Of Nature)

Theme - More Info

No response

user.js setup

_

Additional context

No response

[TriggerHappyBro]

I use photon style and have the same issue, also on Win10 and I made sure I was using v8.6.4.

[fredgolightly]

Is this what you're seeing now, a grey bar/space between the tabs and the rest of the ui below? Similar issue on EdgeFox too

[Phlogistol]

Replacing all instances of '.titlebar-color' with '.browser-titlebar' in leptonChrome.css restores the color, but I'm not proficient enough with Firefox CSS to figure out how to keep the tab bottom grey.

[fredgolightly]

Replacing all instances of '.titlebar-color' with '.browser-titlebar' in leptonChrome.css restores the color, but I'm not proficient enough with Firefox CSS to figure out how to keep the tab bottom grey.
It's like extra padding on the new 133 ff as this affects other themes I've just tried

[Phlogistol]

Okay, after some experimenting, I added these to userChrome.css:

.browser-titlebar {color: AccentColorText; background-color: AccentColor;}
#main-window:-moz-window-inactive .browser-titlebar {color: #5a5a5a; background-color:#F1F1F1;}
:root { --tabstrip-min-height: 26px !important; }

This is on Windows and it somewhat works. Hope it can be used to fix the main code.
Active window:

Inactive window:

[Tech-How]

I just updated to the latest release and using the system color scheme on Windows, I still have a grey title bar where it should be following my system scheme. Is a fix for this in the works?

[hiyokosan]

Replacing all [.titlebar-color] with [.browser-titlebar] solves this problem.

[Mike500]

Replacing all [.titlebar-color] with [.browser-titlebar] solves this problem.

That worked until today, with the new Firefox 134.0, sadly. It's all grey again, window active or not.

[Phlogistol]

It works if you add !important to the CSS elements. The following works for me on Firefox 134 on Windows 11 24H2.

.browser-titlebar { color: AccentColorText !important; background-color: AccentColor !important; }
#main-window:-moz-window-inactive .browser-titlebar { color: #5a5a5a !important; background-color:#F1F1F1 !important; }
:root { --tabstrip-min-height: 26px !important; }

[verbosemute]

Can confirm adding !important to the CSS elements. Works fine on Firefox 134 on Windows 10 22H2.

.browser-titlebar { color: AccentColorText !important; background-color: AccentColor !important; }