thunderbird-conversations
Add native theme support (& dark mode) to the message display
We should do this after #1608 and #1610 since we'll probably have learnt a few things from those.
Hopefully we can do this in a similar way, though I suspect there will be a few more layout issues to resolve.
Just found out Dark Reader cannot be used together with this add-on #1830
Perhaps this (native support) is a better idea!
Cheers.
Just wondering, if the author of Dark Reader is willing, is it possible for him/her/they to adapt DR to work with your add-on?
Cause it may save time and no need to re-invent the wheel...
Cheers.
Hello everyone, I'm the author of Darko addon for Thunderbird and I can give you "simple" solution for the dark mode that my addon is using. It's not as good as the "Dark reader" but it's trivial to implement because it's just a single short CSS with only two styles. First one will invert the page and shift the hue to fix the colors. Second will revert this operation on images. The end!
@media not print {
body:not(.no-darko) {
filter: invert(100%) hue-rotate(180deg) !important;
background: #2A2A2E !important;
}
body:not(.no-darko) img {
filter: invert(100%) hue-rotate(-180deg) !important;
}
}
Plus it's disabled for printing using media query and it can be manually disabled by adding ".no-darko" class to the body.
But again, it's not perfect solution because it doesn't detect already dark emails and the text clarity may be slightly reduced. Still, in the evening it's for sure 100% better than looking at the white background so I love it :).
Any news on the issue? I am switching between light an dark based on the sun, so this needs to happen automatically, which means following system settings...
This is how bad it is. I want to change my email client but conversations important for me. But also dark mode too.
Based on @Juraj-Masiar's post, I added the following as a workaround to conversation.css for now:
@media screen and (prefers-color-scheme: dark) {
.messageBody iframe:not(.no-darko) {
filter: invert(89%) hue-rotate(180deg) !important;
background: #27272a !important;
}
.messageBody iframe:not(.no-darko) img {
filter: invert(89%) hue-rotate(-180deg) !important;
}
}
It's not pretty. I can't target the iframe directly. I don't know how. Better than a white wire in the eye. 😇
Waiting for this too, i should not have to decide between showing sent messages and dark mode
Waiting for this too, i should not have to decide between showing sent messages and dark mode
Yeah, that would be great. I've gotten used to it in color inversion. Really fast.
I love this extension. Thank you for it.
Waiting for this too, i should not have to decide between showing sent messages and dark mode
Yeah, that would be great. I've gotten used to it in color inversion. Really fast.
I love this extension. Thank you for it.
How did you do this?
How did you do that?Il giorno 22 nov 2023, alle ore 16:30, martin @.***> ha scritto:
Waiting for this too, i should not have to decide between showing sent messages and dark mode
Yeah, that would be great. I've gotten used to it in color inversion. Really fast.
I love this extension. Thank you for it.
—Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you commented.Message ID: @.***>
+1 I tried the custom CSS above, but it's not working for me. Having a dark mode option in the add-on settings would be amazing.
+1 I tried the custom CSS above, but it's not working for me. Having a dark mode option in the add-on settings would be amazing.
Yeah, something's changed. The author knows why he doesn't do hacks like this. 😉