Facebook Comment Plugin Darkmode Not Working
As the title says, I cannot get the dark mode to work for the facebook comment plugin. I used the tool on FB developers and added the "data-colorscheme="dark"" as per the instructions but it wont work, any ideas?
<div
class="fb-comments commentsdark"
data-href="myurl"
data-numposts="5"
data-width="80%"
data-colorscheme="dark">
</div>
It loads but in a light theme which is unreadable on my dark theme website.
Solution 1:
There’s already several bug reports for that.
https://developers.facebook.com/support/bugs/1759174414250782/
Quote (Facebook Team response from Aug 14, 2020):
After speaking with our internal team, we unfortunately are unable to fix the issue at the moment. Our teams are currently working on improvements for the platform therefore they won't be able to fix this specific issue in the near future. Unfortunately, we now need to close this report as a Won't Fix, but we will keep tracking it internally, and we will update this bug report whenever this gets fixed.
Solution 2:
While the following does not solve the dark colorscheme issue, it does allow you to colorize the buttons. For the like FB SDK, which has a .fb-like class, use the hue-rotate filter. Example:
.fb-like {
-webkit-filter: hue-rotate(244deg);
filter: hue-rotate(244deg);
}