Chapter 07 of 11·Guides

Theming

Four CSS custom properties match every skeleton to your design system.

One set of tokens controls every skeleton. Set them once to match your design system.

globals.csscss

:root {
  --skelly-base: #E4E2DC;
  --skelly-highlight: #F5F4F0;
  --skelly-radius: 5px;
  --skelly-speed: 1.4s;
}