Changing Colour of Logo on Homepage

You can do this by adding code to the page code injection.  For Brine family templates like Sonora, you'd use 

<style>
.Header-branding-logo {
    -webkit-filter: invert(100%);
    filter: invert(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');
  }
</style>

You can follow exact steps in this post. It also covers Bedford family templates and inverting the navigation color as well. 

hellz yeah thanks so much

Or if you want to put this code in once and have it work on all instances of pages where you don't use a banner image, you can use this tweak on the code from @christyprice

.Header:not(.Header--overlay) img.Header-branding-logo {
    -webkit-filter: invert(100%); 
    filter: invert(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');
}