Show Unread messages more prominently

I actually got it working now, with some chatGPT help:

& .unread:not(.focused):not(.selected) {
    background: #f0f0f0;  // Light gray background for unread emails
    transition: all 100ms;
    &:hover {
      background: @list_entry_hover;
    }
}

Depending on the theme you may need to put it in a different file I think. Also you may want to change the color of the shading, and you may want to also change the hover color, etc. Let me know if you need help.

I actually like Mailsprings simplicity. I feel like Mailbird and others were just a bit too “feature-jammed” for my liking.

Here’s a screenshot of my edited Matcha Theme. Light green shading is unread messages, Darker green is the one currently selected. I would also love if I can move the unread circle indicator from the left side, where it is a bit cluttered and lost, to the right side where it can be more prominent but not sure if thats possible yet.

1 Like