Doesn't effect email content, they're still scorching white. Replaces background image with flat color

[mzso]

Hi!

My main concer about this and gmail's default themes is that they don't apply to email content they're still black on white.

Also the background image is covered with flat colors. But since I already have a dark background via the image, the flat color is not an improvement, it's just less appealing.

[EvHaus]

I agree with you, it's not ideal. However after several attempts I wasn't able to find a solution that would work well for all cases.

Emails will often contain HTML content (ie. newsletters and brochures) which assume a white background. If I change the background to something dark many email become unreadable because they force their own font color and there is no way to replace it, at least not without potentially corrupting the content of the email.

[mzso]

@EvHaus commented on 2022. nov. 1. 15:16 CET:

I agree with you, it's not ideal. However after several attempts I wasn't able to find a solution that would work well for all cases.

Emails will often contain HTML content (ie. newsletters and brochures) which assume a white background. If I change the background to something dark many email become unreadable because they force their own font color and there is no way to replace it, at least not without potentially corrupting the content of the email.

Having it darker, around medium brightness would still be nice.

[anthonyrabiaza]

I added the following to have at least the frame in dark mode:

` .qd { color: #afb4b7; }

.gs {
    background-color: #303030;
}

.aju {
    background-color: #303030;
}

.adn {
    background-color: #303030;
}

.nH {
    background-color: #303030;
}`

[EvHaus]

That had no effect for me. However, you could do:

.a3s { filter: invert(1) }
.a3s img { filter: invert(1) }

But that will distort colors fairly badly.

[AvgZing]

This is my solution, which I rewrote after my previous style broke earlier this week. Note that this also changes the inbox width to be closer to Inbox By Google which is my personal preference but may want to remove that first section for yourselves.

.AO,.G-atb {
    margin: auto !important;
    width:80%;
}
.hx, .ha {
    -webkit-filter: invert(87%);
}

.nH.a98.iY {
    border-radius: 10px
}

.aCi, .CToWUd{
-webkit-filter: invert(113%);
}

.bkK>.nH {
    background-color: Transparent;
}

.zA {
    background-color: rgba(32, 32, 32, .8)
}

.iY {
    background-color: #212121
}