userchrome.org has a bunch of content about how to make this change.
userChrome.css
file.toolkit.legacyUserProfileCustomizations.stylesheets
configuration to true.userChrome.css
file. For example, increasing the size of the URL bar’s font.#urlbar {font-size: 20pt !important}
You can follow the instructions in the firefox documentation for accessing the Browser Toolbox. This gives you a debug interface similar to the standard developer tools for webpages but for the entire Firefox browser window.
You can look through the XML here to determine what elements are modifiable in the userChrome.css
file.
Carl Allendorph is an electrical engineer in San Diego, CA.
2023-06-23