@vcl/vcl/theme/demo/example-semantic-brand-colors.html

The whole VCL in one package

<div>
  <h3>Semantic Brand Colors</h3>
  <div class="col demo">
    <div class="row center">
      <div class="label">--brand-primary</div>
      <div class="color bprimary"></div>
    </div>
    <div class="row center">
      <div class="label">--brand-success</div>
      <div class="color bsuccess"></div>
    </div>
    <div class="row center">
      <div class="label">--brand-info</div>
      <div class="color binfo"></div>
    </div>
    <div class="row center">
      <div class="label">--brand-warning</div>
      <div class="color bwarning"></div>
    </div>
    <div class="row center">
      <div class="label">--brand-danger</div>
      <div class="color bdanger"></div>
    </div>
  </div>
</div>