50

100

200

300

400

500

600

700

800

900

plainColor

plainHoverBg

plainActiveBg

plainDisabledColor

outlinedColor

outlinedBorder

outlinedHoverBg

outlinedHoverBorder

outlinedActiveBg

outlinedDisabledColor

outlinedDisabledBorder

softColor

softBg

softHoverBg

softActiveBg

softDisabledColor

softDisabledBg

solidColor

solidBg

solidHoverBg

solidActiveBg

solidDisabledColor

solidDisabledBg

overrideTextPrimary

overrideTextSecondary

overrideTextTertiary

mainChannel

lightChannel

darkChannel

50

100

200

300

400

500

600

700

800

900

plainColor

plainHoverColor

plainHoverBg

plainActiveBg

plainDisabledColor

outlinedColor

outlinedBorder

outlinedHoverColor

outlinedHoverBg

outlinedHoverBorder

outlinedActiveBg

outlinedDisabledColor

outlinedDisabledBorder

softColor

softBg

softHoverColor

softHoverBg

softActiveBg

softDisabledColor

softDisabledBg

solidColor

solidBg

solidHoverBg

solidActiveBg

solidDisabledColor

solidDisabledBg

overrideTextPrimary

overrideTextSecondary

overrideTextTertiary

mainChannel

lightChannel

darkChannel

50

100

200

300

400

500

600

700

800

900

plainColor

plainHoverBg

plainActiveBg

plainDisabledColor

outlinedColor

outlinedBorder

outlinedHoverBg

outlinedHoverBorder

outlinedActiveBg

outlinedDisabledColor

outlinedDisabledBorder

softColor

softBg

softHoverBg

softActiveBg

softDisabledColor

softDisabledBg

solidColor

solidBg

solidHoverBg

solidActiveBg

solidDisabledColor

solidDisabledBg

overrideTextPrimary

overrideTextSecondary

overrideTextTertiary

mainChannel

lightChannel

darkChannel

50

100

200

300

400

500

600

700

800

900

plainColor

plainHoverBg

plainActiveBg

plainDisabledColor

outlinedColor

outlinedBorder

outlinedHoverBg

outlinedHoverBorder

outlinedActiveBg

outlinedDisabledColor

outlinedDisabledBorder

softColor

softBg

softHoverBg

softActiveBg

softDisabledColor

softDisabledBg

solidColor

solidBg

solidHoverBg

solidActiveBg

solidDisabledColor

solidDisabledBg

overrideTextPrimary

overrideTextSecondary

overrideTextTertiary

mainChannel

lightChannel

darkChannel

50

100

200

300

400

500

600

700

800

900

plainColor

plainHoverBg

plainActiveBg

plainDisabledColor

outlinedColor

outlinedBorder

outlinedHoverBg

outlinedHoverBorder

outlinedActiveBg

outlinedDisabledColor

outlinedDisabledBorder

softColor

softBg

softHoverBg

softActiveBg

softDisabledColor

softDisabledBg

solidColor

solidBg

solidHoverBg

solidActiveBg

solidDisabledColor

solidDisabledBg

overrideTextPrimary

overrideTextSecondary

overrideTextTertiary

mainChannel

lightChannel

darkChannel

50

100

200

300

400

500

600

700

800

900

plainColor

plainHoverBg

plainActiveBg

plainDisabledColor

outlinedColor

outlinedBorder

outlinedHoverBg

outlinedHoverBorder

outlinedActiveBg

outlinedDisabledColor

outlinedDisabledBorder

softColor

softBg

softHoverBg

softActiveBg

softDisabledColor

softDisabledBg

solidColor

solidBg

solidHoverBg

solidActiveBg

solidDisabledColor

solidDisabledBg

overrideTextPrimary

overrideTextSecondary

overrideTextTertiary

mainChannel

lightChannel

darkChannel

primary

secondary

tertiary

body

level1

level2

level3

0

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

0

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29