FF after 57 appears to me only customisable via userChrome.css.
Which is why I am publishing the version I am using, that costed me a bit of research, as I like a few things a bit bigger.
There is probably lots of things that may stilll be improved and you can of course change the typeface.
However, this does what I want.
I trust other users may want to use it as a complete css or in part.
And, by the way, I use Atom [https://atom.io/] to edit it, because it shows visibly what you're doing and whether you make trivial, yet often recurring, mistakes (e.g. balancing parentheses et al.). And I know, I have a peculiar style of presenting code. This is just because I am a old hand at programming, so forgive me if it is not trendy, nor elegant.
Cheers.
-----------------------------------------------------------------------------------------------------------
Code: Select all
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Accessible Firefox - make a number of features bigger */
/*Change address bar font, color and size*/
#urlbar
{
-moz-appearance: none !important;
margin-top: -2px !important;
font-family: Arial !important;
color: Black !important;
font-size: 13pt !important;
}
/* Change status bar and search bar text size and font */
#status-bar
{
-moz-appearance: none !important;
font: 13pt Arial !important;
}
#searchbar .searchbar-textbox
{
-moz-appearance: none !important;
margin-top: -2px !important;
font-family: Arial !important;
color: Black !important;
font-size: 13pt !important;
}
#personal-bookmarks
.toolbarbutton-text
{
display: none !important;
margin-top: -2px !important;
}
/* favicons size and margins */
.toolbarbutton-icon
{
margin-inline-start: -2px !important;
width: 20px !important;
height: 22px !important;
margin-inline-end: -2px !important;
}
/*
AGENT_SHEET
Enlarge tab titles.
*/
.tab-text
{
-moz-appearance: none !important;
font-size: 13pt !important;
}