JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg"> 
        <filter id="negative"> 
            <feColorMatrix values="-1  0 0 0 1 
                                    0 -1 0 0 1 
                                    0 0 -1 0 1 
                                    0 0 0 1 0" /> 
        </filter> 
      </svg>

<div>Test</div>

CSS

header { background: none; color: #000; }
div {
    color:red; filter: url(#negative);
-webkit-filter: invert(100%); filter: invert(100%); }
}