userChrome.css change Thunderbird main window

[ibewlu]

This covers 90% of the areas that can be changed in TB's main window; it does not cover the minor items like adjusting how the pane borders look other than one for the folder pane. There is also one example for Lightning. This should eliminate the need for any themes or personas for minor look changes. Like anything else, it can be improved.

For the location of your userChrome.css see: https://developer.mozilla.org/en/Thunderbird/Thunderbird_Configuration_Files or http://www.gemal.dk/mozilla/profile.html
[code]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=====================*/
toolbox /*Change background of toolbar header*/
{background-color: gray!important;
}

calendar-alarm-widget[selected="true"] /*Background color of popup alarm*/
{background-color: #FF0000 !important;
}

/***********************THUNDERBIRD************************/
/*************************GLOBAL***************************/
{color:#000000 !important;}

/**********************************************************/
/* FOLDER/THREAD TREES */
/**********************************************************/

/********************Must be in this order*****************/
/*Control how text is selected*/
treechildren::-moz-tree-row(selected)
{background-color: darkgray !important; /* Not focused background bar */
}

treechildren::-moz-tree-row(selected, focus) /* Focused background bar */
{background-color: red !important;
}

treechildren::-moz-tree-cell-text(selected) /* Not focused font */
{color:black !important;
}

treechildren::-moz-tree-cell-text(selected, focus) /* Focused font */
{color:white !important;
}

/***********************TARGETED***************************/
/**********************************************************/
/* Tool Bar */
/**********************************************************/
toolbar /* Menu and tool bars background */
{background-image: url("file:///F:/Backup/Persona/Header.png") !important;
}

.toolbarbutton-text
{/*color:Gold !important; /* Toolbar text color */
/*background-color: blue !important; /* Change background color of text */
font-weight:bold !important;
}


/**********************************************************/
/* Menu Bar */
/**********************************************************/
.menubar-text
{-moz-appearance: none !important;
color:Gold !important;
}

menubar /* Tab not selected background color */
{background-image: url("file:///F:/Backup/Persona/Footer1.png") !important;
}


/**********************************************************/
/* TABS */
/**********************************************************/
tabmail /* Area around tab bar */
{background-image: url("file:///F:/Backup/Persona/Header1.png") !important;
}

tab[selected = "true"] /* Selected tab */
{
/*background-color: #FF0000 !important;*/
color:#000000 !important;
background-image: url("file:///F:/Backup/Persona/Light_Wood_Gradient.jpg") !important;
}

tab:not([selected="true"]) /* Not selected tab */
{
background-image: url("file:///F:/Backup/Persona/Wood_Gradient.jpg") !important;
font-weight:bold !important;/* Tab not selected font weight */
color:#000000 !important; /* Tab not selected text color */
}


/**********************************************************/
/* FOLDER TREE */
/**********************************************************/

#folderTree /* Folder pane */
{background-image: url("file:///F:/Backup/Persona/Horz_Wood.jpg") !important;
color:White !important;
}

#folderTree > treechildren::-moz-tree-cell-text(hover) /* Thread pane hover text */
{color:black !important;
background-color:yellow !important;
}

#folderPaneBox /* Folder pane border */
{border: 2px solid ThreeDFace !important;
border-bottom: 0px !important;
}


/**********************************************************/
/* THREAD TREES */
/**********************************************************/

/*This list is for the thread tree listbox header.*/
#starCol,
#threadCol,
#unreadButtonColHeader,
#recipientCol,
#junkStatusCol,
#receivedCol,
#statusCol,
#sizeCol,
#tagsCol,
#accountCol,
#priorityCol,
#totalCol,
#idCol,
#statusCol,
#unreadCol,
#senderCol,
#locationCol,
#dateCol,
#attachmentCol,
#subjectCol,
#flaggedCol
{-moz-appearance: none !important; /* Overrides mozilla's setting */
background-image: url("file:///F:/Backup/Persona/Vert_Wood.jpg") !important;
font-weight:bold !important;
}

#threadTree /* Thread pane */
{background-image: url("file:///F:/Backup/Persona/Wood.png") !important;
color:White !important;
}

#threadTree > treechildren::-moz-tree-cell-text(hover) /* Overrides mozilla's setting */
{color:#000000 !important; /* Folder tree hover text color */
background-color:#00FF00 !important; /* Folder tree hover background color */
}


/**********************************************************/
/* MESSAGE PANE */
/**********************************************************/

#msgHeaderView .headerValue /* Message pane header "From"/"Subject"/"TO" label */
{color: black !important; /* From/Subject/To data text color */
font-weight:bold !important;
}

#msgHeaderView /* Message pane header "Date"/"Time" */
{background-image:url("file:///F:/Backup/Persona/Header2.png") !important;
color:black !important;
font-weight:bold !important;
}

#msgHeaderView .headerName /* Message header pane labels */
{color: dimgrey !important;
}


/**********************************************************/
/* STATUS BAR */
/**********************************************************/

statusbarpanel /* Status bar */
{-moz-appearance: none !important; /* Override mozilla's settings */
background-image:url("file:///F:/Backup/Persona/Footer.png") !important;
color:gold !important;
font-weight:bold !important;
}

[quickquestion]

Q#1:
I've changed the column colors for better readability, but haven't been able to find or figure out one of the column IDs. Can someone tell me the ID of the Correspondents column when bringing up a search window (Ctrl+Shift+F)?


Q#2:
Can someone also tell me the purpose of the following snippet of code. I couldn't find any explanation, and leaving it out doesn't seem to be a problem.

/*
* Do not remove the @namespace line -- it's required for correct functioning
*/
@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul"); /* set default namespace to XUL */

[quickquestion]

I did take a wild stab in the dark and tried #correspondentsCol

Didn't work.

Edited to add: it's #correspondentCol (no 's')

Still interested in an answer for Q#2.