You are not logged in.
Pages: 1
Unless something goes very wrong, the next stable release version of Firefox, version 45, will use gtk3 as the default if the user has a compatible gtk3 version on the system.
I'm wondering if people will be interested in sharing their experiences of the gtk3 version and how they fix or try to fix any theming or usability issues arising specifically from the switch to gtk3. I have very little experience with gtk3 apps till now.
Just a little background of how I've set up my Firefox. I use Classic Theme Restorer to get back the freedom "taken away" by Australis. My only other extensions are uBlock Origin and Stylish. I have separate style sheets for "content" and "chrome". I don't like bright colors and so my styles have very few colors brighter than say #777777.
When I read that Firefox was going down the gtk3 road, I got a bit nervous. But, to confront my fears, I've started using Firefox 45, the beta version.
The first thing that hit me was the way clicking in the scrollbars seemed different. Clicking above or below the slider (or thumb) no longer paged up or down but scrolled "proportionately". By that I mean that you're viewing the top of a really long page, and you single-click on the scrollbar near the bottom, you'll be taken to close to the end of the page.
For now, a fix is available to get back gtk2-type scrolling. Add gtk-primary-button-warps-slider=false to ~/.config/gtk-3.0/settings.ini.
My next issue, unresolved, is the appearance of check boxes. I decided to use the Numix theme which is part of the "shimmer-themes" package in Ubuntu's repository for gtk3 apps. I chose Numix because it uses CSS instead of png files. So the gtk3 folder for Numix doesn't have an "assets" subfolder with a bunch of png files. Instead it has a single 27.3 KiB gtk-3.0/gtk-widgets-assets.css file which I hope will be easier to modify as opposed to editing png files.
I modified gtk.css to darken things but now the check boxes are not pretty. I think that fixing them will involve editing gtk-3.0/gtk-widgets-assets.css.
The problem is that my theoretical knowledge of CSS is pretty limited and the code in gtk-3.0/gtk-widgets-assets.css is way over my head. Still, I plan to mess around and see if I can get things the way I want.
Using the Openbox (3.5.2) session of Lubuntu 14.04 LTS but very interested in BL :)
Offline
I'm using 44 and I thought that had already gone over to GTK3
Pro tip: use a tiling window manager with no decorations and the Arc theme.
It looks lovely:
https://cdn.scrot.moe/images/2016/02/02/2016-02-02-071656_1920x1080_scrot.th.png
I checked the AMO link. It pointed to a github page for the Arc GTK theme but a requirement is that I should have GTK 3.14, 3.16 or 3.18. The author specifically states that *buntu 14.04 isn't supported and I prefer to stay with 14.04.
AFAICT, Fx 44 wasn't GTK3:
Bug 1227024 - Disable GTK3 in Firefox 43 Beta & 44
https://bugzilla.mozilla.org/show_bug.cgi?id=1227024
Using the Openbox (3.5.2) session of Lubuntu 14.04 LTS but very interested in BL :)
Offline
Offline
I'm using 46.0a2. Gotta admit, though... I love it as is. Helluva browser (among other things).
Offline
OK, apologies for the misinformation.
I should have mentioned my version first! Here it is:
03:45 PM ~ $ dpkg -l libgtk2.0-0 libgtk-3-0 | grep ^ii
ii libgtk-3-0:amd64 3.10.8-0ubuntu1.6 amd64 GTK+ graphical user interface library
ii libgtk2.0-0:amd64 2.24.23-0ubuntu1.3 amd64 GTK+ graphical user interface library
03:45 PM ~ $
Using the Openbox (3.5.2) session of Lubuntu 14.04 LTS but very interested in BL :)
Offline
Well, I think I'm getting somewhere with simplicity as the end-point.
I started with
.check:active,
.check row:selected:active,
.check row:selected:focus:active {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
linear-gradient(45deg, transparent, transparent 30%, @theme_selected_bg_color 30%, @theme_selected_bg_color 70%, transparent 70%, transparent),
linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_bg_color 37%, @theme_selected_bg_color 62%, transparent 62%, transparent),
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
background-repeat: no-repeat;
}
and trimmed it:
.check:active,
.check row:selected:active,
.check row:selected:focus:active {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@myteal), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@myteal), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@myteal), to(transparent)),
linear-gradient(45deg, transparent, transparent 30%, @myteal 30%, @myteal 70%, transparent 70%, transparent),
linear-gradient(-45deg, transparent, transparent 37%, @myteal 37%, @myteal 62%, transparent 62%, transparent);
background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
background-repeat: no-repeat;
}
"myteal" is a color I defined in gtk.css = #008080.
Edit: https://developer.gnome.org/gtk3/stable … vider.html has a nice section on gradients and reading that will help clean things up
Last edited by vasa1 (2016-02-02 13:57:47)
Using the Openbox (3.5.2) session of Lubuntu 14.04 LTS but very interested in BL :)
Offline
Pages: 1