Change Logo Color on Different Pages - Nueva Template

My logo is light blue and black and it blends into the photo on the home page, so i want it to be white on the homepage and full color on the other pages. I have tried this code and it worked for the most part but it did not change the light blue part of the logo to white. I would need the "TAD" to be white as well. 

.homepage .Header-branding-logo {

    -webkit-filter: invert(100%);

    filter: invert(100%);

    filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');

  }

Any suggestions?

Difficult to help without site url.

You can also upload new logo image, then use CSS to replace homepage current logo with new logo. If you want to do this, just upload image and send me image url + link to your site, I will give you the CSS code.