CSS: Darken the seperator in the e-mail overview window (Carbon theme)
Hi,
I often use Stylish as an extension to modify small things on web pages that I visit often, to change the CSS slightly.
One thing that really bothered me in the dark theme on the web version is that the line separator between e-mails is slightly too bright. The high contrast made the e-mail subjects less pleasant to read, so I decided the darken it a little bit, still providing it's utility as a separator whilst also letting the subjects of each e-mail conversation be better readible, causing less eye-strain.
CSS:
.toolbar:not(.toolbar--in-container) {
border-bottom: 1px solid #211e2d;
}
.border-top {
border-top: 1px solid #211e2d;
}
.border-weak {
border-color: #211e2d;
}
If you compare the default line seperator with the lighter theme's you clearly see that these lines in the darker theme have a higher contrast. Making the line separator darker in the darker themes will make the CSS style also more consistent.
Let me know what you think, and I think overall this would make e-mail conversation overview better readible for people using darker theme's.