MozillaZine

userChrome.css change Thunderbird main window

User Help for Mozilla Thunderbird
ibewlu

User avatar
 
Posts: 190
Joined: February 5th, 2012, 5:24 am

Post Posted February 29th, 2012, 6:38 am

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;
}
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.

quickquestion
 
Posts: 93
Joined: March 28th, 2011, 11:24 am

Post Posted June 5th, 2017, 5:27 am

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/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

quickquestion
 
Posts: 93
Joined: March 28th, 2011, 11:24 am

Post Posted June 5th, 2017, 5:29 am

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.

Return to Thunderbird Support


Who is online

Users browsing this forum: Bing [Bot] and 8 guests