Changing color of the highlighted border of selected email?

User Help for Mozilla Thunderbird
Locked
nym9
Posts: 262
Joined: May 26th, 2005, 1:44 am

Changing color of the highlighted border of selected email?

Post by nym9 »

When I highlight an email, the border around it becomes blue.

If I click anywhere else (except another email) the blue becomes a gray, letting me know it was last email selected.

The problem is this gray color is very light and hard to see, is there a way to change it?
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

What theme are you using and what version of Thunderbird?
nym9
Posts: 262
Joined: May 26th, 2005, 1:44 am

Post by nym9 »

Bozz wrote:What theme are you using and what version of Thunderbird?


Thunderbird 2.0.0.6, I'm not using any themes (Thunderbird or Firefox) because I heard they can cause problems and slowdowns...though if I can't change the standard colors I may have to
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

I'm not seeing the border you describe in mine. Maybe it's the XP theme you're using or I'm not understanding what you're asking about.
RDL
Posts: 1258
Joined: August 22nd, 2004, 1:39 am

Post by RDL »

Bozz wrote:I'm not seeing the border you describe in mine. Maybe it's the XP theme you're using or I'm not understanding what you're asking about.

Background colour for current entry in the thread pane, perhaps?
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

RDL wrote:
Bozz wrote:I'm not seeing the border you describe in mine. Maybe it's the XP theme you're using or I'm not understanding what you're asking about.

Background colour for current entry in the thread pane, perhaps?

I thought about that. I'll be danged if I can figure out how to change the background color. I use different background images for selected and selected, focus and they work just fine.
.
nym9
Posts: 262
Joined: May 26th, 2005, 1:44 am

Post by nym9 »

Bozz wrote:I'm not seeing the border you describe in mine. Maybe it's the XP theme you're using or I'm not understanding what you're asking about.


I'm using Vista, in the email view that shows all received emails in a list.
When you select a received email , the highlight color is blue.
When you click away from this entry, the blue turns into a light gray.
The problem is that it is so light, you can barely see it at certain angles.


Bozz wrote:I use different background images for selected and selected, focus and they work just fine.
.


How is that done?
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

Add these to userChrome.css. You will need to create both the userChrome.css file and the chrome folder if you haven't already.

Code: Select all

#threadTree treechildren::-moz-tree-row(selected, focus) {
background: url("focus.png") !important;
}

#threadTree treechildren::-moz-tree-row(selected) {
background: url("select.png") !important;
}


Place the images in the chrome folder. You can use .jpg, .png or bmp.
.
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

Okay...I figured out how to change the background color. For some reason it is necessary to use both selected and selected, focus with selected as the first code. Selected is the one you're looking to change. I added the codes to change the font color also if you wanted to.

Code: Select all

#threadTree treechildren::-moz-tree-row(selected) {
background-color: #B9D5E3 !important;
}
#threadTree treechildren:-moz-tree-cell-text(selected) {
color: -moz-DialogText !important;
}

#threadTree treechildren::-moz-tree-row(selected, focus) {
background-color: Highlight !important;
}
#threadTree treechildren:-moz-tree-cell-text(selected, focus) {
color: HighlightText !important;
}

.
SirRaven
Posts: 47
Joined: October 26th, 2005, 12:55 am

Post by SirRaven »

How can I also change the folder pane color/ background color as well depending on selected/ focus ?
„Trance Energy.. a small step for man, a huge leap for mankind...”
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

Code: Select all

/* Folderpane text background and text */
#folderTree treechildren::-moz-tree-cell-text(selected) {
background-color: #B9D5E3 !important;
color: #003300 !important;
}
#folderTree treechildren::-moz-tree-cell-text(selected, focus) {
background-color: Highlight !important;
color: HighlightText !important;
}

.
SirRaven
Posts: 47
Joined: October 26th, 2005, 12:55 am

Post by SirRaven »

Oh, yeah, stupid me! I was making the same mistake as with the threadPane grid lines, applying border right to the whole row, not to each single cell:

Code: Select all

#folderTree > treechildren::-moz-tree-row(dummy, selected) {
color: #DD0000 !important;
font-weight: bold !important;
}
#folderTree > treechildren::-moz-tree-row(dummy, selected, focus) {
color: #0000DD !important;
font-weight: bold !important;
}


Thanks so much! The obvious is the hardest ! :lol:

For those who might want to use this, my theme was Whitehart TB, I added into Stylish > Options > Manage Styles the following style:


Code: Select all

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

/* Folderpane background and font color */
#folderTree > treechildren::-moz-tree-cell-text(selected) {
background: #E3E3E3 !important;
/*color: #DD0000 !important;*/
color: #808080 !important;
font-weight: bold !important;
}
#folderTree > treechildren::-moz-tree-cell-text(selected, focus) {
background: #E3E3E3 !important;
/*color: #0000DD !important;*/
color: #000000 !important;
font-weight: bold !important;
}


with "Selected/ focus folderPane background and font color" for Name/Description.

As for the "Selected/ focus threadPane background and font color" style:

Code: Select all

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

/* Selected message background and font color */
/* "background" is the highlight shade - grey */
#threadTree > treechildren::-moz-tree-row(selected) {
background: #E3E3E3 !important;
}
#threadTree > treechildren::-moz-tree-row(selected, focus) {
background: #E3E3E3 !important;
}

/* "color" is the font shade - dark red on focus, dark blue on lose focus */
#threadTree > treechildren::-moz-tree-cell-text(selected) {
/*color: #DD0000 !important;*/
color: #808080 !important;
font-weight: bold !important;
}
#threadTree > treechildren::-moz-tree-cell-text(selected, focus) {
/*color: #0000DD !important;*/
color: #000000 !important;
font-weight: bold !important;
}


Enjoy!
„Trance Energy.. a small step for man, a huge leap for mankind...”
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

Glad you got it worked out.
Locked