Is there a DOM inspector that works with Thunderbird?
I have a 2560x1440 display and need to customize some aspects of Thunderbird's display using userChrome.css.
I've already discovered how to increase the base UI font size, but would like to change the styling of other aspects of the UI, and to do that the consensus seems to be that you need a DOM inspector to figure out the CSS classes and IDs of the UI itself.
Specifically, I want to style the column headings in the message list pane.
Entering "DOM" into the add-ons search bar in TB doesn't produce anything useful.
Is there a DOM inspector I can download and install to help me figure out the styles I need to add in userChrome.css?
NOTE: The Font and Size Changer add-on for TB has not been working in quite some time, so that's a non-starter.
Modified by jhgarrison
All Replies (3)
In Thunderbird 'Tools' > 'Developer Tools' > 'Developer Toolbox'
The 'userchrome.css' file will need the following put at the top; but you may already have done this.
/*
* Do not remove the @namespace line -- it's required for correct functioning
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* set default namespace to XUL */
An example of changing the column header background colour'. This is put in a 'userChrome.css' file.
/*changes all column header background colour to eg; peachbuff but you could use a hex colour number*/
treecol, .treecol-image {
-moz-appearance: none !important;
background-color: peachpuff !important;
}
/*changes only the column header 'Subject' background colour*/
#subjectCol{
-moz-appearance: none !important;
background-color: peachpuff !important;
}
Useful links:
Modified by Toad-Hall
Thunderbird 'Tools' > 'Developer Tools' > 'Developer Toolbox' does not do anything.
The console DOES work, and at the bottom is the message
Could not start Browser Toolbox, you need to enable it.
Searching on the web tells me there should be a menu item 'Tools>Allow Remote Debugging' but I don't see such an entry.
Do I need to be using a special version of TB?
Modified by jhgarrison
Making progress....
I clicked the code link in the console error and found the two options that need to be enabled. Now, I get a toolbox window with the message
Connecting to localhost:53795, ws: false
after about 10 seconds.
For the benefit of others, the toolbox window completely covered the "Incoming Connection" dialog, I suppose I should file a bug about this.