4

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.

AleksanderGD
  • 414
  • 5
  • 10
AHopefulFool
  • 71
  • 5
  • I have the same problem. It used to work well few months ago, but now the plugin just ignores the data-colorscheme="dark" part. Did you find any solution ? – slezadav Aug 24 '20 at 07:06

4 Answers4

3

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.

CBroe
  • 91,630
  • 14
  • 92
  • 150
1

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);
}
Sunni Freyer
  • 11
  • 2
0

Since Facebook removed support for the data-colorscheme="dark" and light they've allowed us to style the background, which is the best I could do to make the comments readable and match the general theme of a site. #aaa is lightgray.

<div style=background="#aaa">
   <div className="fb-comments" data-href={url} data-numposts="5" width="100%"></div>
</div>

enter image description here

Jeremy Thompson
  • 61,933
  • 36
  • 195
  • 321
-2

I wass introduce block with white background

Dalibor maric
  • 9
  • 2
  • 1
    As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jan 22 '22 at 00:41