cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
cpot
New member
Status: New idea

Currently the tagged messages are not enough visible (in previous Thunderbird version the text was of the color of the tag but not anymore) :

cpot_1-1743491690838.png

therefore it will be more visible like that

cpot_3-1743491970837.png

 

Thank again for this great software
Best,
Chris

 

 

 

8 Comments
Status changed to: New idea
Jon
Community Manager
Community Manager

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.

Agentvirtuel
Collaborator

Hello

Take a look at https://support.mozilla.org/en-US/questions/1455376
If you wish to test userChrome.css

#threadTree[rows="thread-card"] .card-container {
    color: var(--tag-color);
}

1.png

PeterM
Strollin' around

Thanks. Following your link, I modified it to colorize just the subject line:

/* ::: Cards view - Make the subject line text color match the tag color  ::: */
#threadTree[rows="thread-card"] .card-container .thread-card-subject-container {
   color: var(--tag-color);
}

Furthermore, I added the CSS to colorize the border as well:

/* ::: Cards view - Make the border line color match the tag color if a tag is applied  ::: */
#threadTree[rows="thread-card"] tr[data-properties~="tagged"] .card-container {
   border-color: var(--tag-color) !important;
}

This is the result (in dark theme):

PeterM_0-1748533423433.png

 

But this userChrome.css technique is not for everyone, and 99% of the users will be absolutely lost.

PeterM
Strollin' around

And if you also wish to have the selection indicator on the left side to be colored, add this CSS rule:

/* ::: Cards view - Make the left vertical indicator bar color match the tag color if a tag is applied  ::: */
#threadTree[rows="thread-card"] tr[data-properties~="tagged"] .card-container::before {
   background-color: var(--tag-color) !important;
}

It will look like:

PeterM_0-1748534521845.png

 

PeterM
Strollin' around

And if you don't want the outline to be that distracting, you can make it less bright:

/* ::: Cards view - Make the border line color match the tag color if a tag is applied  ::: */
#threadTree[rows="thread-card"] tr[data-properties~="tagged"] .card-container {
  --faded-tag-color: color-mix(in srgb, var(--tag-color) 50%, transparent); /* This gets the color with 50% opacity */
  border-color: var(--faded-tag-color) !important; 
}

PeterM_0-1748535934802.png

 

Agentvirtuel
Collaborator

According to your screenshots, apparently, it seems to me your card is more tightened.

For information purposes, Thunderbird 139
https://connect.mozilla.org/t5/discussions/thunderbird-128-redesigned-card-view-feedback/m-p/94910/h...


Implemented customizable row count for Cards View in 'Appearance' settings
Suncat2000
Making moves

Thanks for reopening this topic. The links in some of the answers worked.

I agree with @PeterM that most users would be absolutely lost to fix this problem, even with the explicit instructions.

This is a prime example of why developers shouldn't muck things up without getting proper feedback first. Thunderbird lost an incredibly useful feature here for no good reason. This time, fortunately, there was a workaround. Not pretty, not easy, but works for the technically savvy.

PeterM
Strollin' around

I'm aware of this 2/3 rows setting. I'm using 3 rows, as you can see on my pictures:

  1. Sender
  2. Subject
  3. Tags and star icons (BTW, I'd love to see the message size here as well, see my idea at https://connect.mozilla.org/t5/ideas/display-the-message-size-in-cards-view-in-tb-115/idi-p/40022 )