MozillaZine


Forefox 92.0.1 Not using theme scrollbar sliders.[Linux.]

User Help for Mozilla Firefox
Beach71
 
Posts: 10
Joined: September 24th, 2021, 5:34 pm

Post Posted September 25th, 2021, 7:28 am

I am using OpenSuse 15.3, fully updated, with Firefox 78.13.2 ESR 64bit from the repository. Theme scrollbars and sliders are honored.

I also have 92.0.1 installed locally, using a separate profile. Menubars, tabs and fonts all honor the system theme, scrollbars and sliders do not. I have the apparently standard thin trough and light/dark grey slider.

How can I force 92.0.1 to honor the theme scrollbar/sliders?

Any and all help appreciated.
Last edited by LIMPET235 on September 25th, 2021, 7:35 am, edited 1 time in total.
Reason: Added [Linux.] to the title.

Grumpus

User avatar
 
Posts: 12860
Joined: October 19th, 2007, 4:23 am
Location: ... Da' Swamp

Post Posted September 25th, 2021, 8:18 am

There are a number of theme items in about:config.
The ones with non-native in the text may relate to the issue.
Changing one or several may affect the scroll bar display.
Non-native is not explicit, is it Firefox or system.
You can toggle true or false and see what happens, make sure you keep track of any changes.
It can all be returned to default or what they were before starting.
Doesn't matter what you say, it's wrong for a toaster to walk around the house and talk to you

Beach71
 
Posts: 10
Joined: September 24th, 2021, 5:34 pm

Post Posted September 25th, 2021, 9:18 am

widget.non-native-theme.enabled: changed to false ... the scrollbars/sliders in about:config, settings, addon & themes, print, page source are honored, but scrollbars/sliders for web pages are not.
And the bookmarks tool bar doesn't honor the theme, while the file toolbar does.

And I found the one to put the arrows back on the ends of the scrollbars.

Grumpus

User avatar
 
Posts: 12860
Joined: October 19th, 2007, 4:23 am
Location: ... Da' Swamp

Post Posted September 27th, 2021, 12:14 pm

Just make sure you take notes of any changes.
It helps to post any solution the solution and put solution in the title of the thread. ;)
Doesn't matter what you say, it's wrong for a toaster to walk around the house and talk to you

Beach71
 
Posts: 10
Joined: September 24th, 2021, 5:34 pm

Post Posted September 27th, 2021, 1:56 pm

I have only a partial solution, which I posted above.

Firefox is still not honoring the system's scrollbars/sliders.

Grumpus

User avatar
 
Posts: 12860
Joined: October 19th, 2007, 4:23 am
Location: ... Da' Swamp

Post Posted September 28th, 2021, 5:40 am

See if changing this helps as it is theme related.
browser.display.use_system_colors - set to opposite of current setting
Sometimes themes do not cover all the bases, theme folks might be a help.
Doesn't matter what you say, it's wrong for a toaster to walk around the house and talk to you

Beach71
 
Posts: 10
Joined: September 24th, 2021, 5:34 pm

Post Posted September 28th, 2021, 10:11 am

Changing browser.display.use_system_colors does not help.

It seems only web browsers don't properly honor the theme scrollbars/sliders.

morat
 
Posts: 4845
Joined: February 3rd, 2009, 6:29 pm

Post Posted September 28th, 2021, 11:36 am

You can use the userContent.css file to style the scrollbar.

userContent.css
http://kb.mozillazine.org/UserContent.css

CSS scrollbar properties
http://developer.mozilla.org/docs/Web/CSS/scrollbar-color
http://developer.mozilla.org/docs/Web/CSS/scrollbar-width

Code: Select all
:root {
  scrollbar-color: yellow blue !important;
  scrollbar-width: thin !important;
}

More info: viewtopic.php?f=38&t=3079797

Remember to set the toolkit.legacyUserProfileCustomizations.stylesheets preference to true, then restart.

Beach71
 
Posts: 10
Joined: September 24th, 2021, 5:34 pm

Post Posted September 29th, 2021, 5:40 am

morat:

The above did not work. I installed Custom Scrollbars extension, which at least allows me to change the scrollbar/slider colors.

Still looking to a way to use an image for the slider, and a way to get the bookmark toolbar menus/folders tp honor the theme.

morat
 
Posts: 4845
Joined: February 3rd, 2009, 6:29 pm

Post Posted September 29th, 2021, 7:19 am

The addon uses * instead of :root in the generated css.

Code: Select all
* {
  scrollbar-color: yellow blue !important;
  scrollbar-width: thin !important;
}

Custom Scrollbars
http://addons.mozilla.org/firefox/addon/2620007
http://github.com/WesleyBranton/Custom-Scrollbar/blob/main/src/generateCSS.js

Beach71
 
Posts: 10
Joined: September 24th, 2021, 5:34 pm

Post Posted September 29th, 2021, 11:25 am

Still no joy :-)

Edit... I renamed the file to userContent... small case "u"... now works.
Now ... ya think here's any way to use an image for the slider?

Edit: The above code does work... throughout Firefox, but it also overrides the internal pages that were honoring the theme.

morat
 
Posts: 4845
Joined: February 3rd, 2009, 6:29 pm

Post Posted September 29th, 2021, 2:57 pm

I can set the slider image using a userChrome.js hack, but that's too much trouble for most users. (see above "More info" link)

Code: Select all
/* AGENT_SHEET */

scrollbar {
  width: 35px !important;
}
scrollbar thumb {
  -moz-appearance: none !important;
  background-image: url("https://www.w3schools.com/cssref/paper.gif") !important;
}

morat
 
Posts: 4845
Joined: February 3rd, 2009, 6:29 pm

Post Posted September 29th, 2021, 4:41 pm

Beach71 wrote:overrides the internal pages

You could restrict the style rules using the url-prefix trick.

Code: Select all
@-moz-document url-prefix("about:") {...}
@-moz-document url-prefix("chrome:") {...}
@-moz-document url-prefix("http:"), url-prefix("https:") {...}

Beach71
 
Posts: 10
Joined: September 24th, 2021, 5:34 pm

Post Posted October 11th, 2021, 10:07 am

userChrome.js didn't work and don't understand the url-prefix trick.

Thanks

Return to Firefox Support


Who is online

Users browsing this forum: No registered users and 5 guests