Custom callout color

  1. In a clone of this tests site, create _sass/custom/setup.scss containing:

    $pink-000: #f77ef1;
    $pink-100: #f967f1;
    $pink-200: #e94ee1;
    $pink-300: #dd2cd4;
    
  2. In _sass/color_schemes/test.scss insert:

    $link-color: $pink-100
    
  3. In _config.yaml replace:

      note:
        color: blue
    

    by:

      note:
        color: pink
        opacity: 0.3
    
  4. Build the site.

  5. Check that the Note callout is colored pink.