JSFiddle - React, Tailwind, and code Playground

by Alexander

CSS

:root{
  background-color: #fefefe;
  filter: invert(100%)
}

* {
  background-color:inherit
}

img:not([src*=".svg"]), video {
  filter: invert(100%)
}

JavaScript

console.clear();

//javascript:
(d=>{
  var css = `:root{background-color: #fefefe;filter: invert(100%)}*{background-color:inherit}img:not([src*=".svg"]),video{filter: invert(100%)}`,
  style,
  id="dark-theme-snippet",
  ee = d.querySelector(id);
  if (null != ee) ee.parentNode.removeChild(ee);
  else {
    style = d.createElement('style')
    style.type = "text/css";
    style.id = id;
    if (style.styleSheet) style.styleSheet.cssText = css;
    else style.appendChild(document.createTextNode(css));
    (document.head||document.getElementsByTagName('head')[0]).appendChild(style);
  }
})(document)