pesticide snippet

pesticide.js

((context) => {

  // Create the namespace if it's not created yet.
  if(!context.PESTICIDE) context.PESTICIDE = {isDebugging: false};

  // Color table (tag name and hexadecimal value).
  var COLOR_TABLE = {
			'body': '#2980b9',
			'article': '#3498db',
			'nav': '#0088c3',
			'aside': '#33a0ce',
			'section': '#66b8da',
			'header': '#99cfe7',
			'footer': '#cce7f3',
			'h1': '#162544',
			'h2': '#314e6e',
			'h3': '#3e5e85',
			'h4': '#449baf',
			'h5': '#c7d1cb',
			'h6': '#4371d0',
			'main': '#2f4f90',
			'address': '#1a2c51',
			'div': '#036cdb',
			'p': '#ac050b',
			'hr': '#ff063f',
			'pre': '#850440',
			'blockquote': '#f1b8e7',
			'ol': '#ff050c',
			'ul': '#d90416',
			'li': '#d90416',
			'dl': '#fd3427',
			'dt': '#ff0043',
			'dd': '#e80174',
			'figure': '#ff00bb',
			'figcaption': '#bf0032',
			'table': '#00cc99',
			'caption': '#37ffc4',
			'thead': '#98daca',
			'tbody': '#64a7a0',
			'tfoot': '#22746b',
			'tr': '#86c0b2',
			'th': '#a1e7d6',
			'td': '#3f5a54',
			'col': '#6c9a8f',
			'colgroup': '#6c9a9d',
			'button': '#da8301',
			'datalist': '#c06000',
			'fieldset': '#d95100',
			'form': '#d23600',
			'input': '#fca600',
			'keygen': '#b31e00',
			'label': '#ee8900',
			'legend': '#de6d00',
			'meter': '#e8630c',
			'optgroup': '#b33600',
			'option': '#ff8a00',
			'output': '#ff9619',
			'progress': '#e57c00',
			'select': '#e26e0f',
			'textarea': '#cc5400',
			'details': '#33848f',
			'summary': '#60a1a6',
			'command': '#438da1',
			'menu': '#449da6',
			'del': '#bf0000',
			'ins': '#400000',
			'img': '#22746b',
			'iframe': '#64a7a0',
			'embed': '#98daca',
			'object': '#00cc99',
			'param': '#37ffc4',
			'video': '#6ee866',
			'audio': '#027353',
			'source': '#012426',
			'canvas': '#a2f570',
			'track': '#59a600',
			'map': '#7be500',
			'area': '#305900',
			'a': '#ff62ab',
			'em': '#800b41',
			'strong': '#ff1583',
			'i': '#803156',
			'b': '#cc1169',
			'u': '#ff0430',
			's': '#f805e3',
			'small': '#d107b2',
			'abbr': '#4a0263',
			'q': '#240018',
			'cite': '#64003c',
			'dfn': '#b4005a',
			'sub': '#dba0c8',
			'sup': '#cc0256',
			'time': '#d6606d',
			'code': '#e04251',
			'kbd': '#5e001f',
			'samp': '#9c0033',
			'var': '#d90047',
			'mark': '#ff0053',
			'bdi': '#bf3668',
			'bdo': '#6f1400',
			'ruby': '#ff7b93',
			'rt': '#ff2f54',
			'rp': '#803e49',
			'span': '#cc2643',
			'br': '#db687d',
			'wbr': '#db175b',
      },
      // All body elements.
      all = document.body.getElementsByTagName('*'),
      count = 0,
      item,
      itemBorderColor,
      isDebugging = context.PESTICIDE.isDebugging;

  for(; count < all.length; ++count) {
    item = all[count];
    // Color fallback is 'red'.
    itemBorderColor = COLOR_TABLE[item.tagName.toLowerCase()] || 'red';
    // Apply the outline color to the element. If it's not in debug mode, it'll apply a transparent outline.
    item.style.outline = '1px solid ' + (!isDebugging ? itemBorderColor : 'transparent');
  }

  // Toggle debugging flag.
  context.PESTICIDE.isDebugging = !isDebugging;

})(window);