White message bubbles in dark mode
theonlytechnohead opened this issue · comments
--chat-incoming-message-bubble-background-color is set to #F0F0F0 by Messenger, even in dark mode.
Adding the following lines to custom.css fixes the issue:
div.x1xr0vuk {
--chat-incoming-message-bubble-background-color: #555555;
}Caprine 2.59.3
Electron 25.9.8
win32 10.0.19045
Locale: en-GB
Had this issue as well on Linux. Can confirm the above fix works for me too.
Oddly having this issue in Windows and not Linux.
Caprine 2.59.3
Electron 25.9.8
win32 10.0.22631
Locale: en-US
Oddly having this issue in Windows and not Linux.
Probably because this is an issue with Facebook tweaking the CSS. There's nothing inherent about Linux that makes it more buggy than Windows or vice versa.
Yes, this is coming from CSS changes on Facebook's end. Changing the --chat-incoming-message-bubble-background-color will work for now, but it may require a bit more investigation into what exactly needs to be changed in the CSS. (Until the back-end CSS is changed again...)
I would recommend the following temporary addition to custom.css edited through File > Caprine Settings > Advanced > Custom Styles. The addition of html.dark-mode will ensure that the style is only applied when dark mode is used.
html.dark-mode .x1xr0vuk {
--chat-incoming-message-bubble-background-color: #555555;
}
It resolved for me when I restarted Caprine, without changing custom.css 🤷
Indeed I can confirm that I am no longer affected by this issue.
Messenger now correctly sets --chat-incoming-message-bubble-background-color to #575757