Skeletonic Stylus v2.0.0 dodava tri volitelne barevne palety, kazda distribuovana jako vlastni minifikovany stylesheet, takze platite pouze za to, co pouzivate.
| Paleta | Soubor | Velikost (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 |
Tato stranka nacita paletu Tachyons, aby se nize uvedene barevne utilitni tridy vykreslily spravne.
Zakladni sede tony Skeletonic
Zakladni stylesheet dodava pristupnou 11krokovou stupnici sedych tonu
zpristupnenou jako --cl-grey-100 … --cl-grey-1000.
Znackove barvy (v2.0.0 — AA kontrast)
Ve v2.0.0 byly primarni a sekundarni tokeny ztmaveny, aby splnovaly WCAG 4,5:1 kontrast vuci bilemu textu hned po instalaci.
hsl(210 100% 42%)
hsl(195 100% 33%)
#757c8a
Poznamka.
--cl-tertiary(#757c8a) dosahuje kontrastniho pomeru 4.71:1 vuci bile — vyhovuje AA pro velky text (≥ 18 px tucne / ≥ 24 px bezne), ale ne pro zakladni text. Kombinujte jej s tmavsimi pozadimi nebo jej pouzijte pouze pro neesencialni dekorativni prvky.
Utilitni tridy palety Tachyons
Po nacteni skeletonic-tachyons.min.css ziskate kompletni sadu
jednoúcelovych barevnych trid — stejny dodany artefakt, volitelny modul.
<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>
Kompletni specifikace palety Tachyons je zdokumentovana na tachyons.io/docs/themes/skins; verze zde dodana je ta, kterou Skeletonic kompiluje.