anchor.diff:      script(src="../../bower_components/jquery/dist/jquery.js")
       script(src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML,https://chharvey.github.io/chhlib/mathjax-localconfig.js")
       script(src="../scripts/global.js")
  +    script(src="../scripts/Util.js")
  +    script(src="../scripts/Color.js")
       script.
  -      $('.js-rowbc__chk').change(function () {
  -        $(this).parents('tr').removeClass('js-bc-black-new js-bc-white-new')
  -        if (this.checked) $(this).parents('tr').addClass($(this).val())
  +      $('.js-rowbc-swatch').change(function () {
  +        var orig = $(this).attr('value')
  +          , value = $(this).val() || orig
  +        function swatchChange(self, newvalue) {
  +          $(self).parents('tr').each(function () {
  +            $(this).attr('style', 'background-color: ' + newvalue + ' !important')
  +            $(this).find('th .ColorCode').html(newvalue)
  +          })
  +        }
  +        swatchChange($(this), value)
  +        $(this).parents('tr').find('td').each(function () {
  +          if ($(this).find('s').length === 0) {
  +            $(this).wrapInner('<s>').find('s').css('line-height','inherit').css('color', 'transparent')
  +          }
  +        })
  +        $(this).siblings('.js-reset-swatch').click(function () {
  +          swatchChange($(this), orig)
  +          $(this).parents('tr').find('td').each(function () {
  +            $(this).html($(this).find('s').html()) // unwraps contents with <s> element
  +          })
  +        })
         })
         var pre = $('#syntax-example')
         $('input[name="bg"]').change(function () {
  
positive.code:                   th.o-Box
                      div Shades
                      code fadein(@apertureblack,&hellip;)
                      .ColorCode #f2f7ff
                      form: label
                        input.js-rowbc__chk(type="checkbox" value="js-bc-white-new")
                        |  bgcolor
                    td.ColorCode.a-bc-portal-shade3 #ced1d7
                    td.ColorCode.a-bc-portal-shade2 #afb2b5
                    td.ColorCode.a-bc-portal-shade1 #969798
  
negative.code:       .a-bc-gray-shade2 { background-color: rgba(  0,   0,   0, 0.29289322) !important; }
        .a-bc-gray-shade3 { background-color: rgba(  0,   0,   0, 0.40539644) !important; }
        .a-bc-gray-shade4 { background-color: rgba(  0,   0,   0, 0.5       ) !important; }
    body.o-GoldenContainer
      main.o-GoldenContainer__Content
        h1 Site-Wide Schemes
  