Overall List
Border Style
— none —
Hairline Hairline Dashed Minor Normal Minor Dashed Minor Dotted Major Thick Major Dashed Heavy Emphasis Heavy Mark Accent Dashed Accent Dashed Thick Dashed Focus Ring Dotted Status Success Status Warning Status Error
Border Radius
px
Column Header
Background
— default —
White Gray 50 Gray 50 Gray 100 Gray 200 Gray 100 Gray 200 Gray 300 Gray 400 Gray 300 Gray 400 Gray 500 Gray 500 Gray 600 Gray 600 Gray 700 Gray 700 Gray 800 Gray 800 Gray 900 Gray 900 Slate 50 Slate Slate 100 Slate 200 Slate 300 Slate 400 Blue Light Slate 500 Blue Soft Slate 600 Button Blue Slate 700 Blue Dark Slate 800 Slate 900 Red 50 Green Soft Red 100 Green Red 200 Green Dark Red 300 Red 400 Red 500 Red 600 Red 700 Red 800 Red 900 Yellow Soft Yellow Yellow Dark Orange 50 Orange 100 Orange 200 Orange 300 Orange 400 Red Soft Orange 500 Orange 600 Red Red Dark Orange 700 Orange 800 Orange 900 Orange Soft Yellow 50 Yellow 100 Orange Yellow 200 Orange Dark Yellow 300 Yellow 400 Yellow 500 Yellow 600 Yellow 700 Yellow 800 Yellow 900 Purple Soft Purple Purple Dark Green 50 Green 100 Green 200 Green 300 Green 400 Teal Soft Green 500 Green 600 Teal Teal Dark Green 700 Green 800 Green 900 Primary Teal 50 Primary Hover Teal 100 Success Teal 200 Warning Teal 300 Teal 400 Error Info Teal 500 Teal 600 Teal 700 Teal 800 Teal 900 Background Page Background Content Background Alternate Background Muted Background Deeper Background Hover Blue 50 Blue 100 Background Selected Background Overlay Blue 200 Blue 300 Blue 400 Text Primary Blue 500 Text Secondary Blue 600 Text Muted Blue 700 Blue 800 Text Disabled Text Inverse Blue 900 Border Default Purple 50 Purple 100 Border Subtle Border Strong Purple 200 Border Focus Purple 300 Purple 400 Purple 500 Purple 600 Purple 700 Purple 800 Purple 900 Pink 50 Pink 100 Pink 200 Pink 300 Pink 400 Pink 500 Pink 600 Pink 700 Pink 800 Pink 900 Black
Hover Background
— default —
White Gray 50 Gray 50 Gray 100 Gray 200 Gray 100 Gray 200 Gray 300 Gray 400 Gray 300 Gray 400 Gray 500 Gray 500 Gray 600 Gray 600 Gray 700 Gray 700 Gray 800 Gray 800 Gray 900 Gray 900 Slate 50 Slate Slate 100 Slate 200 Slate 300 Slate 400 Blue Light Slate 500 Blue Soft Slate 600 Button Blue Slate 700 Blue Dark Slate 800 Slate 900 Red 50 Green Soft Red 100 Green Red 200 Green Dark Red 300 Red 400 Red 500 Red 600 Red 700 Red 800 Red 900 Yellow Soft Yellow Yellow Dark Orange 50 Orange 100 Orange 200 Orange 300 Orange 400 Red Soft Orange 500 Orange 600 Red Red Dark Orange 700 Orange 800 Orange 900 Orange Soft Yellow 50 Yellow 100 Orange Yellow 200 Orange Dark Yellow 300 Yellow 400 Yellow 500 Yellow 600 Yellow 700 Yellow 800 Yellow 900 Purple Soft Purple Purple Dark Green 50 Green 100 Green 200 Green 300 Green 400 Teal Soft Green 500 Green 600 Teal Teal Dark Green 700 Green 800 Green 900 Primary Teal 50 Primary Hover Teal 100 Success Teal 200 Warning Teal 300 Teal 400 Error Info Teal 500 Teal 600 Teal 700 Teal 800 Teal 900 Background Page Background Content Background Alternate Background Muted Background Deeper Background Hover Blue 50 Blue 100 Background Selected Background Overlay Blue 200 Blue 300 Blue 400 Text Primary Blue 500 Text Secondary Blue 600 Text Muted Blue 700 Blue 800 Text Disabled Text Inverse Blue 900 Border Default Purple 50 Purple 100 Border Subtle Border Strong Purple 200 Border Focus Purple 300 Purple 400 Purple 500 Purple 600 Purple 700 Purple 800 Purple 900 Pink 50 Pink 100 Pink 200 Pink 300 Pink 400 Pink 500 Pink 600 Pink 700 Pink 800 Pink 900 Black
Font Style
— default —
Display Title Large Page Title Title Page Subtitle Section Title Title Small Subsection Title Heading Header Title Heading Small Body Strong Body Compact Label Column Title Label Small Caption Strong Micro Field Stage Label Body Large Button Body Data Mono Body Small Caption Hint
Font Color Override
— from font style —
White Gray 50 Gray 50 Gray 100 Gray 200 Gray 100 Gray 200 Gray 300 Gray 400 Gray 300 Gray 400 Gray 500 Gray 500 Gray 600 Gray 600 Gray 700 Gray 700 Gray 800 Gray 800 Gray 900 Gray 900 Slate 50 Slate Slate 100 Slate 200 Slate 300 Slate 400 Blue Light Slate 500 Blue Soft Slate 600 Button Blue Slate 700 Blue Dark Slate 800 Slate 900 Red 50 Green Soft Red 100 Green Red 200 Green Dark Red 300 Red 400 Red 500 Red 600 Red 700 Red 800 Red 900 Yellow Soft Yellow Yellow Dark Orange 50 Orange 100 Orange 200 Orange 300 Orange 400 Red Soft Orange 500 Orange 600 Red Red Dark Orange 700 Orange 800 Orange 900 Orange Soft Yellow 50 Yellow 100 Orange Yellow 200 Orange Dark Yellow 300 Yellow 400 Yellow 500 Yellow 600 Yellow 700 Yellow 800 Yellow 900 Purple Soft Purple Purple Dark Green 50 Green 100 Green 200 Green 300 Green 400 Teal Soft Green 500 Green 600 Teal Teal Dark Green 700 Green 800 Green 900 Primary Teal 50 Primary Hover Teal 100 Success Teal 200 Warning Teal 300 Teal 400 Error Info Teal 500 Teal 600 Teal 700 Teal 800 Teal 900 Background Page Background Content Background Alternate Background Muted Background Deeper Background Hover Blue 50 Blue 100 Background Selected Background Overlay Blue 200 Blue 300 Blue 400 Text Primary Blue 500 Text Secondary Blue 600 Text Muted Blue 700 Blue 800 Text Disabled Text Inverse Blue 900 Border Default Purple 50 Purple 100 Border Subtle Border Strong Purple 200 Border Focus Purple 300 Purple 400 Purple 500 Purple 600 Purple 700 Purple 800 Purple 900 Pink 50 Pink 100 Pink 200 Pink 300 Pink 400 Pink 500 Pink 600 Pink 700 Pink 800 Pink 900 Black
Column Divider
— none —
Hairline Hairline Dashed Minor Normal Minor Dashed Minor Dotted Major Thick Major Dashed Heavy Emphasis Heavy Mark Accent Dashed Accent Dashed Thick Dashed Focus Ring Dotted Status Success Status Warning Status Error
Column Padding
px
Row Appearance
Row Background
— default —
White Gray 50 Gray 50 Gray 100 Gray 200 Gray 100 Gray 200 Gray 300 Gray 400 Gray 300 Gray 400 Gray 500 Gray 500 Gray 600 Gray 600 Gray 700 Gray 700 Gray 800 Gray 800 Gray 900 Gray 900 Slate 50 Slate Slate 100 Slate 200 Slate 300 Slate 400 Blue Light Slate 500 Blue Soft Slate 600 Button Blue Slate 700 Blue Dark Slate 800 Slate 900 Red 50 Green Soft Red 100 Green Red 200 Green Dark Red 300 Red 400 Red 500 Red 600 Red 700 Red 800 Red 900 Yellow Soft Yellow Yellow Dark Orange 50 Orange 100 Orange 200 Orange 300 Orange 400 Red Soft Orange 500 Orange 600 Red Red Dark Orange 700 Orange 800 Orange 900 Orange Soft Yellow 50 Yellow 100 Orange Yellow 200 Orange Dark Yellow 300 Yellow 400 Yellow 500 Yellow 600 Yellow 700 Yellow 800 Yellow 900 Purple Soft Purple Purple Dark Green 50 Green 100 Green 200 Green 300 Green 400 Teal Soft Green 500 Green 600 Teal Teal Dark Green 700 Green 800 Green 900 Primary Teal 50 Primary Hover Teal 100 Success Teal 200 Warning Teal 300 Teal 400 Error Info Teal 500 Teal 600 Teal 700 Teal 800 Teal 900 Background Page Background Content Background Alternate Background Muted Background Deeper Background Hover Blue 50 Blue 100 Background Selected Background Overlay Blue 200 Blue 300 Blue 400 Text Primary Blue 500 Text Secondary Blue 600 Text Muted Blue 700 Blue 800 Text Disabled Text Inverse Blue 900 Border Default Purple 50 Purple 100 Border Subtle Border Strong Purple 200 Border Focus Purple 300 Purple 400 Purple 500 Purple 600 Purple 700 Purple 800 Purple 900 Pink 50 Pink 100 Pink 200 Pink 300 Pink 400 Pink 500 Pink 600 Pink 700 Pink 800 Pink 900 Black
Alternate Row
— default —
White Gray 50 Gray 50 Gray 100 Gray 200 Gray 100 Gray 200 Gray 300 Gray 400 Gray 300 Gray 400 Gray 500 Gray 500 Gray 600 Gray 600 Gray 700 Gray 700 Gray 800 Gray 800 Gray 900 Gray 900 Slate 50 Slate Slate 100 Slate 200 Slate 300 Slate 400 Blue Light Slate 500 Blue Soft Slate 600 Button Blue Slate 700 Blue Dark Slate 800 Slate 900 Red 50 Green Soft Red 100 Green Red 200 Green Dark Red 300 Red 400 Red 500 Red 600 Red 700 Red 800 Red 900 Yellow Soft Yellow Yellow Dark Orange 50 Orange 100 Orange 200 Orange 300 Orange 400 Red Soft Orange 500 Orange 600 Red Red Dark Orange 700 Orange 800 Orange 900 Orange Soft Yellow 50 Yellow 100 Orange Yellow 200 Orange Dark Yellow 300 Yellow 400 Yellow 500 Yellow 600 Yellow 700 Yellow 800 Yellow 900 Purple Soft Purple Purple Dark Green 50 Green 100 Green 200 Green 300 Green 400 Teal Soft Green 500 Green 600 Teal Teal Dark Green 700 Green 800 Green 900 Primary Teal 50 Primary Hover Teal 100 Success Teal 200 Warning Teal 300 Teal 400 Error Info Teal 500 Teal 600 Teal 700 Teal 800 Teal 900 Background Page Background Content Background Alternate Background Muted Background Deeper Background Hover Blue 50 Blue 100 Background Selected Background Overlay Blue 200 Blue 300 Blue 400 Text Primary Blue 500 Text Secondary Blue 600 Text Muted Blue 700 Blue 800 Text Disabled Text Inverse Blue 900 Border Default Purple 50 Purple 100 Border Subtle Border Strong Purple 200 Border Focus Purple 300 Purple 400 Purple 500 Purple 600 Purple 700 Purple 800 Purple 900 Pink 50 Pink 100 Pink 200 Pink 300 Pink 400 Pink 500 Pink 600 Pink 700 Pink 800 Pink 900 Black
Hover Background
— default —
White Gray 50 Gray 50 Gray 100 Gray 200 Gray 100 Gray 200 Gray 300 Gray 400 Gray 300 Gray 400 Gray 500 Gray 500 Gray 600 Gray 600 Gray 700 Gray 700 Gray 800 Gray 800 Gray 900 Gray 900 Slate 50 Slate Slate 100 Slate 200 Slate 300 Slate 400 Blue Light Slate 500 Blue Soft Slate 600 Button Blue Slate 700 Blue Dark Slate 800 Slate 900 Red 50 Green Soft Red 100 Green Red 200 Green Dark Red 300 Red 400 Red 500 Red 600 Red 700 Red 800 Red 900 Yellow Soft Yellow Yellow Dark Orange 50 Orange 100 Orange 200 Orange 300 Orange 400 Red Soft Orange 500 Orange 600 Red Red Dark Orange 700 Orange 800 Orange 900 Orange Soft Yellow 50 Yellow 100 Orange Yellow 200 Orange Dark Yellow 300 Yellow 400 Yellow 500 Yellow 600 Yellow 700 Yellow 800 Yellow 900 Purple Soft Purple Purple Dark Green 50 Green 100 Green 200 Green 300 Green 400 Teal Soft Green 500 Green 600 Teal Teal Dark Green 700 Green 800 Green 900 Primary Teal 50 Primary Hover Teal 100 Success Teal 200 Warning Teal 300 Teal 400 Error Info Teal 500 Teal 600 Teal 700 Teal 800 Teal 900 Background Page Background Content Background Alternate Background Muted Background Deeper Background Hover Blue 50 Blue 100 Background Selected Background Overlay Blue 200 Blue 300 Blue 400 Text Primary Blue 500 Text Secondary Blue 600 Text Muted Blue 700 Blue 800 Text Disabled Text Inverse Blue 900 Border Default Purple 50 Purple 100 Border Subtle Border Strong Purple 200 Border Focus Purple 300 Purple 400 Purple 500 Purple 600 Purple 700 Purple 800 Purple 900 Pink 50 Pink 100 Pink 200 Pink 300 Pink 400 Pink 500 Pink 600 Pink 700 Pink 800 Pink 900 Black
Selected Background
— default —
White Gray 50 Gray 50 Gray 100 Gray 200 Gray 100 Gray 200 Gray 300 Gray 400 Gray 300 Gray 400 Gray 500 Gray 500 Gray 600 Gray 600 Gray 700 Gray 700 Gray 800 Gray 800 Gray 900 Gray 900 Slate 50 Slate Slate 100 Slate 200 Slate 300 Slate 400 Blue Light Slate 500 Blue Soft Slate 600 Button Blue Slate 700 Blue Dark Slate 800 Slate 900 Red 50 Green Soft Red 100 Green Red 200 Green Dark Red 300 Red 400 Red 500 Red 600 Red 700 Red 800 Red 900 Yellow Soft Yellow Yellow Dark Orange 50 Orange 100 Orange 200 Orange 300 Orange 400 Red Soft Orange 500 Orange 600 Red Red Dark Orange 700 Orange 800 Orange 900 Orange Soft Yellow 50 Yellow 100 Orange Yellow 200 Orange Dark Yellow 300 Yellow 400 Yellow 500 Yellow 600 Yellow 700 Yellow 800 Yellow 900 Purple Soft Purple Purple Dark Green 50 Green 100 Green 200 Green 300 Green 400 Teal Soft Green 500 Green 600 Teal Teal Dark Green 700 Green 800 Green 900 Primary Teal 50 Primary Hover Teal 100 Success Teal 200 Warning Teal 300 Teal 400 Error Info Teal 500 Teal 600 Teal 700 Teal 800 Teal 900 Background Page Background Content Background Alternate Background Muted Background Deeper Background Hover Blue 50 Blue 100 Background Selected Background Overlay Blue 200 Blue 300 Blue 400 Text Primary Blue 500 Text Secondary Blue 600 Text Muted Blue 700 Blue 800 Text Disabled Text Inverse Blue 900 Border Default Purple 50 Purple 100 Border Subtle Border Strong Purple 200 Border Focus Purple 300 Purple 400 Purple 500 Purple 600 Purple 700 Purple 800 Purple 900 Pink 50 Pink 100 Pink 200 Pink 300 Pink 400 Pink 500 Pink 600 Pink 700 Pink 800 Pink 900 Black
Row Divider
— none —
Hairline Hairline Dashed Minor Normal Minor Dashed Minor Dotted Major Thick Major Dashed Heavy Emphasis Heavy Mark Accent Dashed Accent Dashed Thick Dashed Focus Ring Dotted Status Success Status Warning Status Error
Row Padding
px
Typography
Row Font Style
— default —
Display Title Large Page Title Title Page Subtitle Section Title Title Small Subsection Title Heading Header Title Heading Small Body Strong Body Compact Label Column Title Label Small Caption Strong Micro Field Stage Label Body Large Button Body Data Mono Body Small Caption Hint
Row Font Color Override
— from font style —
White Gray 50 Gray 50 Gray 100 Gray 200 Gray 100 Gray 200 Gray 300 Gray 400 Gray 300 Gray 400 Gray 500 Gray 500 Gray 600 Gray 600 Gray 700 Gray 700 Gray 800 Gray 800 Gray 900 Gray 900 Slate 50 Slate Slate 100 Slate 200 Slate 300 Slate 400 Blue Light Slate 500 Blue Soft Slate 600 Button Blue Slate 700 Blue Dark Slate 800 Slate 900 Red 50 Green Soft Red 100 Green Red 200 Green Dark Red 300 Red 400 Red 500 Red 600 Red 700 Red 800 Red 900 Yellow Soft Yellow Yellow Dark Orange 50 Orange 100 Orange 200 Orange 300 Orange 400 Red Soft Orange 500 Orange 600 Red Red Dark Orange 700 Orange 800 Orange 900 Orange Soft Yellow 50 Yellow 100 Orange Yellow 200 Orange Dark Yellow 300 Yellow 400 Yellow 500 Yellow 600 Yellow 700 Yellow 800 Yellow 900 Purple Soft Purple Purple Dark Green 50 Green 100 Green 200 Green 300 Green 400 Teal Soft Green 500 Green 600 Teal Teal Dark Green 700 Green 800 Green 900 Primary Teal 50 Primary Hover Teal 100 Success Teal 200 Warning Teal 300 Teal 400 Error Info Teal 500 Teal 600 Teal 700 Teal 800 Teal 900 Background Page Background Content Background Alternate Background Muted Background Deeper Background Hover Blue 50 Blue 100 Background Selected Background Overlay Blue 200 Blue 300 Blue 400 Text Primary Blue 500 Text Secondary Blue 600 Text Muted Blue 700 Blue 800 Text Disabled Text Inverse Blue 900 Border Default Purple 50 Purple 100 Border Subtle Border Strong Purple 200 Border Focus Purple 300 Purple 400 Purple 500 Purple 600 Purple 700 Purple 800 Purple 900 Pink 50 Pink 100 Pink 200 Pink 300 Pink 400 Pink 500 Pink 600 Pink 700 Pink 800 Pink 900 Black