#toolbar-menubar Element ID in Thunderbird?

Discuss application theming and theme development.
Locked
pikov22
Posts: 14
Joined: May 22nd, 2010, 10:02 am

#toolbar-menubar Element ID in Thunderbird?

Post by pikov22 »

How do I use DOM inspector to find out the CSS related to mail toolbar? Baby steps, please. :-)
Last edited by DanRaisch on April 5th, 2017, 4:57 pm, edited 1 time in total.
Reason: Split from original thread which died 10 years year ago.
pikov22
Posts: 14
Joined: May 22nd, 2010, 10:02 am

Re: #toolbar-menubar Element ID in Thunderbird?

Post by pikov22 »

Nobody?
isaacschemm
Posts: 270
Joined: January 20th, 2015, 12:29 pm

Re: #toolbar-menubar Element ID in Thunderbird?

Post by isaacschemm »

Do you have DOM Inspector installed already?
You can look at the CSS rules for an element using this dropdown menu.
Image
pikov22
Posts: 14
Joined: May 22nd, 2010, 10:02 am

Re: #toolbar-menubar Element ID in Thunderbird?

Post by pikov22 »

I see a zilliion rules. How do I incorporate "them" into userChrome.css to get make changes to that particular item?
isaacschemm
Posts: 270
Joined: January 20th, 2015, 12:29 pm

Re: #toolbar-menubar Element ID in Thunderbird?

Post by isaacschemm »

You have to put in your own rules, but look at the id (or classes) to see what selectors to use.
Also, it looks like that element is actually called #mail-toolbar-menubar2. Using #toolbar-menubar doesn't seem to work.

Code: Select all

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#mail-toolbar-menubar2 {
	background-color: cyan !important;
}
pikov22
Posts: 14
Joined: May 22nd, 2010, 10:02 am

Re: #toolbar-menubar Element ID in Thunderbird?

Post by pikov22 »

libertyernie wrote:You have to put in your own rules, but look at the id (or classes) to see what selectors to use.
Also, it looks like that element is actually called #mail-toolbar-menubar2. Using #toolbar-menubar doesn't seem to work.

Code: Select all

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#mail-toolbar-menubar2 {
	background-color: cyan !important;
}
That put a cyan background on the toolbar that has File/Edit?View/etc.

I did a SH-RClick on "File" and then displayed the CSS stuff. I didn't see mail-toolbar-menubar2.

(How do I post an image?)
isaacschemm
Posts: 270
Joined: January 20th, 2015, 12:29 pm

Re: #toolbar-menubar Element ID in Thunderbird?

Post by isaacschemm »

I just uploaded my image to imgur.com and then copied the BBCode embed stuff here.
Could you be more specific about what you want to do?
Locked