Updated 24 August 2024
Fills & Effects
color/gray_alpha
25
75
color / gray_alpha
50
100
200
300
400
500
600
700
800
900
color / gray
25
50
75
100
200
300
400
500
600
700
800
900
color / neutral_black
4
7
12
16
20
24
32
48
64
76
88
100
color / neutral_white
4
7
12
16
20
24
32
48
64
76
88
100
color/primary
25
50
75
100
200
300
400
500
600
700
800
900
color/secondary
25
50
75
100
200
300
400
500
600
700
800
900
color
transparent
surface / theme_light
surface_0
surface_1
surface_2
surface_3
surface_high_em
info_accent_2
success_accent_2
warning_accent_2
danger_accent_2
disabled_base_em
disabled_light_em
disabled_med_em
disabled_high_em
color / danger
25
50
75
100
200
300
400
500
600
700
800
900
color / info
25
50
75
100
200
300
400
500
600
700
800
900
color / success
25
50
75
100
200
300
400
500
600
700
800
900
color / warning
25
50
75
100
200
300
400
500
600
700
800
900
outline / theme_light
none
base_em
low_em
med_em
high_em
info_high_em
info_med_em
info_low_em
success_high_em
success_med_em
success_low_em
warning_high_em
warning_med_em
warning_low_em
danger_high_em
danger_med_em
danger_low_em
white
outline / theme_dark
none
base_em
low_em
med_em
high_em
text/theme_light
primary_on_accentDark
primary_on_mediumDark
primary_on_base
primary_on_accentLight
text / theme_light
disabled
low_em
med_em
high_em
info_on_accentDark
info_on_mediumDark
info_on_base
info_on_accentLight
success_on_accentDark
success_on_mediumDark
success_on_base
success_on_accentLight
warning_on_accentDark
warning_on_mediumDark
warning_on_base
warning_on_accentLight
danger_on_accentDark
danger_on_mediumDark
danger_on_base
danger_on_accentLight
white
text/theme_dark
primary_on_accentDark
primary_on_base
primary_on_accentLight
text / theme_dark
disabled
low_em
med_em
high_em
info_on_accentDark
info_on_base
info_on_accentLight
success_on_accentDark
success_on_base
success_on_accentLight
warning_on_accentDark
warning_on_base
warning_on_accentLight
danger_on_accentDark
danger_on_base
danger_on_accentLight
dark
outline/theme_light
primary_high_em
primary_med_em
primary_low_em
outline/theme_dark
primary_base_em
surface/theme_light
primary_accent_1
primary_accent_2
secondary_accent_1
secondary_accent_2
info_accent_1
success_accent_1
warning_accent_1
danger_accent_1
primary
surface/theme_dark
surface_1
surface_3
primary_accent_1
secondary_accent_1
secondary_accent_2
info_accent_1
info_accent_2
success_accent_1
success_accent_2
warning_accent_1
warning_accent_2
danger_accent_1
disabled_base_em
primary
surface / theme_dark
surface_0
surface_2
surface_4
surface_5
surface_6
surface_high_em
primary_accent_2
danger_accent_2
disabled_light_em
disabled_med_em
disabled_high_em
elevation / theme_light
elevation/theme_light
elevation / theme_dark
outline / theme_light
outline/theme_light
outline / theme_dark
outline/theme_dark