anchor.diff:              , code_dfn    : 'fadeout(@apertureblack, 20%)'
               , code_hexa   : 'rgba(#0d0800, 0.8)'
               , bg_class    : 'a-bc-shadeheavy'
  -            , box_color   : scheme.aperturewhite
  +            , box_color   : color_scheme.aperturewhite
               }
             , tintheavy : {
                 name        : 'Tint Heavy'
               , code_dfn    : 'fadeout(@aperturewhite, 20%)'
               , code_hexa   : 'rgba(#f2f7ff, 0.8)'
               , bg_class    : 'a-bc-tintheavy'
  -            , box_color   : scheme.apertureblack
  +            , box_color   : color_scheme.apertureblack
               , is_dark     : true
               }
             }
  
positive.code:             , code_dfn    : 'fadeout(@apertureblack, 80%)'
              , code_hexa   : 'rgba(#0d0800, 0.2)'
              , bg_class    : 'a-bc-shadelight'
              , box_color   : scheme.aperturewhite
              }
            , tintlight : {
                name        : 'Tint Light'
              , code_dfn    : 'fadeout(@aperturewhite, 80%)'
              , code_hexa   : 'rgba(#f2f7ff, 0.2)'
              , bg_class    : 'a-bc-tintlight'
              , box_color   : scheme.apertureblack
              , is_dark     : true
              }
            , shadeheavy : {
  
negative.code:           #[a(rel="external" href="http://www.thinkwithportals.com/"): cite Portal] video game series.
          section.o-FlexContainer
            h3.-w-1o1 Main Portal Colors
            +colorBox(color_scheme.aperturewhite)
              p.
                The purity of Aperture Science in all its glory. This dazzling
                brilliance of bluish light seen on the portalable panels coated with
                Conversion Gel makes the background emit an eerie glow, like the full moon.
            +colorBox(color_scheme.apertureblack)
              p.
                The polar opposite of Aperture White. Representing the true dark nature
                of the Enrichment Center, this is the color of the panels that inhibit
                portals. A hint of orange is infinitesimally noticeable. What better way to
                complement the background color than the color of normal text?
            +colorBox(color_scheme.lakesuperior)
              p.
                This Great Lake borders #[a Ontonagon, MI], the location of the
                Aperture Science Enrichment Center. A perfect fit for superior headings on
                a page.
            +colorBox(color_scheme.facilityabyss)
              p.
                This color can be seen in the endless depths of the subterranean
                testing facility. This color is for #[i minor] headings of a page.
            +colorBox(color_scheme.atlas)
              p.
                Short and stout, Atlas is one of the two robots used for testing.
                Untouched hyperlinks are dedicated to his digital iris.
            +colorBox(color_scheme.pbody)
              p.
                Tall and wiry, P-body is one of the two robots used for testing.
                Hovered hyperlinks are dedicated to his (or her?) digital iris.
          section.o-FlexContainer
            h3.-w-1o1 More Portal Colors
            +colorBox(color_scheme.cavescaves)
              p.
                Cave&rsquo;s underground salt mines were the ideal venue for early
                test chambers.
            +colorBox(color_scheme.asbestos)
              p.
                The forgotten underground test chambers are ridden with this harmful
                substance. Or so Mr.&nbsp;Johnson says.
            +colorBox(color_scheme.repulsion)
              p.
                Good news, you&rsquo;re not part of the control group; you get the gel.
                Bad news, it does #[em not] like the human skeleton. Turns out you might
                just break every bone in your legs anyway.
            +colorBox(color_scheme.propulsion)
              p #[i Forwarding] the cause of science.
          section.o-FlexContainer
            h3.-w-1o1 UI Component Colors
            +colorBox(color_scheme.deploying)
              p.
                The one word you never want to hear without a portal gun. Just as the
                iris of a Sentry Turret, this color is briefly seen, providing a subtle accent
                on the site.
            +colorBox(color_scheme.hereye)
              p.
                This color alone will scare the
                prokaryotic-microorganism-infested-fecal-matter out of you. See where you can
                find it. You monster.
            +colorBox(color_scheme.neurotoxin)
              p.
                Long ago an #[i accident] resulted in the unleashing of
                this deadly vapor and the murdering of the entire human staff of
                Aperture Laboratories. Some say it could happen again, but this time on the
                test subjects&hellip;
            +colorBox(color_scheme.bridges)
              p.
                Hard Light Bridges are literally massless, yet they can sustain
                infinite weight, as Chell can attest to.
            +colorBox(color_scheme.companion)
              p.
                Believed to be sentient by some and alive by others, the
                Weighted Companion Cube has been said to provide advice and display emotions
                such as brevity, care, and love. It is even believed to hum opera when near
                a friend. A perfect color for helpful elements on a Web page.
            +colorBox(color_scheme.vilify)
              p: q.-fs-t(cite="https://www.youtube.com/watch?v=G-Vg2YS-sFE").
                You&rsquo;ve
                got sucker&rsquo;s luck. Have you given up? Does it feel
                like a trial? Does it trouble your mind the way you trouble mine?
          section.o-FlexContainer
            h3.-w-1o1 Grays and Shadows
            +colorBox(color_scheme.graylite)
            +colorBox(color_scheme.graydark)
            +colorBoxTrans(trans.shadelight, 7)
            +colorBoxTrans(trans.tintlight,  7)
            +colorBoxTrans(trans.shadeheavy, 4)
            +colorBoxTrans(trans.tintheavy,  4)
          aside.o-Box.o-Box--dialog(style={
            'margin-bottom': '1.5rem'
          , border: '1px solid #9acc7a'
          , 'margin-top': '-2px'
          , background: 'rgba(0, 0, 0, 0.05)'
          , 'box-shadow': 'inset 0 0 0.5rem 0rem rgba(0,0,0,0.2)'
          })
            h3.-ta-c Overlapping Opacity
            p.c-Subhead Calculating the Perceived Alpha Value
            p.
  