Changing color of the highlighted border of selected email?
-
- Posts: 262
- Joined: May 26th, 2005, 1:44 am
Changing color of the highlighted border of selected email?
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?
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?
-
- Posts: 262
- Joined: May 26th, 2005, 1:44 am
-
- Posts: 0
- Joined: December 31st, 1969, 5:00 pm
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.
.
-
- Posts: 262
- Joined: May 26th, 2005, 1:44 am
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?
-
- Posts: 0
- Joined: December 31st, 1969, 5:00 pm
Add these to userChrome.css. You will need to create both the userChrome.css file and the chrome folder if you haven't already.
Place the images in the chrome folder. You can use .jpg, .png or bmp.
.
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.
.
-
- Posts: 0
- Joined: December 31st, 1969, 5:00 pm
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;
}
.
-
- Posts: 0
- Joined: December 31st, 1969, 5:00 pm
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;
}
.
-
- Posts: 47
- Joined: October 26th, 2005, 12:55 am
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:
Thanks so much! The obvious is the hardest !
For those who might want to use this, my theme was Whitehart TB, I added into Stylish > Options > Manage Styles the following style:
with "Selected/ focus folderPane background and font color" for Name/Description.
As for the "Selected/ focus threadPane background and font color" style:
Enjoy!
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 !
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...”