Color 色彩
使用 Material 的色彩体系。你可以利用 class 来声明颜色，背景颜色直接使用颜色名称 ${color} 即可，而字体颜色需要额外加上前缀 text-${color}。
通用
部分组件由提供 color 属性来改变颜色，如果没有 color 属性也不用担心，可以直接利用上述方式修改颜色，甚至与原本组件上的 color 属性效果一致。
调色板
以下使内置的颜色变量，结合变量名和上方使用方法快速更换颜色。
red-0#ffebee
red-1#ffcdd2
red-2#ef9a9a
red-3#e57373
red-4#ef5350
red-5#f44336
red-6#e53936
red-7#d32f2f
red-8#c62828
red-9#b71c1c
redred-6
pink-0#fce4ec
pink-1#f8bbd0
pink-2#f48fb1
pink-3#f06292
pink-4#ec407a
pink-5#e91e63
pink-6#d81b60
pink-7#c2185b
pink-8#ad1457
pink-9#880e4f
pinkpink-6
purple-0#f3e5f5
purple-1#e1bee7
purple-2#ce93d8
purple-3#ba68c8
purple-4#ab47bc
purple-5#9c27b0
purple-6#8e24aa
purple-7#7b1fa2
purple-8#6a1b9a
purple-9#4a148c
purplepurple-6
deep-purple-0#ede7f6
deep-purple-1#d1c4e9
deep-purple-2#b39ddb
deep-purple-3#9575cd
deep-purple-4#7e57c2
deep-purple-5#673ab7
deep-purple-6#5e35b1
deep-purple-7#512da8
deep-purple-8#4527a0
deep-purple-9#311b92
deep-purpledeep-purple-6
indigo-0#e8eaf6
indigo-1#c5cae9
indigo-2#9fa8da
indigo-3#7986cb
indigo-4#5c6bc0
indigo-5#3f51b5
indigo-6#3949ab
indigo-7#303f9f
indigo-8#283593
indigo-9#1a237e
indigoindigo-6
blue-0#e3f2fd
blue-1#bbdefb
blue-2#90caf9
blue-3#64b5f6
blue-4#42a5f5
blue-5#2196f3
blue-6#1e88e5
blue-7#1976d2
blue-8#1565c0
blue-9#0d47a1
blueblue-6
light-blue-0#e1f5fe
light-blue-1#b3e5fc
light-blue-2#81d4fa
light-blue-3#4fc3f7
light-blue-4#29b6f6
light-blue-5#03a9f4
light-blue-6#039be5
light-blue-7#0288d1
light-blue-8#0277bd
light-blue-9#01579b
light-bluelight-blue-6
cyan-0#e0f7fa
cyan-1#b2ebf2
cyan-2#80deea
cyan-3#4dd0e1
cyan-4#26c6da
cyan-5#00bcd4
cyan-6#00acc1
cyan-7#0097a7
cyan-8#00838f
cyan-9#006064
cyancyan-6
teal-0#e0f2f1
teal-1#b2dfdb
teal-2#80cbc4
teal-3#4db6ac
teal-4#26a69a
teal-5#009688
teal-6#00897b
teal-7#00796b
teal-8#00695c
teal-9#004d40
tealteal-6
green-0#e8f5e9
green-1#c8e6c9
green-2#a5d6a7
green-3#81c784
green-4#66bb6a
green-5#4caf50
green-6#43a047
green-7#388e3c
green-8#2e7d32
green-9#1b5e20
greengreen-6
light-green-0#f1f8e9
light-green-1#dcedc8
light-green-2#c5e1a5
light-green-3#aed581
light-green-4#9ccc65
light-green-5#8bc34a
light-green-6#7cb342
light-green-7#689f38
light-green-8#558b2f
light-green-9#33691e
light-greenlight-green-6
lime-0#f9fbe7
lime-1#f0f4c3
lime-2#e6ee9c
lime-3#dce775
lime-4#d4e157
lime-5#cddc39
lime-6#c0ca33
lime-7#afb42b
lime-8#9e9d24
lime-9#827717
limelime-6
yellow-0#fffde7
yellow-1#fff9c4
yellow-2#fff59d
yellow-3#fff176
yellow-4#ffee58
yellow-5#ffeb3b
yellow-6#fdd835
yellow-7#fbc02d
yellow-8#f9a825
yellow-9#f57f17
yellowyellow-6
amber-0#fff8e1
amber-1#ffecb3
amber-2#ffe082
amber-3#ffd54f
amber-4#ffca28
amber-5#ffc107
amber-6#ffb300
amber-7#ffa000
amber-8#ff8f00
amber-9#ff6f00
amberamber-6
orange-0#fff3e0
orange-1#ffe0b2
orange-2#ffcc80
orange-3#ffb74d
orange-4#ffa726
orange-5#ff9800
orange-6#fb8c00
orange-7#f57c00
orange-8#ef6c00
orange-9#e65100
orangeorange-6
deep-orange-0#fbe9e7
deep-orange-1#ffccbc
deep-orange-2#ffab91
deep-orange-3#ff8a65
deep-orange-4#ff7043
deep-orange-5#ff5722
deep-orange-6#f4511e
deep-orange-7#e64a19
deep-orange-8#d84315
deep-orange-9#bf360c
deep-orangedeep-orange-6
brown-0#efebe9
brown-1#d7ccc8
brown-2#bcaaa4
brown-3#a1887f
brown-4#8d6e63
brown-5#795548
brown-6#6d4c41
brown-7#5d4037
brown-8#4e342e
brown-9#3e2723
brownbrown-6
gray-0#fafafa
gray-1#f5f5f5
gray-2#eeeeee
gray-3#e0e0e0
gray-4#bdbdbd
gray-5#9e9e9e
gray-6#757575
gray-7#616161
gray-8#424242
gray-9#212121
graygray-6
blue-gray-0#eceff1
blue-gray-1#cfd8dc
blue-gray-2#b0bec5
blue-gray-3#90a4ae
blue-gray-4#78909c
blue-gray-5#607d8b
blue-gray-6#546e7a
blue-gray-7#455a64
blue-gray-8#37474f
blue-gray-9#263238
blue-grayblue-gray-6
black#000000
white#ffffff