Home / ubuntu / Questions / 1210859
In Process
Sadi
Asked: 2020-02-17 01:54:18 +0800 CST

How to make Firefox look more like the current GTK theme?

  • 772

AFAIK this has always been an issue with Mozilla Firefox and Thunderbird. They always have a number of elements that don't align with the current theme, which can be fixed by the user creating and/or modifying ".../<profile_dir>/chrome/userChrome.css".

For instance, I add the following block (changing color values according to the GTK current theme) in order to make Thunderbir sidebar look like other sidebars:

#folderTree > treechildren::-moz-tree-row(even) {
    border: 1px solid transparent !important;
    background-color: #eff0f1 !important;
}

#folderTree > treechildren::-moz-tree-row(odd) {
    border: 1px solid transparent !important;
    background-color: #eff0f1 !important;
}

#folderTree > treechildren::-moz-tree-row(selected) {
    border: 1px solid transparent !important;
    background-color: #3daee9 !important;
    color: #ffffff !important;
}

#folderTree > treechildren::-moz-tree-row(hover) {
border: 1px solid transparent !important;
background-color: #3daee9 !important;
}

#folderTree > treechildren::-moz-tree-line {
visibility: visible !important;
}

However, I need a little help in changing hover background color in menus and toolbars (both Firefox and Thunderbird) as can be seen in the screenshot below.

enter image description here

The light grey hover background color seen in the built-in menu of Firefox (and also the menu button, which is the same as other toolbar and bookmark bar buttons) should actully be light blue (like the border color of address bar).

How can I implement this?

themes thunderbird firefox

1 Answers

  1. In my case, Firefox ESR 78 ignores system GTK3 theme set in ~/.config/gtk-3.0/gtk.css as well as returned by:

    gsettings get org.gnome.desktop.interface gtk-theme

    This is most noticeable by a vertical scrollbar on a long page having the default GTK3 Adwauta theme look. Other GTK3 app use the proper theme and doesn't have this issue.

    The fix is to launch Firefox with the following command line:

    GTK_THEME=My firefox-esr`

    Or to make it permanent, you could add the following lime to your ~/.profile:

    export GTK_THEME=<Your theme name like Adwaita:dark>
    • 2