Thread pane list header
- ibewlu
- Posts: 230
- Joined: February 5th, 2012, 5:24 am
Thread pane list header
The header above the thread pane contains the names of the columns (Subject, From, Date, etc.), what is the name of the header and each item as used in userChrome.css?
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.
- smsmith
- Moderator
- Posts: 19979
- Joined: December 7th, 2004, 8:51 pm
- Location: Indiana
Re: Thread pane list header
In general, they are #threadCols.
More specifically, they are:
#threadCol
#flaggerCol
#attachmentCol
#subjectCol
#unreadButtonColHeader
#senderCol
#recipientCol
#junkStatusCol
#receivedCol
#dateCol
#statusCol
#sizeCol
#tagsCol
#accountCol
#priorityCol
#unreadCol
#totalCol
#locationCol
#idCol
You can use the DOM Inspector to figure these types of things out.
https://developer.mozilla.org/En/DOM_Inspector
https://addons.mozilla.org/en-US/thunde ... ctor-6622/
More specifically, they are:
#threadCol
#flaggerCol
#attachmentCol
#subjectCol
#unreadButtonColHeader
#senderCol
#recipientCol
#junkStatusCol
#receivedCol
#dateCol
#statusCol
#sizeCol
#tagsCol
#accountCol
#priorityCol
#unreadCol
#totalCol
#locationCol
#idCol
You can use the DOM Inspector to figure these types of things out.
https://developer.mozilla.org/En/DOM_Inspector
https://addons.mozilla.org/en-US/thunde ... ctor-6622/
Give a man a fish, and he eats for a day. Teach a man to fish, and he eats for a lifetime.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.
- ibewlu
- Posts: 230
- Joined: February 5th, 2012, 5:24 am
Re: Thread pane list header
smsmith, thanks for the info and I am taking a look at this. I did tried to change some backgrounds and nothing happened.
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.
- smsmith
- Moderator
- Posts: 19979
- Joined: December 7th, 2004, 8:51 pm
- Location: Indiana
Re: Thread pane list header
If the column header is using a background image, anything you might try with just a color won't show up.
If you have the Dom Inspector open, use File -> Inspect a Chrome Document -> choose Inbox.
Then, under the file menu is a button, kind of looks like an arrow pointing at something. Click that button, then click the header you want to inspect in the Thunderbird window. The inspector should fill with info about that element. Then, in the right hand side of the window, you should see a button next to Object - DOM Node. Click the button and choose CSS Rules. Select any of the rule sets to see how the object is defined.
Also note that some themes hard code specifics about some elements. To override this, you need to put !important at the end of the rule before the semi-colon.
What theme are you using that you are trying to modify? Please also post your code. Maybe it's something easy to spot.
If you have the Dom Inspector open, use File -> Inspect a Chrome Document -> choose Inbox.
Then, under the file menu is a button, kind of looks like an arrow pointing at something. Click that button, then click the header you want to inspect in the Thunderbird window. The inspector should fill with info about that element. Then, in the right hand side of the window, you should see a button next to Object - DOM Node. Click the button and choose CSS Rules. Select any of the rule sets to see how the object is defined.
Also note that some themes hard code specifics about some elements. To override this, you need to put !important at the end of the rule before the semi-colon.
What theme are you using that you are trying to modify? Please also post your code. Maybe it's something easy to spot.
Give a man a fish, and he eats for a day. Teach a man to fish, and he eats for a lifetime.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.
- ibewlu
- Posts: 230
- Joined: February 5th, 2012, 5:24 am
Re: Thread pane list header
I am just using userChrome to make some changes to the TB 10.0.2 default theme. I tried the File/xx Document/inbox xx + arrow thing, but clicking in TB didn't seem to have a reaction in DOMi; clicking an item in DOMi does outline items in TB; not much help when you don't know the name of the item. Here is what code I am presently using - work in progress until this issue:
Code: Select all
treechildren:-moz-tree-cell-text/*
* Edit this file and copy it as userChrome.css into your
* profile-directory/chrome/
*/
/*
* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to
* override default settings.
*/
/*
* 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 */
/*==================LIGHTNING OPTIONS=====================*/
/*Change background of toolbar header*/
toolbox
{background-color: gray!important;}
/*Background color of popup alarm*/
calendar-alarm-widget[selected="true"] {
background-color: #FF0000 !important;}
/***********************THUNDERBIRD************************/
/*************************GLOBAL***************************/
{color:#000000 !important;
}
/***********************TARGETED**************************/
/***********************FOLDER TREE**************************/
#folderTree
{background-image: url("file:///F:/Backup/Mozilla/Thunderbird/Customize/Light_Wood.jpg") !important; /* Folder pane background color */
}
#folderTree > treechildren::-moz-tree-cell-text(hover)
{color:White !important; /* Folder tree hover text color */
background-color:Blue !important; /* Folder tree hover background color */
}
/***********************THREAD TREE**************************/
#threadTree
{background-image: url("file:///F:/Backup/Mozilla/Thunderbird/Customize/Dark_Wood.jpg") !important;
color:White !important;
}
#threadTree > treechildren::-moz-tree-cell-text(hover)
{color:#000000 !important; /* Folder tree hover text color */
background-color:#00FF00 !important; /* Folder tree hover background color */
}
/***********************TABS**************************/
tab[selected = "true"]
{
/*background-color: #FF0000 !important; /* Tab selected background color */*/
color:#000000 !important; /* Tab selected text color */
background-image: url("file:///F:/Backup/Mozilla/Thunderbird/Customize/Light_Wood_Gradient.jpg") !important;
}
tab:not([selected="true"])
{
background-image: url("file:///F:/Backup/Mozilla/Thunderbird/Customize/Wood_Gradient.jpg") !important; /* Tab not selected background color */
font-weight:bold !important;/* Tab not selected font weight */
color:#000000 !important; /* Tab not selected text color */
}
.toolbarbutton-text
{/*color:Gold !important; /* Toolbar text color */
font-weight:bold
}
/*=================MESSAGE PANE =================*/
#msgHeaderView .headerName
{color:blue !important; /* Message header font color for "From"/"Subject"/"TO" */
}
/*=================STATUS BAR =================*/
statusbarpanel
{-moz-appearance: none !important;
background-color: blue !important;
color:red !important;
font-weight:bold !important;}
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.
- ibewlu
- Posts: 230
- Joined: February 5th, 2012, 5:24 am
Re: Thread pane list header
Update: I changed to "Accessible Events" and I get a list of "events" which are translated to the item. When I click on the list box header for the thread pane, it does not come up with any of the items in your list #sujectCol, etc. I get one call #accountCentralBox.
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.
- smsmith
- Moderator
- Posts: 19979
- Joined: December 7th, 2004, 8:51 pm
- Location: Indiana
Re: Thread pane list header
Make sure you are choosing Chrome document and not Content document from the DOM Inspector File menu.
I don't see any code related to any of the element IDs I gave you.
I don't see any code related to any of the element IDs I gave you.
Give a man a fish, and he eats for a day. Teach a man to fish, and he eats for a lifetime.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.
- ibewlu
- Posts: 230
- Joined: February 5th, 2012, 5:24 am
Re: Thread pane list header
oops, found the problem, the button resets after each click and I didn't notice it. I have a full 1080p display and the icon is fairly small and the color doesn't have a lot of contrast on change.
The only code that I have gotten to work is:
Anything to do with the background fails.
The only code that I have gotten to work is:
Code: Select all
#subjectCol{color:blue !important;}
Anything to do with the background fails.
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.
- smsmith
- Moderator
- Posts: 19979
- Joined: December 7th, 2004, 8:51 pm
- Location: Indiana
Re: Thread pane list header
The default theme uses the following code that is thwarting you.
-moz-appearance: treeheadercell;
Because of that line, the element uses the OS theme styling for a tree header cell.
To negate it, use this:
-moz-appearance: none ! important;
Then, apply the rest of your styling. You might need to look at margins and paddings and border styles, too, then.
Also, your color: blue line will only color the text. If you want to color the background, you need to use at a minimum background: blue or even better background-color: blue.
-moz-appearance: treeheadercell;
Because of that line, the element uses the OS theme styling for a tree header cell.
To negate it, use this:
-moz-appearance: none ! important;
Then, apply the rest of your styling. You might need to look at margins and paddings and border styles, too, then.
Also, your color: blue line will only color the text. If you want to color the background, you need to use at a minimum background: blue or even better background-color: blue.
Give a man a fish, and he eats for a day. Teach a man to fish, and he eats for a lifetime.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.
-
- Posts: 2684
- Joined: October 18th, 2007, 1:53 pm
Re: Thread pane list header
Just use this.
...or use background-image if using an image.
Add in -moz-appearance: none !important; if needed. I don't need it with XP.
Code: Select all
#threadTree treecol, #threadTree .treecol-image {
background-color: blue !important;
}
...or use background-image if using an image.
Add in -moz-appearance: none !important; if needed. I don't need it with XP.
- ibewlu
- Posts: 230
- Joined: February 5th, 2012, 5:24 am
Re: Thread pane list header
smsmith, you got me out of the ditch, it is working - thanks...
I believe with the negate education it will be a lot easier.
I believe with the negate education it will be a lot easier.
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.
- ibewlu
- Posts: 230
- Joined: February 5th, 2012, 5:24 am
Re: Thread pane list header
Deleted - moved to a new post...
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.