Skip to content

Core

Jump to bottom
Allan Gomes edited this page Aug 18, 2024 · 4 revisions

Colors

Tokens

white
black
color_inherit
color_current
transparent
slate   [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
gray    [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
zinc    [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
neutral [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
stone   [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
red     [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
orange  [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
amber   [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
yellow  [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
lime    [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
green   [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
emerald [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
teal    [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
cyan    [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
sky     [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
blue    [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
indigo  [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
violet  [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
purple  [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
fuchsia [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
pink    [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]
rose    [I50, I100, I200, I300, I400, I500, I600, I700, I800, I900, I950]

Examples

kw.inline { background.red[I500] }       //background-color: #EF4444
kw.inline { text.black }                 //color: #000
kw.inline { underline.color_inherit }    //text-decoration-color: inherit

Clone this wiki locally