Some social plugins have the option to change the way they look for sites that have a dark background.

4 Examples


Shortcode used:
[fb_plugin like colorscheme="dark" ]
Final code:
<div class="wef-measure" style="max-width: 450px;"></div><div class="fb-like" data-href="https://wpembedfb.com/?p=300" data-action="like" data-colorscheme="dark" data-kid-directed-site="false" data-layout="standard" data-ref="" data-share="false" data-show-faces="true" data-size="small" data-width="450"></div>
More information:Demo Info

Shortcode used:
[fb_plugin comments colorscheme="dark" ]
Final code:
<div class="fb-comments" data-href="https://wpembedfb.com/?p=300" data-colorscheme="dark" data-mobile="false" data-num_posts="10" data-order_by="social" data-width="550px"></div>
More information:Demo Info

Shortcode used:
[fb_plugin group href="https://www.facebook.com/groups/ayearofrunning/" skin="dark" ]
Final code:
<div class="fb-group" data-href="https://www.facebook.com/groups/ayearofrunning/" data-show-social-context="false" data-show-metadata="false" data-skin="dark"></div>
More information:Demo Info