Clearlooks Phenix doesn't have much influence on Firefox

[ralphldcm]

I recently installed Xubuntu 25.04 and Clearlooks Phenix. While most programs such as Thunar complied well with Phenix, showing a blue title bar and slider, having stepper arrows (buttons), having a wide slider and slider trough, having a wider "grab" border (for window resizing--I would like it wider still), etc., Firefox's only Phenix feature was a blue title bar. I had heard that "snap" Firefox was a theme problem, so I installed the non snap Firefox, but it didn't help much. It would really be nice for Phenix to be a complete theme for Firefox including all Phenix's nice features.

I then tried customizing Firefox to give it some lacking Phenix features, but was only mildly successful. I manage to get a wider scrollbar using "about:config", but that was about it. I set the about:config option to show arrow "button", but it didn't work. Also, I tried to set up a css file to specify the slider and trough color, but I don't think Firefox even looked at the css file.

Anything you could do to help me wrestle with Firefox would be appreciated...................

[ralphldcm]

Here is a css file from ajgreeny that fixed most of my firefox scrollbar problems on xubuntu. It must be placed in ~/.config/gtk-3.0 and named gtk.css I changed the scrollbar color from green to blue to match my theme (Clearlooks-Phenix). Blue color code is #4A90D9. It worked on both the snap and non-snap versions of firefox.

File created to enable steppers on scrollbars of gtk3 applications.

/* Scrollbar width fixes */
scrollbar.vertical slider,
scrollbar.slider.vertical
{
min-width: 1em;
}
scrollbar.horizontal slider,
scrollbar.slider.horizontal
{
min-height: 1em;
}

/* Steppers */

• {
  -GtkScrollbar-has-backward-stepper: 1;
  -GtkScrollbar-has-forward-stepper: 1;
  }

scrollbar button {
min-width: 1em;
min-height: 1em;
}

scrollbar.vertical button.down {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

scrollbar.vertical button.up {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}

scrollbar.horizontal button.down {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}

scrollbar.horizontal button.up {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
}

/* Set thickness of scrollbars */
.scrollbar.vertical slider,
scrollbar.vertical slider {
min-width: 12px;
background-color: #34a853;
}

.scrollbar.horizontal.slider,
scrollbar.horizontal slider {
min-height: 12px;
background-color: #34a853;
}

.scrollbar.vertical.slider:hover,
scrollbar.vertical:hover slider {
min-width: 12px;
}

.scrollbar.horizontal.slider:hover,
scrollbar.horizontal:hover slider {
min-height: 12px;
}

/* Include scrollbar steppers */
.scrollbar,
scrollbar {
-GtkScrollbar-has-backward-stepper: 1;
-GtkScrollbar-has-forward-stepper: 1;
}

scrollbar button {
min-width: 20px;
min-height: 20px;
}

.xfce4-panel {
-XfcePanelWindow-popup-delay: 0;
-XfcePanelWindow-popdown-delay: 0;
}

[jpfleury]

Thanks a lot. I'll try to get to it soon.

[keithbowes]

Few things do. I long wondered why Firefox scrollbars look like Adwaita regardless of which GTK theme you use. I recently found out that you have to change the widget.non-native-theme.gtk.scrollbar.* settings. Firefox also causes serious problems if you use a light GTK theme with a dark Firefox theme, unless you lock browser.theme.toolbar-theme to 2 (0 = dark, 1 = light, 2 = system; by default, Firefox changes 2 to 0 or 1 at startup, depending on your Firefox theme) in your policies.json for example; supposedly, it's part of an effort to make Firefox work better for users that use dark themes but those of us who use light GTK themes with a not-so-dark Firefox theme, it makes some parts of the browser unusable if the setting isn't locked.