@theme-ui/prism/presets/dracula.json

A syntax highlighting component based on [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer) that works seamlessly with Theme UI.

{
  "color": "#F8F8F2",
  "backgroundColor": "#282A36",
  ".prolog,.constant,.builtin": {
    "color": "rgb(189, 147, 249)"
  },
  ".inserted,.function": {
    "color": "rgb(80, 250, 123)"
  },
  ".deleted": {
    "color": "rgb(255, 85, 85)"
  },
  ".changed": {
    "color": "rgb(255, 184, 108)"
  },
  ".punctuation,.symbol": {
    "color": "rgb(248, 248, 242)"
  },
  ".string,.char,.tag,.selector": {
    "color": "rgb(255, 121, 198)"
  },
  ".keyword,.variable": {
    "color": "rgb(189, 147, 249)",
    "fontStyle": "italic"
  },
  ".comment": {
    "color": "rgb(98, 114, 164)"
  },
  ".attr-name": {
    "color": "rgb(241, 250, 140)"
  },
  ".highlight": {
    "background": "hsla(0, 0%, 30%, .5)"
  }
}