How to adjust the vertical Scroll bar widths in Firefox and Thunderbird-Ubuntu 20.04.2 LTS
Is there a relatively straight forward way to make the width of the scroll bars wider in firefox and thunderbird?
Their default size can prove challenging to see and operate for older users and I would like to be able to modify the width if possible.
I have found some info on the web, but nothing I have tried seems to work. Would be good to understand the best way to achieve this for my father's system:
OS Ubuntu: 20.04.2 LTS Thunderbird:78.8.1 Firefox: 88.01
Chosen solution
This can be done with css files:
Add this to userChrome.css for the Threads and Folder Panes:
scrollbar {
-moz-appearance: none !important;
background: orange !important;
width: 15px;
scrollbar-color: grey orange;
}
Add this to userContent.css for the Message Pane and Write windows:
:root {
scrollbar-color: grey orange;
scrollbar-width: 25px;
}
Help/Troubleshooting, Profile Folder, Open Directory, 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 numbers and colors as desired. Repeat with userContent.css. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Edit/Preferences/General/Config. editor, restart TB.
https://support.mozilla.org/en-US/questions/1251403
The same method should work in Firefox (userContent.css only).
Read this answer in context 👍 1All Replies (2)
Chosen Solution
This can be done with css files:
Add this to userChrome.css for the Threads and Folder Panes:
scrollbar {
-moz-appearance: none !important;
background: orange !important;
width: 15px;
scrollbar-color: grey orange;
}
Add this to userContent.css for the Message Pane and Write windows:
:root {
scrollbar-color: grey orange;
scrollbar-width: 25px;
}
Help/Troubleshooting, Profile Folder, Open Directory, 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 numbers and colors as desired. Repeat with userContent.css. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Edit/Preferences/General/Config. editor, restart TB.
https://support.mozilla.org/en-US/questions/1251403
The same method should work in Firefox (userContent.css only).
Many thanks. Works a treat!