Custom CSS to make text/font for toolbar, context menu, popup menu, etc bigger.
Hello, I am make am trying to make a custom style sheet/css for my Dad to use on Firefox because he has poor eyesight and has trouble reading stuff on the computer. I have no idea what I am doing, this is my first time coding CSS, and I literally just started using Firefox 13 hours ago specifically for this reason.
I am using FF 153, Windows 11, "Light" theme, CSS link: https://pastebin.com/bE1e2Ni9
I am basically trying to increase the size of all the text (that I think my dad will see on a daily basis) that isn't already changeable in the normal Firefox settings menu.
So far, everything works (except the last line).
I need help getting the tab overflow, toolbar overflow, account, and extensions popup menus work. I am unable to find/figure out what CSS identifiers I need to use to edit them.
I do know about the "layout.css.devPixelsPerPx", and I would prefer to avoid it since I am trying to maximize the available "content" area of the screen (for when we increase the font size in settings and the formatting will inevitably get screwed up)
Also, if you have any other ideas/additions you think would be good for this use case, I would be very grateful.