Make the Contact Picker match your site and branding by updating the primary and secondary colors using our css option.

Show Code

<!-- TODO: update the script with your own Cloudsponge key -->
<script src="https://api.cloudsponge.com/widget/localhost-only.js"></script>
<script>
cloudsponge.init({
  css: {
    // the primaryColor governs the display of the top bar, checkboxes, links and button
    primaryColor: '#b30021',
    // the secondaryColor applies to the highlight color of the sources and the selected contacts
    secondaryColor: '#e6e6e6',
  }
});
</script>