1877422 - Firefox 122 system theme missing borders (Linux/X11)

Status: RESOLVED WONTFIX

(Firefox :: Theme, defect)

Description

[int-e]

Attachment: Side by side comparison; left: Firefox 121; right: Firefox 122.

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:121.0) Gecko/20100101 Firefox/121.0

Steps to reproduce:

I'm using FF with the system theme. In Firefox 121, the URL bar and search bar had a white background and a contrast enhancing outline. There was also a line separating the tabs and toolbox bars.

After updating to Firefox 122, the background of various UI elements including the URL bar became grey (probably the GTK default grey?), and the URL and search bar outlines are gone. I didn't see any theme related changes mentioned in the release notes...

This is on a Debian system but I have checked that this also happens with the official 64 bit Linux build using a fresh profile, and it's still the same with the 124.0a1 nightly release.

What may be unusual about my installation is that there is no themed window manager, so all "system defaults" will be built into GTK+.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Firefox::Theme' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Dão Gottwald [:dao]]

This was an intentional change from bug 1869299, bringing Linux (with popular Gtk themes) more in line with Windows and macOS. We're looking into ways to improve the contrast between different UI elements across platforms.

Comment 3

[int-e]

FWIW, I'm working around this using userChrome.css:

#TabsToolbar-customization-target {
    border-bottom: 1px solid #acabaa !important;
}

.sidebar-splitter {
    border-color: var(--chrome-content-separator-color) !important;
}

:root {
    --toolbar-field-border-color: #cdc7c2 !important;
    --sidebar-border-color: #cdc7c2 !important;
    --chrome-content-separator-color: #cdc7c2 !important;
    --toolbar-field-background-color: white !important;
    --sidebar-background-color: white !important;
}