Text Color

Atomic PropsCSS Properties
{colorName}color: {named color};
color={value}color: {value};

Use color in design system#

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

call preset color:Color palette

Use color props#

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

Color opacity#

transparentize color:

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

opacify color#

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

lighten color#

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

darken color#

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

Hover#

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

hover with transparentize, lighten, darken:

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

Focus#

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO