Ang Skeletonic Stylus v2.0.0 ay nagpapadala ng tatlong opsyonal na colour palette, bawat isa ay ipinamamahagi bilang sariling minified na stylesheet kaya nagbabayad ka lamang para sa ginagamit mo.
| Palette | File | Laki (min) |
|---|---|---|
| Material | dist/css/palettes/material/skeletonic-material.min.css |
≈17.4 KB |
| Tachyons | dist/css/palettes/tachyons/skeletonic-tachyons.min.css |
7.3 KB |
| Web-safe | dist/css/palettes/websafe/skeletonic-websafe.min.css |
≈3.5 KB |
Nilo-load ng pahinang ito ang Tachyons na palette kaya ang mga colour utility class sa ibaba ay nire-render nang tama.
Mga core grey ng Skeletonic
Ang core stylesheet ay nagpapadala ng isang accessible na 11-step na grey scale na inilalantad bilang
--cl-grey-100 … --cl-grey-1000.
Mga kulay ng brand (v2.0.0 — AA contrast)
Sa v2.0.0 ang mga primary at secondary na token ay pinaitim upang matugunan ang WCAG 4.5:1 na contrast laban sa puting text agad mula sa kahon.
hsl(210 100% 42%)
hsl(195 100% 33%)
#757c8a
Paalala.
--cl-tertiary(#757c8a) ay nakakamit ng 4.71:1 na contrast ratio laban sa puti — AA-conformant para sa malaking teksto (≥ 18 px bold / ≥ 24 px regular) ngunit hindi para sa body text. Ipares ito sa mas madilim na background o gamitin lamang para sa mga hindi esensyal na dekorasyong elemento.
Mga Tachyons palette utility class
Kapag nilo-load mo ang skeletonic-tachyons.min.css nakakakuha ka ng buong set ng
single-purpose na colour class — parehong shipped na artefact, opt-in na module.
<span class="bg-blue white pa2">.bg-blue .white</span>
<span class="bg-light-green dark-green pa2">.bg-light-green .dark-green</span>
<span class="bg-washed-yellow dark-gray pa2">.bg-washed-yellow .dark-gray</span>
Ang buong Tachyons palette spec ay nakadokumento sa tachyons.io/docs/themes/skins; ang bersyon na narito ay ang kino-compile ng Skeletonic.