Logo invert dynamically?

hi im building a website that has mostly either black or white or grey pages.. and i have a logo in black and white.. ive seen codes to invert based on type of page.. but there will be alot of some changing headers.. is there no way this can me done automatically or dynamically? ive seen few web builders do it.. not sure what SS cannot? otherwise im just using a text as logo

UPDATE: ive solved this with

<style> .header-title-logo img {

    -webkit-filter: invert(100%);

    filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style>

but intrested to know if theres a more site-wide method.. thanks