anchor.diff:        +colorBox(color_scheme.graydark)
         +colorBoxTrans(trans.shadelight, 7)
         +colorBoxTrans(trans.tintlight,  7)
  -      +colorBoxTrans(trans.shadeheavy, 4)
  -      +colorBoxTrans(trans.tintheavy,  4)
  +      +colorBoxTrans(trans.shadeheavy, 4, { classes: ['h-darkbg'] })
  +      +colorBoxTrans(trans.tintheavy,  4, { classes: ['-c-b'] })
       aside.o-Box(style={
         'margin-bottom': '1.5rem'
       , 'border': '1px solid #9acc7a'
  
positive.code:           .#{color.bg_class}
            #{color.code_dfn} == #{color.code_hexa}
          +translabel('Zero', 0)
          +transbox(0)
      h2 Color Scheme
      footer: p.
        Based on the
  
negative.code:           p.-mb-0
              = text
              code.ColorCode.-ml-h.js-mix(data-overlap-number=number)
          mixin transbox(i, specs)
            - specs = specs || {}
            if i < n
              div.o-Box.o-Box--mill(class=[color.bg_class].concat(specs.classes) style=specs.style)
                +translabel(numbers[i], i+1)
                +transbox(i+1, specs)
          h4.ColorTitle Overlapping #{color.name}
          form
            label
  