scroll bar resizing in Thunderbird v 102.5.1
I'm running Thunderbird v 102.5.1 in Windows 11 pro. How can I make the scroll bar on the righthand side of the program wider? The current vertical scroll bar is nearly invisible and I would like it to be the same width as all other apps running in Windows. I have found nothing that relates to this current version that addresses the issue or offers a solution. Can this be adjusted in the config editor? If so where?
All Replies (6)
This can be done with css files:
scrollbar {
-moz-appearance: none !important;
background: orange !important;
width: 15px;
scrollbar-color: grey orange;
}
Help/More Troubleshooting, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code, change the colors as desired. Toggle toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB. Omit the background and scrollbar-color lines if desired.
To change the scrollbar for the Message Pane, add this code to a userContent.css file in the chrome directory.
:root {
scrollbar-color: grey orange;
scrollbar-width: 25px;
}
This does work thank you, but the next question is:
Can I use the number codes that Thunderbird uses (saw them on a web page (https://style.thunderbird.net/visuals/color.html) that breaks down how they use the number assignment to achieve colors). Can I get a wider range of color choices in the script that is used in the userChrome.css file that I created. How or where would the color numbers be written into this file? placement?
Yes, you can use the common color names or hexadecimal codes such as #d6eaf8.
Thank you.
I'm sure that sfhowes is absolutely correct but I have no idea what he's talking about!! Sorry!! Is there any advice he can give to 'typists' to broaden those side bars? I'd be sooo grateful. Thanks
I can't offer anything more than the directions posted above, which apply to a Windows setup. If you're on a Mac, you might have to alter things a bit to make sure the css file is a Cascading Style Sheet file type.
There is also an online site: https://www.userchrome.org/download-userchrome-css.html
Just paste the code and click the button for userChrome.css or userContent.css (see picture).
