Accounts & Message list colors
Eustace
messages) use the system colors. How can I change their colors? Or what
code should I add to the userChrome.css?
emf
--
It ain't THAT, babe! - A radical reinterpretation
http://www.geocities.com/itaintme_babe/itaintme.html
Ken Whiton
*-* In Article VYKdnb4HrJbrDoDX...@mozilla.org,
*-* Eustace wrote
*-* About Accounts & Message list colors
> The left and the top pane (that contain the accounts and the list of
> the messages) use the system colors. How can I change their colors?
> Or what code should I add to the userChrome.css?
Here are my userChrome.css entries for those panes. Use them as
a starting point, and modify them to suit your preferences.
/* Set Colors In Folder/Account Window */
#folderTree > .tree-rows > .tree-bodybox {
background-color: #0000DD !important; }
#folderTree > treechildren::-moz-tree-cell-text(hasUnreadMessages-true) {
font-weight: bold; color: white !important; }
#folderTree > treechildren::-moz-tree-cell-text(hasUnreadMessages-false) {
font-weight: bold; color: yellow !important; }
#folderTree > treechildren::-moz-tree-cell-text(isServer-true) {
font-weight: bold; color: white !important; }
/* Set Colors In Message List Window */
#threadTree > .tree-rows > .tree-bodybox {
background-color: #0000DD !important; }
#threadTree > treechildren::-moz-tree-cell-text(unread) {
font-weight: bold; color: white !important; }
#threadTree > treechildren::-moz-tree-cell-text(read) {
font-weight: bold !important; color: yellow !important; }
Here's some additional code I use in the Message List Window to
better highlight messages/posts I have forwarded and/or replied to.
#threadTree > treechildren::-moz-tree-cell-text(replied) {
font-weight: bold !important; background-color: #00DD44 !important; }
#threadTree > treechildren::-moz-tree-cell-text(forwarded) {
font-weight: bold !important; background-color: purple !important; }
#threadTree > treechildren::-moz-tree-cell-text(replied, forwarded) {
font-weight: bold !important; background-color: red !important; }
Ken Whiton
--
FIDO: 1:132/152
InterNet: kenw...@surfglobal.net.INVAL (remove the obvious to reply)
Eustace
Thanks. I also found this:
/* Folder pane(color/text) and Message pane(color) */
treechildren {
background-color: #222222 !important;
color: white !important;
}
It's simpler and it does the job. The only thing I would like to have
improved now is to make more prominent the folder or newsgroup of the
Folder pane when the focus is in another pane. When this happens, the
color of the folder or newsgroup turns somewhat grayish on the dark
brown background that is currently my system's (Win XP) 3-D objects
background color; I would like to make more promptly distinguishable
from the other folders. How can I make its color a little darker,
perhaps in italics, and make its background black ?
Also, one of my message tags is yellow, another is cyan, and a couple of
others are also light-colored, and when they are selected the white text
color of the message subject etc. is not readable in the bright colored
background. How can I change the subject, date, etc. color to black
(only) when it is selected?
Eustace
Eustace
Last paragraph problem solved with:
/* Text of selected bright tag colors */
treechildren::-moz-tree-cell-text(lc-FFFF00, selected) {
color: #000000 !important;
}
treechildren::-moz-tree-cell-text(lc-33FFFF, selected) {
color: #000000 !important;
}
treechildren::-moz-tree-cell-text(lc-33FF33, selected) {
color: #000000 !important;
}
treechildren::-moz-tree-cell-text(lc-FF9900, selected) {
color: #000000 !important;
}
treechildren::-moz-tree-cell-text(lc-FF99FF, selected) {
color: #000000 !important;
}
(from http://www.twistermc.com/blog/2007/05/02/custom-thunderbird-labels/)
The only possible improvement to the code would be if I could combine
the 5 statements 1, and if I could use the tag names instead of the colors.
Eustace
Ken Whiton
*-* In Article Kq-dnVgM1N1_L73X...@mozilla.org,
*-* Eustace wrote
*-* About Re: Accounts & Message list colors
> On 2009-05-29 23:49 Eustace wrote:
>> On 2009-05-28 04:37 Ken Whiton wrote:
>>> *-* Eustace wrote
>> Thanks. I also found this:
>> /* Folder pane(color/text) and Message pane(color) */
>> treechildren {
>> background-color: #222222 !important;
>> color: white !important;
>> }
>> It's simpler and it does the job.
It's simpler, agreed, but it doesn't do the job for me. It
doesn't differentiate between read and unread messages/posts in the
Thread Pane, and between folders/newsgroups that contain unread
messages/posts and those that don't, in the Folder Pane. Those
differences are important to me. Different strokes for different
folks.
>> The only thing I would like to
>> have improved now is to make more prominent the folder or
>> newsgroup of the Folder pane when the focus is in another pane.
>> When this happens, the color of the folder or newsgroup turns
>> somewhat grayish on the dark brown background that is currently my
>> system's (Win XP) 3-D objects background color; I would like to
>> make more promptly distinguishable from the other folders. How can
>> I make its color a little darker, perhaps in italics, and make its
>> background black ?
I'm no css expert, and this is off the top of my head, untested,
but try this and see if it works, or if you can use it as a starting
point for tweaking.
#folderTree > treechildren::-moz-tree-cell-text(selected) {
font-weight: bold !important; font-style: italic !important;
background-color: #000000 !important; }
If this works it may apply regardless of which pane has the
focus, since I don't know how to address that matter. I've used the
"font-weight: bold" statement to address your request to "make its
color a little darker". If that's not what you want, you could
probably substitute a "color: " statement for it.
>> Also, one of my message tags is yellow, another is cyan, and a
>> couple of others are also light-colored, and when they are selected
>> the white text color of the message subject etc. is not readable in
>> the bright colored background. How can I change the subject, date,
>> etc. color to black (only) when it is selected?
> Last paragraph problem solved with:
> /* Text of selected bright tag colors */
> treechildren::-moz-tree-cell-text(lc-FFFF00, selected) {
> color: #000000 !important;
> }
> treechildren::-moz-tree-cell-text(lc-33FFFF, selected) {
> color: #000000 !important;
> }
> treechildren::-moz-tree-cell-text(lc-33FF33, selected) {
> color: #000000 !important;
> }
> treechildren::-moz-tree-cell-text(lc-FF9900, selected) {
> color: #000000 !important;
> }
> treechildren::-moz-tree-cell-text(lc-FF99FF, selected) {
> color: #000000 !important;
> }
> (from http://www.twistermc.com/blog/2007/05/02/custom-thunderbird-labels/)
> The only possible improvement to the code would be if I could
> combine the 5 statements 1, and if I could use the tag names instead
> of the colors.
For combining, try this:
treechildren::-moz-tree-cell-text(lc-FFFF00, selected),
treechildren::-moz-tree-cell-text(lc-33FFFF, selected),
treechildren::-moz-tree-cell-text(lc-33FF33, selected),
treechildren::-moz-tree-cell-text(lc-FF9900, selected),
treechildren::-moz-tree-cell-text(lc-FF99FF, selected) {
color: #000000 !important;
}
I don't know for sure that it will work, but it's similar to another
entry in my userChrome.css file that does work.
Good luck with these.
Ron K.
This is what I use to set a background color for each account name in the
folder pane. Note the second rule uses an additional CSS selector of 'open'
to change the color of expanded accounts showing there folders or news
group subscriptions.
/* Set Account Name background-color toggle */
#folderTree > treechildren::-moz-tree-cell(folderNameCol, isServer-true)
{ background-color: #696999 !important; font-weight: 600 !important; }
#folderTree > treechildren::-moz-tree-cell(folderNameCol, isServer-true, open)
{ background-color: #B0B0E0 !important; font-weight: 600 !important; }
--
Ron K.
Who is General Failure, and why is he searching my HDD?
Kernel Restore reported Major Error used BSOD to msg the enemy!
Eustace
Thanks. My version is
#folderTree > treechildren::-moz-tree-cell-text(selected) {
font-style: italic !important;
color: #AAAAAA !important;
background-color: #111111 !important;
}
Actually the background color is not necessary, the grayish italics make
the selected folder pronounced enough, but it doesn't hurt.
And, significantly, it affects only the folder pane, the message list
pane is unaffected.
Thanks again! It works.
emf
--
A man from the Upper West Side/ Never left, he was so satisfied,/ Till
at age 35/ He went for a drive/ To Vermont, caught pneumonia, and died.
Eustace
I thought that I was through but unfortunately there statement
treechildren::-moz-tree-cell-text(lc-FFFF00, selected),
treechildren::-moz-tree-cell-text(lc-33FFFF, selected),
treechildren::-moz-tree-cell-text(lc-33FF33, selected),
treechildren::-moz-tree-cell-text(lc-FF9900, selected),
treechildren::-moz-tree-cell-text(lc-FF99FF, selected) {
color: #000000 !important;
}
(and of course my own statements) create a bad side-effect. I want the
text to be black only when a message is selected and the focus is on it
in the message list pane. Unfortunately, when I click in the message
pane, the color of the message on the list remains black, and as the
background becomes dark it is unreadable. What I want is the color to
change to black only when it is highlighted, and then revert to its
former color at all other times. How do I do that?
I tried to replace selected with focus, but it makes the text black at
all times.
emf
Eustace
Bingo!
/* Text of selected in focus bright color tags */
treechildren::-moz-tree-cell-text(lc-FFFF00, selected, focus),
treechildren::-moz-tree-cell-text(lc-33FFFF, selected, focus),
treechildren::-moz-tree-cell-text(lc-33FF33, selected, focus),
treechildren::-moz-tree-cell-text(lc-FF9900, selected, focus),
treechildren::-moz-tree-cell-text(lc-FF99FF, selected, focus) {
color: black !important;
}
A reason I like tweaking with code is that it pushes you to think what
the solution may be. In this particular case I soon found out that focus
(or maybe current) had to play a role. It took me a little more time,
and some experimenting, to decide on the syntax; it should have been
obvious from the beginning I suppose, but searching the internet I
hadn't come across an example of 2 commas inside the parentheses.
Ken Whiton
*-* In Article AoGdnawXqZ_StrzX...@mozilla.org,
*-* Eustace wrote
*-* About Re: Accounts & Message list colors
> On 2009-05-30 08:04 Eustace wrote:
>> On 2009-05-30 03:50 Ken Whiton wrote:
>>> *-* Eustace wrote
>> Thanks. My version is
Substituting a color for bold, as I suggested.
>> Actually the background color is not necessary, the grayish italics
>> make the selected folder pronounced enough, but it doesn't hurt.
>> And, significantly, it affects only the folder pane, the message
>> list pane is unaffected.
That's because of the "#folderTree > " portion.
>>>> (from
>>>> http://www.twistermc.com/blog/2007/05/02/custom-thunderbird-labels/)
>>> For combining, try this:
>> Thanks again! It works.
Thanks for letting me know. That means I just learned something
new from this thread, too. :-)
> I thought that I was through but unfortunately there statement
> treechildren::-moz-tree-cell-text(lc-FFFF00, selected),
> treechildren::-moz-tree-cell-text(lc-33FFFF, selected),
> treechildren::-moz-tree-cell-text(lc-33FF33, selected),
> treechildren::-moz-tree-cell-text(lc-FF9900, selected),
> treechildren::-moz-tree-cell-text(lc-FF99FF, selected) {
> color: #000000 !important;
> }
> (and of course my own statements) create a bad side-effect. I want
> the text to be black only when a message is selected and the focus
> is on it in the message list pane. Unfortunately, when I click in
> the message pane, the color of the message on the list remains
> black, and as the background becomes dark it is unreadable.
The same thing would probably happen if you click in the folder
pane.
> What I
> want is the color to change to black only when it is highlighted,
> and then revert to its former color at all other times. How do I do
> that?
> I tried to replace selected with focus, but it makes the text black
> at all times.
Try this. As I had said previously, I don't know how to address
the matter of which pane has the focus, but this is based on something
I just found by Googling on the subject.
treechildren::-moz-tree-cell-text(lc-FFFF00, selected):focus,
treechildren::-moz-tree-cell-text(lc-33FFFF, selected):focus,
treechildren::-moz-tree-cell-text(lc-33FF33, selected):focus,
treechildren::-moz-tree-cell-text(lc-FF9900, selected):focus,
treechildren::-moz-tree-cell-text(lc-FF99FF, selected):focus {
color: #000000 !important;
Eustace
No, this doesn't work.
treechildren::-moz-tree-cell-text(lc-FFFF00, selected), ...
as I said does.
Ken Whiton
*-* In Article DZSdncgobOmGSL7X...@mozilla.org,
*-* Eustace wrote
*-* About Re: Accounts & Message list colors
> On 2009-05-31 01:10 Ken Whiton wrote:
>> *-* Eustace wrote
>>>> Thanks. My version is
>>>>>> (from
>>>>>> http://www.twistermc.com/blog/2007/05/02/custom-thunderbird-labels/)
>>>>> For combining, try this:
>>>> Thanks again! It works.
> No, this doesn't work.
Thanks for testing it.
> treechildren::-moz-tree-cell-text(lc-FFFF00, selected), ...
> as I said does.
Yes. I saw your post on that after posting my attempt. I'm glad
you came up with a solution that works.