---
title: Color & Theming
---

%h2 Brand Colors
%ul.sl-l-grid.sl-l-grid--full.sl-l-large-grid--divide-by-3.sl-l-large-grid--gutters
  - for swatch in data.color.colors
    %li.sl-l-grid__column
      %p{class: "sl-background--" + swatch.name}  

      %code= "$sl-color--" + swatch.name