JSFiddle - React, Tailwind, and code Playground

HTML

<span id="blue">Hi there</span>
<br/><br/>
<span id="green">This is awesome</span>

CSS

#blue { color: blue; }

#green { color: yellow; background-color: #000; padding:3px; }

JavaScript

function load_script(src, callback) {var s = document.createElement('script');s.src=src;s.onload=callback;document.getElementsByTagName('head')[0].appendChild(s);}function invertColors(){var colorProperties = ['color', 'background-color'];$('*').each(function() {var color = null;for(var prop in colorProperties) {prop = colorProperties[prop];if (!$(this).css(prop)) continue;color=new RGBColor($(this).css(prop));if(color.ok){$(this).css(prop,'rgb('+(255-color.r)+', '+(255-color.g)+', '+(255-color.b)+')');}color=null;}});}load_script('http://www.phpied.com/files/rgbcolor/rgbcolor.js', function(){if(!window.jQuery)load_script('https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js',invertColors);else invertColors();});