Icons generated by our platform's Social Networks system generate FontAwesome icons. Those icons are control by CSS color settings in the area they are placed as well as the macro that places them. To override those settings and use the brand colors for each respective icon, add this reference to the Preload Scripts area of your Website Services settings:

<link rel="stylesheet" href="https://files.stablerack.com/Library/FontAwesome/_ColorCSS/FontAwesomeBrandColors.css" Type="text/css">

This imports a CSS file we maintain of the various brand colors associated with the icons.

You can also override colors by adding your own CSS to the "fa-" classes for each icon.