Material Design 3 "Menu" tokens: All tokens
Preview
Browse tokens
Color
Menus - Common
Typography
| Token | Value |
|---|---|
Menu item label text fontmd.comp.menus.menu-item.label-text.font | Roboto md.comp.menus.menu-item.label-text.font
|
Menu item label text line heightmd.comp.menus.menu-item.label-text.line-height | 20pt md.comp.menus.menu-item.label-text.line-height
|
Menu item label text sizemd.comp.menus.menu-item.label-text.size | 14pt md.comp.menus.menu-item.label-text.size
|
Menu item label text trackingmd.comp.menus.menu-item.label-text.tracking | 0.1pt md.comp.menus.menu-item.label-text.tracking
|
Menu item label text weightmd.comp.menus.menu-item.label-text.weight | 500 md.comp.menus.menu-item.label-text.weight
|
Menu item supporting text fontmd.comp.menus.menu-item.supporting-text.font | Roboto md.comp.menus.menu-item.supporting-text.font
|
Menu item supporting text line heightmd.comp.menus.menu-item.supporting-text.line-height | 16pt md.comp.menus.menu-item.supporting-text.line-height
|
Menu item supporting text sizemd.comp.menus.menu-item.supporting-text.size | 12pt md.comp.menus.menu-item.supporting-text.size
|
Menu item supporting text trackingmd.comp.menus.menu-item.supporting-text.tracking | 0.4pt md.comp.menus.menu-item.supporting-text.tracking
|
Menu item supporting text weightmd.comp.menus.menu-item.supporting-text.weight | 400 md.comp.menus.menu-item.supporting-text.weight
|
Menu item trailing supporting text fontmd.comp.menus.menu-item.trailing-supporting-text.font | Roboto md.comp.menus.menu-item.trailing-supporting-text.font
|
Menu item trailing supporting text line heightmd.comp.menus.menu-item.trailing-supporting-text.line-height | 20pt md.comp.menus.menu-item.trailing-supporting-text.line-height
|
Menu item trailing supporting text sizemd.comp.menus.menu-item.trailing-supporting-text.size | 14pt md.comp.menus.menu-item.trailing-supporting-text.size
|
Menu item trailing supporting text trackingmd.comp.menus.menu-item.trailing-supporting-text.tracking | 0.1pt md.comp.menus.menu-item.trailing-supporting-text.tracking
|
Menu item trailing supporting text weightmd.comp.menus.menu-item.trailing-supporting-text.weight | 500 md.comp.menus.menu-item.trailing-supporting-text.weight
|
Shape
Default
| Token | Value |
|---|---|
Menu active container shapemd.comp.menus.active.container.shape | 16dp md.comp.menus.active.container.shape
|
Menu container shapemd.comp.menus.container.shape | 16dp md.comp.menus.container.shape
|
Menu group shapemd.comp.menus.group.shape | 8dp md.comp.menus.group.shape
|
Menu inactive container shapemd.comp.menus.inactive.container.shape | 8dp md.comp.menus.inactive.container.shape
|
Menu item first child inner corner corner sizemd.comp.menus.menu-item.first-child.inner-corner.corner-size | 4dp md.comp.menus.menu-item.first-child.inner-corner.corner-size
|
Menu item first child shapemd.comp.menus.menu-item.first-child.shape | 12dp md.comp.menus.menu-item.first-child.shape
|
Menu item last child inner corner corner sizemd.comp.menus.menu-item.last-child.inner-corner.corner-size | 4dp md.comp.menus.menu-item.last-child.inner-corner.corner-size
|
Menu item last child shapemd.comp.menus.menu-item.last-child.shape | 12dp md.comp.menus.menu-item.last-child.shape
|
Menu item shapemd.comp.menus.menu-item.shape | 4dp md.comp.menus.menu-item.shape
|
Selected
| Token | Value |
|---|---|
Menu item selected shapemd.comp.menus.menu-item.selected.shape | 12dp md.comp.menus.menu-item.selected.shape
|
Horizontal, Default
| Token | Value |
|---|---|
Menu horizontal container shapemd.comp.menus.horizontal.container.shape | Full md.comp.menus.horizontal.container.shape
|
Menu horizontal menu item focused shapemd.comp.menus.horizontal.menu-item.focused.shape | 12dp md.comp.menus.horizontal.menu-item.focused.shape
|
Menu horizontal menu item hovered shapemd.comp.menus.horizontal.menu-item.hovered.shape | 12dp md.comp.menus.horizontal.menu-item.hovered.shape
|
Menu horizontal menu item pressed shapemd.comp.menus.horizontal.menu-item.pressed.shape | 12dp md.comp.menus.horizontal.menu-item.pressed.shape
|
Horizontal, Selected
| Token | Value |
|---|---|
Menu horizontal menu item selected focused shapemd.comp.menus.horizontal.menu-item.selected.focused.shape | Full md.comp.menus.horizontal.menu-item.selected.focused.shape
|
Menu horizontal menu item selected hovered shapemd.comp.menus.horizontal.menu-item.selected.hovered.shape | Full md.comp.menus.horizontal.menu-item.selected.hovered.shape
|
Menu horizontal menu item selected pressed shapemd.comp.menus.horizontal.menu-item.selected.pressed.shape | Full md.comp.menus.horizontal.menu-item.selected.pressed.shape
|
Horizontal icon-only, selected
| Token | Value |
|---|---|
Menu horizontal icon only menu item selected shapemd.comp.menus.horizontal.icon-only.menu-item.selected.shape | Full md.comp.menus.horizontal.icon-only.menu-item.selected.shape
|
Layout
Default
| Token | Value |
|---|---|
Menu container elevationmd.comp.menus.container.elevation | 3dp md.comp.menus.container.elevation
|
Menu gapmd.comp.menus.gap | 2dp md.comp.menus.gap
|
Menu group paddingmd.comp.menus.group.padding | 2dp md.comp.menus.group.padding
|
Menu item between spacemd.comp.menus.menu-item.between-space | 12dp md.comp.menus.menu-item.between-space
|
Menu item bottom spacemd.comp.menus.menu-item.bottom-space | 8dp md.comp.menus.menu-item.bottom-space
|
Menu item heightmd.comp.menus.menu-item.height | 44dp md.comp.menus.menu-item.height |
Menu item leading icon sizemd.comp.menus.menu-item.leading-icon.size | 20dp md.comp.menus.menu-item.leading-icon.size |
Menu item leading spacemd.comp.menus.menu-item.leading-space | 16dp md.comp.menus.menu-item.leading-space
|
Menu item top spacemd.comp.menus.menu-item.top-space | 8dp md.comp.menus.menu-item.top-space
|
Menu item trailing icon sizemd.comp.menus.menu-item.trailing-icon.size | 20dp md.comp.menus.menu-item.trailing-icon.size |
Menu item trailing spacemd.comp.menus.menu-item.trailing-space | 16dp md.comp.menus.menu-item.trailing-space
|
Horizontal
| Token | Value |
|---|---|
Menu horizontal container bottom spacemd.comp.menus.horizontal.container.bottom-space | 8dp md.comp.menus.horizontal.container.bottom-space
|
Menu horizontal container top spacemd.comp.menus.horizontal.container.top-space | 8dp md.comp.menus.horizontal.container.top-space
|
Menu horizontal menu item between spacemd.comp.menus.horizontal.menu-item.between-space | 12dp md.comp.menus.horizontal.menu-item.between-space
|
Menu horizontal menu item bottom spacemd.comp.menus.horizontal.menu-item.bottom-space | 6dp md.comp.menus.horizontal.menu-item.bottom-space
|
Menu horizontal menu item leading spacemd.comp.menus.horizontal.menu-item.leading-space | 12dp md.comp.menus.horizontal.menu-item.leading-space
|
Menu horizontal menu item top spacemd.comp.menus.horizontal.menu-item.top-space | 6dp md.comp.menus.horizontal.menu-item.top-space
|
Menu horizontal menu item trailing spacemd.comp.menus.horizontal.menu-item.trailing-space | 12dp md.comp.menus.horizontal.menu-item.trailing-space
|
Horizontal icon-only
| Token | Value |
|---|---|
Menu horizontal icon only gapmd.comp.menus.horizontal.icon-only.gap | 4dp md.comp.menus.horizontal.icon-only.gap
|
Menu horizontal icon only menu item bottom spacemd.comp.menus.horizontal.icon-only.menu-item.bottom-space | 16dp md.comp.menus.horizontal.icon-only.menu-item.bottom-space
|
Menu horizontal icon only menu item leading spacemd.comp.menus.horizontal.icon-only.menu-item.leading-space | 16dp md.comp.menus.horizontal.icon-only.menu-item.leading-space
|
Menu horizontal icon only menu item top spacemd.comp.menus.horizontal.icon-only.menu-item.top-space | 16dp md.comp.menus.horizontal.icon-only.menu-item.top-space
|
Menu horizontal icon only menu item trailing spacemd.comp.menus.horizontal.icon-only.menu-item.trailing-space | 16dp md.comp.menus.horizontal.icon-only.menu-item.trailing-space
|
Focus ring
| Token | Value |
|---|---|
Menu item focus indicator colormd.comp.menus.menu-item.focus.indicator.color | #625B71 md.comp.menus.menu-item.focus.indicator.color
|
Menu item focus indicator outline offsetmd.comp.menus.menu-item.focus.indicator.outline.offset | -3dp md.comp.menus.menu-item.focus.indicator.outline.offset
|
Menu item focus indicator thicknessmd.comp.menus.menu-item.focus.indicator.thickness | 3dp md.comp.menus.menu-item.focus.indicator.thickness
|
Menus - Color - Standard
Enabled
| Token | Value |
|---|---|
Menu standard container colormd.comp.menus.standard.container.color | #F7F2FA md.comp.menus.standard.container.color
|
Menu standard container shadow colormd.comp.menus.standard.container.shadow-color | #000000 md.comp.menus.standard.container.shadow-color
|
Menu standard icon button container colormd.comp.menus.standard.icon-button.container.color | #F7F2FA md.comp.menus.standard.icon-button.container.color
|
Menu standard icon button icon colormd.comp.menus.standard.icon-button.icon.color | #49454F md.comp.menus.standard.icon-button.icon.color
|
Menu standard menu item container colormd.comp.menus.standard.menu-item.container.color | #F7F2FA md.comp.menus.standard.menu-item.container.color
|
Menu standard menu item label text colormd.comp.menus.standard.menu-item.label-text.color | #1D1B20 md.comp.menus.standard.menu-item.label-text.color
|
Menu standard menu item leading icon colormd.comp.menus.standard.menu-item.leading-icon.color | #49454F md.comp.menus.standard.menu-item.leading-icon.color
|
Menu standard menu item supporting text colormd.comp.menus.standard.menu-item.supporting-text.color | #49454F md.comp.menus.standard.menu-item.supporting-text.color
|
Menu standard menu item trailing icon colormd.comp.menus.standard.menu-item.trailing-icon.color | #49454F md.comp.menus.standard.menu-item.trailing-icon.color
|
Menu standard menu item trailing supporting text colormd.comp.menus.standard.menu-item.trailing-supporting-text.color | #49454F md.comp.menus.standard.menu-item.trailing-supporting-text.color
|
Menu standard section label text colormd.comp.menus.standard.section-label-text.color | #49454F md.comp.menus.standard.section-label-text.color
|
Disabled
| Token | Value |
|---|---|
Menu standard disabled icon button icon colormd.comp.menus.standard.disabled.icon-button.icon.color | #1D1B20 md.comp.menus.standard.disabled.icon-button.icon.color
|
Menu standard menu item disabled label text colormd.comp.menus.standard.menu-item.disabled.label-text.color | #1D1B20 md.comp.menus.standard.menu-item.disabled.label-text.color
|
Menu standard menu item disabled label text opacitymd.comp.menus.standard.menu-item.disabled.label-text.opacity | 38% md.comp.menus.standard.menu-item.disabled.label-text.opacity |
Menu standard menu item disabled leading icon colormd.comp.menus.standard.menu-item.disabled.leading-icon.color | #1D1B20 md.comp.menus.standard.menu-item.disabled.leading-icon.color
|
Menu standard menu item disabled leading icon opacitymd.comp.menus.standard.menu-item.disabled.leading-icon.opacity | 38% md.comp.menus.standard.menu-item.disabled.leading-icon.opacity |
Menu standard menu item disabled supporting text colormd.comp.menus.standard.menu-item.disabled.supporting-text.color | #1D1B20 md.comp.menus.standard.menu-item.disabled.supporting-text.color
|
Menu standard menu item disabled supporting text opacitymd.comp.menus.standard.menu-item.disabled.supporting-text.opacity | 38% md.comp.menus.standard.menu-item.disabled.supporting-text.opacity |
Menu standard menu item disabled trailing icon colormd.comp.menus.standard.menu-item.disabled.trailing-icon.color | #1D1B20 md.comp.menus.standard.menu-item.disabled.trailing-icon.color
|
Menu standard menu item disabled trailing icon opacitymd.comp.menus.standard.menu-item.disabled.trailing-icon.opacity | 38% md.comp.menus.standard.menu-item.disabled.trailing-icon.opacity |
Menu standard menu item disabled trailing supporting text colormd.comp.menus.standard.menu-item.disabled.trailing-supporting-text.color | #1D1B20 md.comp.menus.standard.menu-item.disabled.trailing-supporting-text.color
|
Menu standard menu item disabled trailing supporting text opacitymd.comp.menus.standard.menu-item.disabled.trailing-supporting-text.opacity | 38% md.comp.menus.standard.menu-item.disabled.trailing-supporting-text.opacity |
Hovered
| Token | Value |
|---|---|
Menu standard icon button hovered state layer colormd.comp.menus.standard.icon-button.hovered.state-layer.color | #1D1B20 md.comp.menus.standard.icon-button.hovered.state-layer.color
|
Menu standard menu item hovered label text colormd.comp.menus.standard.menu-item.hovered.label-text.color | #1D1B20 md.comp.menus.standard.menu-item.hovered.label-text.color
|
Menu standard menu item hovered leading icon colormd.comp.menus.standard.menu-item.hovered.leading-icon.color | #49454F md.comp.menus.standard.menu-item.hovered.leading-icon.color
|
Menu standard menu item hovered state layer colormd.comp.menus.standard.menu-item.hovered.state-layer.color | #1D1B20 md.comp.menus.standard.menu-item.hovered.state-layer.color
|
Menu standard menu item hovered state layer opacitymd.comp.menus.standard.menu-item.hovered.state-layer.opacity | 8% md.comp.menus.standard.menu-item.hovered.state-layer.opacity
|
Menu standard menu item hovered trailing icon colormd.comp.menus.standard.menu-item.hovered.trailing-icon.color | #49454F md.comp.menus.standard.menu-item.hovered.trailing-icon.color
|
Focused
| Token | Value |
|---|---|
Menu standard icon button focused state layer colormd.comp.menus.standard.icon-button.focused.state-layer.color | #1D1B20 md.comp.menus.standard.icon-button.focused.state-layer.color
|
Menu standard menu item focused label text colormd.comp.menus.standard.menu-item.focused.label-text.color | #1D1B20 md.comp.menus.standard.menu-item.focused.label-text.color
|
Menu standard menu item focused leading icon colormd.comp.menus.standard.menu-item.focused.leading-icon.color | #49454F md.comp.menus.standard.menu-item.focused.leading-icon.color
|
Menu standard menu item focused state layer colormd.comp.menus.standard.menu-item.focused.state-layer.color | #1D1B20 md.comp.menus.standard.menu-item.focused.state-layer.color
|
Menu standard menu item focused state layer opacitymd.comp.menus.standard.menu-item.focused.state-layer.opacity | 10% md.comp.menus.standard.menu-item.focused.state-layer.opacity
|
Menu standard menu item focused trailing icon colormd.comp.menus.standard.menu-item.focused.trailing-icon.color | #49454F md.comp.menus.standard.menu-item.focused.trailing-icon.color
|
Pressed
| Token | Value |
|---|---|
Menu standard icon button pressed state layer colormd.comp.menus.standard.icon-button.pressed.state-layer.color | #1D1B20 md.comp.menus.standard.icon-button.pressed.state-layer.color
|
Menu standard menu item pressed label text colormd.comp.menus.standard.menu-item.pressed.label-text.color | #1D1B20 md.comp.menus.standard.menu-item.pressed.label-text.color
|
Menu standard menu item pressed leading icon colormd.comp.menus.standard.menu-item.pressed.leading-icon.color | #49454F md.comp.menus.standard.menu-item.pressed.leading-icon.color
|
Menu standard menu item pressed state layer colormd.comp.menus.standard.menu-item.pressed.state-layer.color | #1D1B20 md.comp.menus.standard.menu-item.pressed.state-layer.color
|
Menu standard menu item pressed state layer opacitymd.comp.menus.standard.menu-item.pressed.state-layer.opacity | 10% md.comp.menus.standard.menu-item.pressed.state-layer.opacity
|
Menu standard menu item pressed trailing icon colormd.comp.menus.standard.menu-item.pressed.trailing-icon.color | #49454F md.comp.menus.standard.menu-item.pressed.trailing-icon.color
|
Enabled, Active
| Token | Value |
|---|---|
Menu standard menu item active state layer colormd.comp.menus.standard.menu-item.active.state-layer.color | #1D1B20 md.comp.menus.standard.menu-item.active.state-layer.color
|
Menu standard menu item active state layer opacitymd.comp.menus.standard.menu-item.active.state-layer.opacity | 8% md.comp.menus.standard.menu-item.active.state-layer.opacity
|
Enabled, Selected
| Token | Value |
|---|---|
Menu standard icon button selected container colormd.comp.menus.standard.icon-button.selected.container.color | #FFD8E4 md.comp.menus.standard.icon-button.selected.container.color
|
Menu standard icon button selected icon colormd.comp.menus.standard.icon-button.selected.icon.color | #633B48 md.comp.menus.standard.icon-button.selected.icon.color
|
Menu standard menu item selected container colormd.comp.menus.standard.menu-item.selected.container.color | #FFD8E4 md.comp.menus.standard.menu-item.selected.container.color
|
Menu standard menu item selected label text colormd.comp.menus.standard.menu-item.selected.label-text.color | #633B48 md.comp.menus.standard.menu-item.selected.label-text.color
|
Menu standard menu item selected leading icon colormd.comp.menus.standard.menu-item.selected.leading-icon.color | #633B48 md.comp.menus.standard.menu-item.selected.leading-icon.color
|
Menu standard menu item selected supporting text colormd.comp.menus.standard.menu-item.selected.supporting-text.color | #633B48 md.comp.menus.standard.menu-item.selected.supporting-text.color
|
Menu standard menu item selected trailing icon colormd.comp.menus.standard.menu-item.selected.trailing-icon.color | #633B48 md.comp.menus.standard.menu-item.selected.trailing-icon.color
|
Menu standard menu item selected trailing supporting text colormd.comp.menus.standard.menu-item.selected.trailing-supporting-text.color | #633B48 md.comp.menus.standard.menu-item.selected.trailing-supporting-text.color
|
Disabled, Selected
| Token | Value |
|---|---|
Menu standard icon button disabled icon colormd.comp.menus.standard.icon-button.disabled.icon.color | #633B48 md.comp.menus.standard.icon-button.disabled.icon.color
|
Menu standard menu item selected disabled container colormd.comp.menus.standard.menu-item.selected.disabled.container.color | #FFD8E4 md.comp.menus.standard.menu-item.selected.disabled.container.color
|
Menu standard menu item selected disabled container opacitymd.comp.menus.standard.menu-item.selected.disabled.container.opacity | 38% md.comp.menus.standard.menu-item.selected.disabled.container.opacity |
Menu standard menu item selected disabled label text colormd.comp.menus.standard.menu-item.selected.disabled.label-text.color | #633B48 md.comp.menus.standard.menu-item.selected.disabled.label-text.color
|
Menu standard menu item selected disabled label text opacitymd.comp.menus.standard.menu-item.selected.disabled.label-text.opacity | 38% md.comp.menus.standard.menu-item.selected.disabled.label-text.opacity |
Menu standard menu item selected disabled leading icon colormd.comp.menus.standard.menu-item.selected.disabled.leading-icon.color | #633B48 md.comp.menus.standard.menu-item.selected.disabled.leading-icon.color
|
Menu standard menu item selected disabled leading icon opacitymd.comp.menus.standard.menu-item.selected.disabled.leading-icon.opacity | 38% md.comp.menus.standard.menu-item.selected.disabled.leading-icon.opacity |
Menu standard menu item selected disabled trailing icon colormd.comp.menus.standard.menu-item.selected.disabled.trailing-icon.color | #633B48 md.comp.menus.standard.menu-item.selected.disabled.trailing-icon.color
|
Menu standard menu item selected disabled trailing icon opacitymd.comp.menus.standard.menu-item.selected.disabled.trailing-icon.opacity | 38% md.comp.menus.standard.menu-item.selected.disabled.trailing-icon.opacity |
Menu standard menu item selected disabled trailing supporting text colormd.comp.menus.standard.menu-item.selected.disabled.trailing-supporting-text.color | #633B48 md.comp.menus.standard.menu-item.selected.disabled.trailing-supporting-text.color
|
Hovered, Selected
| Token | Value |
|---|---|
Menu standard icon button selected hovered state layer colormd.comp.menus.standard.icon-button.selected.hovered.state-layer.color | #633B48 md.comp.menus.standard.icon-button.selected.hovered.state-layer.color
|
Menu standard menu item selected hovered label text colormd.comp.menus.standard.menu-item.selected.hovered.label-text.color | #633B48 md.comp.menus.standard.menu-item.selected.hovered.label-text.color
|
Menu standard menu item selected hovered leading icon colormd.comp.menus.standard.menu-item.selected.hovered.leading-icon.color | #633B48 md.comp.menus.standard.menu-item.selected.hovered.leading-icon.color
|
Menu standard menu item selected hovered state layer colormd.comp.menus.standard.menu-item.selected.hovered.state-layer.color | #633B48 md.comp.menus.standard.menu-item.selected.hovered.state-layer.color
|
Menu standard menu item selected hovered state layer opacitymd.comp.menus.standard.menu-item.selected.hovered.state-layer.opacity | 8% md.comp.menus.standard.menu-item.selected.hovered.state-layer.opacity
|
Menu standard menu item selected hovered supporting text colormd.comp.menus.standard.menu-item.selected.hovered.supporting-text.color | #633B48 md.comp.menus.standard.menu-item.selected.hovered.supporting-text.color
|
Menu standard menu item selected hovered trailing icon colormd.comp.menus.standard.menu-item.selected.hovered.trailing-icon.color | #633B48 md.comp.menus.standard.menu-item.selected.hovered.trailing-icon.color
|
Menu standard menu item selected hovered trailing supporting text colormd.comp.menus.standard.menu-item.selected.hovered.trailing-supporting-text.color | #633B48 md.comp.menus.standard.menu-item.selected.hovered.trailing-supporting-text.color
|
Focused, Selected
| Token | Value |
|---|---|
Menu standard icon button selected focused state layer colormd.comp.menus.standard.icon-button.selected.focused.state-layer.color | #633B48 md.comp.menus.standard.icon-button.selected.focused.state-layer.color
|
Menu standard menu item selected focused label text colormd.comp.menus.standard.menu-item.selected.focused.label-text.color | #633B48 md.comp.menus.standard.menu-item.selected.focused.label-text.color
|
Menu standard menu item selected focused leading icon colormd.comp.menus.standard.menu-item.selected.focused.leading-icon.color | #633B48 md.comp.menus.standard.menu-item.selected.focused.leading-icon.color
|
Menu standard menu item selected focused state layer colormd.comp.menus.standard.menu-item.selected.focused.state-layer.color | #633B48 md.comp.menus.standard.menu-item.selected.focused.state-layer.color
|
Menu standard menu item selected focused state layer opacitymd.comp.menus.standard.menu-item.selected.focused.state-layer.opacity | 10% md.comp.menus.standard.menu-item.selected.focused.state-layer.opacity
|
Menu standard menu item selected focused supporting text colormd.comp.menus.standard.menu-item.selected.focused.supporting-text.color | #633B48 md.comp.menus.standard.menu-item.selected.focused.supporting-text.color
|
Menu standard menu item selected focused trailing icon colormd.comp.menus.standard.menu-item.selected.focused.trailing-icon.color | #633B48 md.comp.menus.standard.menu-item.selected.focused.trailing-icon.color
|
Menu standard menu item selected focused trailing supporting text colormd.comp.menus.standard.menu-item.selected.focused.trailing-supporting-text.color | #633B48 md.comp.menus.standard.menu-item.selected.focused.trailing-supporting-text.color
|
Pressed, Selected
| Token | Value |
|---|---|
Menu standard icon button selected pressed state layer colormd.comp.menus.standard.icon-button.selected.pressed.state-layer.color | #633B48 md.comp.menus.standard.icon-button.selected.pressed.state-layer.color
|
Menu standard menu item selected pressed label text colormd.comp.menus.standard.menu-item.selected.pressed.label-text.color | #633B48 md.comp.menus.standard.menu-item.selected.pressed.label-text.color
|
Menu standard menu item selected pressed leading icon colormd.comp.menus.standard.menu-item.selected.pressed.leading-icon.color | #633B48 md.comp.menus.standard.menu-item.selected.pressed.leading-icon.color
|
Menu standard menu item selected pressed state layer colormd.comp.menus.standard.menu-item.selected.pressed.state-layer.color | #633B48 md.comp.menus.standard.menu-item.selected.pressed.state-layer.color
|
Menu standard menu item selected pressed state layer opacitymd.comp.menus.standard.menu-item.selected.pressed.state-layer.opacity | 10% md.comp.menus.standard.menu-item.selected.pressed.state-layer.opacity
|
Menu standard menu item selected pressed supporting text colormd.comp.menus.standard.menu-item.selected.pressed.supporting-text.color | #633B48 md.comp.menus.standard.menu-item.selected.pressed.supporting-text.color
|
Menu standard menu item selected pressed trailing icon colormd.comp.menus.standard.menu-item.selected.pressed.trailing-icon.color | #633B48 md.comp.menus.standard.menu-item.selected.pressed.trailing-icon.color
|
Menu standard menu item selected pressed trailing supporting text colormd.comp.menus.standard.menu-item.selected.pressed.trailing-supporting-text.color | #633B48 md.comp.menus.standard.menu-item.selected.pressed.trailing-supporting-text.color
|
Menus - Color - Vibrant
Enabled
| Token | Value |
|---|---|
Menu vibrant container colormd.comp.menus.vibrant.container.color | #FFD8E4 md.comp.menus.vibrant.container.color
|
Menu vibrant icon button container colormd.comp.menus.vibrant.icon-button.container.color | #FFD8E4 md.comp.menus.vibrant.icon-button.container.color
|
Menu vibrant icon button icon colormd.comp.menus.vibrant.icon-button.icon.color | #633B48 md.comp.menus.vibrant.icon-button.icon.color
|
Menu vibrant menu item colormd.comp.menus.vibrant.menu-item.color | #FFD8E4 md.comp.menus.vibrant.menu-item.color
|
Menu vibrant menu item label text colormd.comp.menus.vibrant.menu-item.label-text.color | #633B48 md.comp.menus.vibrant.menu-item.label-text.color
|
Menu vibrant menu item leading icon colormd.comp.menus.vibrant.menu-item.leading-icon.color | #633B48 md.comp.menus.vibrant.menu-item.leading-icon.color
|
Menu vibrant menu item supporting text colormd.comp.menus.vibrant.menu-item.supporting-text.color | #633B48 md.comp.menus.vibrant.menu-item.supporting-text.color
|
Menu vibrant menu item trailing icon colormd.comp.menus.vibrant.menu-item.trailing-icon.color | #633B48 md.comp.menus.vibrant.menu-item.trailing-icon.color
|
Menu vibrant menu item trailing supporting text colormd.comp.menus.vibrant.menu-item.trailing-supporting-text.color | #633B48 md.comp.menus.vibrant.menu-item.trailing-supporting-text.color
|
Menu vibrant section label text colormd.comp.menus.vibrant.section-label-text.color | #633B48 md.comp.menus.vibrant.section-label-text.color
|
Disabled
| Token | Value |
|---|---|
Menu vibrant icon button disabled icon colormd.comp.menus.vibrant.icon-button.disabled.icon.color | #633B48 md.comp.menus.vibrant.icon-button.disabled.icon.color
|
Menu vibrant menu item disabled label text colormd.comp.menus.vibrant.menu-item.disabled.label-text.color | #633B48 md.comp.menus.vibrant.menu-item.disabled.label-text.color
|
Menu vibrant menu item disabled label text opacitymd.comp.menus.vibrant.menu-item.disabled.label-text.opacity | 38% md.comp.menus.vibrant.menu-item.disabled.label-text.opacity |
Menu vibrant menu item disabled leading icon colormd.comp.menus.vibrant.menu-item.disabled.leading-icon.color | #633B48 md.comp.menus.vibrant.menu-item.disabled.leading-icon.color
|
Menu vibrant menu item disabled leading icon opacitymd.comp.menus.vibrant.menu-item.disabled.leading-icon.opacity | 38% md.comp.menus.vibrant.menu-item.disabled.leading-icon.opacity |
Menu vibrant menu item disabled supporting text colormd.comp.menus.vibrant.menu-item.disabled.supporting-text.color | #633B48 md.comp.menus.vibrant.menu-item.disabled.supporting-text.color
|
Menu vibrant menu item disabled supporting text opacitymd.comp.menus.vibrant.menu-item.disabled.supporting-text.opacity | 38% md.comp.menus.vibrant.menu-item.disabled.supporting-text.opacity |
Menu vibrant menu item disabled trailing icon colormd.comp.menus.vibrant.menu-item.disabled.trailing-icon.color | #633B48 md.comp.menus.vibrant.menu-item.disabled.trailing-icon.color
|
Menu vibrant menu item disabled trailing icon opacitymd.comp.menus.vibrant.menu-item.disabled.trailing-icon.opacity | 38% md.comp.menus.vibrant.menu-item.disabled.trailing-icon.opacity |
Menu vibrant menu item disabled trailing supporting text colormd.comp.menus.vibrant.menu-item.disabled.trailing-supporting-text.color | #633B48 md.comp.menus.vibrant.menu-item.disabled.trailing-supporting-text.color
|
Menu vibrant menu item disabled trailing supporting text opacitymd.comp.menus.vibrant.menu-item.disabled.trailing-supporting-text.opacity | 38% md.comp.menus.vibrant.menu-item.disabled.trailing-supporting-text.opacity |
Hovered
| Token | Value |
|---|---|
Menu vibrant icon button hovered state layer colormd.comp.menus.vibrant.icon-button.hovered.state-layer.color | #633B48 md.comp.menus.vibrant.icon-button.hovered.state-layer.color
|
Menu vibrant menu item hovered label text colormd.comp.menus.vibrant.menu-item.hovered.label-text.color | #633B48 md.comp.menus.vibrant.menu-item.hovered.label-text.color
|
Menu vibrant menu item hovered leading icon colormd.comp.menus.vibrant.menu-item.hovered.leading-icon.color | #7D5260 md.comp.menus.vibrant.menu-item.hovered.leading-icon.color
|
Menu vibrant menu item hovered state layer colormd.comp.menus.vibrant.menu-item.hovered.state-layer.color | #633B48 md.comp.menus.vibrant.menu-item.hovered.state-layer.color
|
Menu vibrant menu item hovered state layer opacitymd.comp.menus.vibrant.menu-item.hovered.state-layer.opacity | 8% md.comp.menus.vibrant.menu-item.hovered.state-layer.opacity
|
Menu vibrant menu item hovered supporting text colormd.comp.menus.vibrant.menu-item.hovered.supporting-text.color | #633B48 md.comp.menus.vibrant.menu-item.hovered.supporting-text.color
|
Menu vibrant menu item hovered trailing icon colormd.comp.menus.vibrant.menu-item.hovered.trailing-icon.color | #7D5260 md.comp.menus.vibrant.menu-item.hovered.trailing-icon.color
|
Menu vibrant menu item hovered trailing supporting text colormd.comp.menus.vibrant.menu-item.hovered.trailing-supporting-text.color | #633B48 md.comp.menus.vibrant.menu-item.hovered.trailing-supporting-text.color
|
Focused
| Token | Value |
|---|---|
Menu vibrant icon button focused state layer colormd.comp.menus.vibrant.icon-button.focused.state-layer.color | #633B48 md.comp.menus.vibrant.icon-button.focused.state-layer.color
|
Menu vibrant menu item focused label text colormd.comp.menus.vibrant.menu-item.focused.label-text.color | #633B48 md.comp.menus.vibrant.menu-item.focused.label-text.color
|
Menu vibrant menu item focused leading icon colormd.comp.menus.vibrant.menu-item.focused.leading-icon.color | #7D5260 md.comp.menus.vibrant.menu-item.focused.leading-icon.color
|
Menu vibrant menu item focused state layer colormd.comp.menus.vibrant.menu-item.focused.state-layer.color | #633B48 md.comp.menus.vibrant.menu-item.focused.state-layer.color
|
Menu vibrant menu item focused state layer opacitymd.comp.menus.vibrant.menu-item.focused.state-layer.opacity | 10% md.comp.menus.vibrant.menu-item.focused.state-layer.opacity
|
Menu vibrant menu item focused supporting text colormd.comp.menus.vibrant.menu-item.focused.supporting-text.color | #633B48 md.comp.menus.vibrant.menu-item.focused.supporting-text.color
|
Menu vibrant menu item focused trailing icon colormd.comp.menus.vibrant.menu-item.focused.trailing-icon.color | #7D5260 md.comp.menus.vibrant.menu-item.focused.trailing-icon.color
|
Menu vibrant menu item focused trailing supporting text colormd.comp.menus.vibrant.menu-item.focused.trailing-supporting-text.color | #633B48 md.comp.menus.vibrant.menu-item.focused.trailing-supporting-text.color
|
Pressed
| Token | Value |
|---|---|
Menu vibrant icon button pressed state layer colormd.comp.menus.vibrant.icon-button.pressed.state-layer.color | #633B48 md.comp.menus.vibrant.icon-button.pressed.state-layer.color
|
Menu vibrant menu item pressed label text colormd.comp.menus.vibrant.menu-item.pressed.label-text.color | #633B48 md.comp.menus.vibrant.menu-item.pressed.label-text.color
|
Menu vibrant menu item pressed leading icon colormd.comp.menus.vibrant.menu-item.pressed.leading-icon.color | #7D5260 md.comp.menus.vibrant.menu-item.pressed.leading-icon.color
|
Menu vibrant menu item pressed state layer colormd.comp.menus.vibrant.menu-item.pressed.state-layer.color | #633B48 md.comp.menus.vibrant.menu-item.pressed.state-layer.color
|
Menu vibrant menu item pressed state layer opacitymd.comp.menus.vibrant.menu-item.pressed.state-layer.opacity | 10% md.comp.menus.vibrant.menu-item.pressed.state-layer.opacity
|
Menu vibrant menu item pressed supporting text colormd.comp.menus.vibrant.menu-item.pressed.supporting-text.color | #633B48 md.comp.menus.vibrant.menu-item.pressed.supporting-text.color
|
Menu vibrant menu item pressed trailing icon colormd.comp.menus.vibrant.menu-item.pressed.trailing-icon.color | #7D5260 md.comp.menus.vibrant.menu-item.pressed.trailing-icon.color
|
Menu vibrant menu item pressed trailing supporting text colormd.comp.menus.vibrant.menu-item.pressed.trailing-supporting-text.color | #633B48 md.comp.menus.vibrant.menu-item.pressed.trailing-supporting-text.color
|
Enabled, Active
| Token | Value |
|---|---|
Menu vibrant menu item active state layer colormd.comp.menus.vibrant.menu-item.active.state-layer.color | #633B48 md.comp.menus.vibrant.menu-item.active.state-layer.color
|
Menu vibrant menu item active state layer opacitymd.comp.menus.vibrant.menu-item.active.state-layer.opacity | 8% md.comp.menus.vibrant.menu-item.active.state-layer.opacity
|
Enabled, Selected
| Token | Value |
|---|---|
Menu vibrant icon button selected container colormd.comp.menus.vibrant.icon-button.selected.container.color | #7D5260 md.comp.menus.vibrant.icon-button.selected.container.color
|
Menu vibrant icon button selected icon colormd.comp.menus.vibrant.icon-button.selected.icon.color | #FFFFFF md.comp.menus.vibrant.icon-button.selected.icon.color
|
Menu vibrant menu item selected container colormd.comp.menus.vibrant.menu-item.selected.container.color | #7D5260 md.comp.menus.vibrant.menu-item.selected.container.color
|
Menu vibrant menu item selected label text colormd.comp.menus.vibrant.menu-item.selected.label-text.color | #FFFFFF md.comp.menus.vibrant.menu-item.selected.label-text.color
|
Menu vibrant menu item selected leading icon colormd.comp.menus.vibrant.menu-item.selected.leading-icon.color | #FFFFFF md.comp.menus.vibrant.menu-item.selected.leading-icon.color
|
Menu vibrant menu item selected supporting text colormd.comp.menus.vibrant.menu-item.selected.supporting-text.color | #FFFFFF md.comp.menus.vibrant.menu-item.selected.supporting-text.color
|
Menu vibrant menu item selected trailing icon colormd.comp.menus.vibrant.menu-item.selected.trailing-icon.color | #FFFFFF md.comp.menus.vibrant.menu-item.selected.trailing-icon.color
|
Menu vibrant menu item selected trailing supporting text colormd.comp.menus.vibrant.menu-item.selected.trailing-supporting-text.color | #FFFFFF md.comp.menus.vibrant.menu-item.selected.trailing-supporting-text.color
|
Disabled, Selected
| Token | Value |
|---|---|
Menu vibrant icon button selected disabled icon colormd.comp.menus.vibrant.icon-button.selected.disabled.icon.color | #FFFFFF md.comp.menus.vibrant.icon-button.selected.disabled.icon.color
|
Menu vibrant menu item selected disabled label text opacitymd.comp.menus.vibrant.menu-item.selected.disabled.label-text.opacity | 38% md.comp.menus.vibrant.menu-item.selected.disabled.label-text.opacity |
Menu vibrant menu item selected disabled leading icon opacitymd.comp.menus.vibrant.menu-item.selected.disabled.leading-icon.opacity | 38% md.comp.menus.vibrant.menu-item.selected.disabled.leading-icon.opacity |
Menu vibrant menu item selected disabled supporting text opacitymd.comp.menus.vibrant.menu-item.selected.disabled.supporting-text.opacity | 38% md.comp.menus.vibrant.menu-item.selected.disabled.supporting-text.opacity |
Menu vibrant menu item selected disabled trailing icon opacitymd.comp.menus.vibrant.menu-item.selected.disabled.trailing-icon.opacity | 38% md.comp.menus.vibrant.menu-item.selected.disabled.trailing-icon.opacity |
Menu vibrant menu item selected disabled trailing supporting text opacitymd.comp.menus.vibrant.menu-item.selected.disabled.trailing-supporting-text.opacity | 38% md.comp.menus.vibrant.menu-item.selected.disabled.trailing-supporting-text.opacity |
Hovered, Selected
| Token | Value |
|---|---|
Menu vibrant menu item selected hovered label text colormd.comp.menus.vibrant.menu-item.selected.hovered.label-text.color | #FFFFFF md.comp.menus.vibrant.menu-item.selected.hovered.label-text.color
|
Menu vibrant menu item selected hovered state layer colormd.comp.menus.vibrant.menu-item.selected.hovered.state-layer.color | #FFFFFF md.comp.menus.vibrant.menu-item.selected.hovered.state-layer.color
|
Menu vibrant menu item selected hovered state layer opacitymd.comp.menus.vibrant.menu-item.selected.hovered.state-layer.opacity | 8% md.comp.menus.vibrant.menu-item.selected.hovered.state-layer.opacity
|
Focused, Selected
| Token | Value |
|---|---|
Menu vibrant menu item selected focused label text colormd.comp.menus.vibrant.menu-item.selected.focused.label-text.color | #FFFFFF md.comp.menus.vibrant.menu-item.selected.focused.label-text.color
|
Menu vibrant menu item selected focused state layer colormd.comp.menus.vibrant.menu-item.selected.focused.state-layer.color | #FFFFFF md.comp.menus.vibrant.menu-item.selected.focused.state-layer.color
|
Menu vibrant menu item selected focused state layer opacitymd.comp.menus.vibrant.menu-item.selected.focused.state-layer.opacity | 10% md.comp.menus.vibrant.menu-item.selected.focused.state-layer.opacity
|
Pressed, Selected
| Token | Value |
|---|---|
Menu vibrant menu item selected pressed label text colormd.comp.menus.vibrant.menu-item.selected.pressed.label-text.color | #FFFFFF md.comp.menus.vibrant.menu-item.selected.pressed.label-text.color
|
Menu vibrant menu item selected pressed state layer colormd.comp.menus.vibrant.menu-item.selected.pressed.state-layer.color | #FFFFFF md.comp.menus.vibrant.menu-item.selected.pressed.state-layer.color
|
Menu vibrant menu item selected pressed state layer opacitymd.comp.menus.vibrant.menu-item.selected.pressed.state-layer.opacity | 10% md.comp.menus.vibrant.menu-item.selected.pressed.state-layer.opacity
|
Menu (baseline)
Enabled
| Token | Value |
|---|---|
Menu container colormd.comp.menu.container.color | #F3EDF7 md.comp.menu.container.color
|
Menu container elevationmd.comp.menu.container.elevation | 3dp md.comp.menu.container.elevation
|
Menu container shadow colormd.comp.menu.container.shadow-color | #000000 md.comp.menu.container.shadow-color
|
Menu container shapemd.comp.menu.container.shape | 4dp md.comp.menu.container.shape
|
Container
| Token | Value |
|---|---|
Menu container surface tint layer colormd.comp.menu.container.surface-tint-layer.color | #6750A4 md.comp.menu.container.surface-tint-layer.color
|
Menu list item container heightmd.comp.menu.list-item.container.height | 48dp md.comp.menu.list-item.container.height |
Menu list item selected container colormd.comp.menu.list-item.selected.container.color | #E8DEF8 md.comp.menu.list-item.selected.container.color
|
Menu list item selected label text colormd.comp.menu.list-item.selected.label-text.color | #4A4458 md.comp.menu.list-item.selected.label-text.color
|
Menu list item with leading icon - icon colormd.comp.menu.list-item.selected.with-leading-icon.leading-icon.color | #4A4458 md.comp.menu.list-item.selected.with-leading-icon.leading-icon.color
|
Menu list item with trailing icon - icon colormd.comp.menu.list-item.selected.with-leading-icon.trailing-icon.color | #4A4458 md.comp.menu.list-item.selected.with-leading-icon.trailing-icon.color
|
Label text
| Token | Value |
|---|---|
Menu list item label text colormd.comp.menu.list-item.label-text.color | #1D1B20 md.comp.menu.list-item.label-text.color
|
Menu list item label text fontmd.comp.menu.list-item.label-text.font | Roboto md.comp.menu.list-item.label-text.font
|
Menu list item label text line heightmd.comp.menu.list-item.label-text.line-height | 20pt md.comp.menu.list-item.label-text.line-height
|
Menu list item label text sizemd.comp.menu.list-item.label-text.size | 14pt md.comp.menu.list-item.label-text.size
|
Menu list item label text trackingmd.comp.menu.list-item.label-text.tracking | 0.1pt md.comp.menu.list-item.label-text.tracking
|
Label text type stylemd.comp.menu.list-item.label-text.type | Roboto · 14pt · weight 500 · line height 20pt · tracking 0.1pt md.comp.menu.list-item.label-text.type
|
Menu list item label text weightmd.comp.menu.list-item.label-text.weight | 500 md.comp.menu.list-item.label-text.weight
|
Icon
| Token | Value |
|---|---|
Menu icon colormd.comp.menu.cascading-menu-indicator.icon.color | #49454F md.comp.menu.cascading-menu-indicator.icon.color
|
Menu icon sizemd.comp.menu.cascading-menu-indicator.icon.size | 24dp md.comp.menu.cascading-menu-indicator.icon.size |
Leading icon
| Token | Value |
|---|---|
Menu list item leading icon colormd.comp.menu.list-item.with-leading-icon.leading-icon.color | #49454F md.comp.menu.list-item.with-leading-icon.leading-icon.color
|
Menu list item leading icon sizemd.comp.menu.list-item.with-leading-icon.leading-icon.size | 24dp md.comp.menu.list-item.with-leading-icon.leading-icon.size |
Trailing icon
| Token | Value |
|---|---|
Menu list item trailing icon colormd.comp.menu.list-item.with-trailing-icon.trailing-icon.color | #49454F md.comp.menu.list-item.with-trailing-icon.trailing-icon.color
|
Menu list item trailing icon sizemd.comp.menu.list-item.with-trailing-icon.trailing-icon.size | 24dp md.comp.menu.list-item.with-trailing-icon.trailing-icon.size |
Divider
| Token | Value |
|---|---|
Menu divider colormd.comp.menu.divider.color | #E7E0EC md.comp.menu.divider.color
|
Menu divider heightmd.comp.menu.divider.height | 1dp md.comp.menu.divider.height |
Disabled
Label text
| Token | Value |
|---|---|
Menu list item disabled label text colormd.comp.menu.list-item.disabled.label-text.color | #1D1B20 md.comp.menu.list-item.disabled.label-text.color
|
Menu list item disabled label text opacitymd.comp.menu.list-item.disabled.label-text.opacity | 38% md.comp.menu.list-item.disabled.label-text.opacity |
Leading icon
| Token | Value |
|---|---|
Menu list item disabled leading icon colormd.comp.menu.list-item.with-leading-icon.disabled.leading-icon.color | #1D1B20 md.comp.menu.list-item.with-leading-icon.disabled.leading-icon.color
|
Menu list item disabled leading icon opacitymd.comp.menu.list-item.with-leading-icon.disabled.leading-icon.opacity | 38% md.comp.menu.list-item.with-leading-icon.disabled.leading-icon.opacity |
Trailing icon
| Token | Value |
|---|---|
Menu list item disabled trailing icon colormd.comp.menu.list-item.with-trailing-icon.disabled.trailing-icon.color | #1D1B20 md.comp.menu.list-item.with-trailing-icon.disabled.trailing-icon.color
|
Menu list item disabled trailing icon opacitymd.comp.menu.list-item.with-trailing-icon.disabled.trailing-icon.opacity | 38% md.comp.menu.list-item.with-trailing-icon.disabled.trailing-icon.opacity |
Hover
Label text
| Token | Value |
|---|---|
Menu list item hover label text colormd.comp.menu.list-item.hover.label-text.color | #1D1B20 md.comp.menu.list-item.hover.label-text.color
|
Leading icon
| Token | Value |
|---|---|
Menu list item hover leading icon colormd.comp.menu.list-item.with-leading-icon.hover.icon.color | #49454F md.comp.menu.list-item.with-leading-icon.hover.icon.color
|
Trailing icon
| Token | Value |
|---|---|
Menu list item hover trailing icon colormd.comp.menu.list-item.with-trailing-icon.hover.icon.color | #49454F md.comp.menu.list-item.with-trailing-icon.hover.icon.color
|
State layer
| Token | Value |
|---|---|
Menu list item hover state layer colormd.comp.menu.list-item.hover.state-layer.color | #1D1B20 md.comp.menu.list-item.hover.state-layer.color
|
Menu list item hover state layer opacitymd.comp.menu.list-item.hover.state-layer.opacity | 8% md.comp.menu.list-item.hover.state-layer.opacity
|
Focus
Label text
| Token | Value |
|---|---|
Menu list item focus label text colormd.comp.menu.list-item.focus.label-text.color | #1D1B20 md.comp.menu.list-item.focus.label-text.color
|
Leading icon
| Token | Value |
|---|---|
Menu list item focus leading icon colormd.comp.menu.list-item.with-leading-icon.focus.icon.color | #49454F md.comp.menu.list-item.with-leading-icon.focus.icon.color
|
Trailing icon
| Token | Value |
|---|---|
Menu list item focus trailing icon colormd.comp.menu.list-item.with-trailing-icon.focus.icon.color | #49454F md.comp.menu.list-item.with-trailing-icon.focus.icon.color
|
State layer
| Token | Value |
|---|---|
Menu list item focus state layer colormd.comp.menu.list-item.focus.state-layer.color | #1D1B20 md.comp.menu.list-item.focus.state-layer.color
|
Menu list item focus state layer opacitymd.comp.menu.list-item.focus.state-layer.opacity | 10% md.comp.menu.list-item.focus.state-layer.opacity
|
Pressed
Label text
| Token | Value |
|---|---|
Menu list item pressed label text colormd.comp.menu.list-item.pressed.label-text.color | #1D1B20 md.comp.menu.list-item.pressed.label-text.color
|
Leading icon
| Token | Value |
|---|---|
Menu list item pressed leading icon colormd.comp.menu.list-item.with-leading-icon.pressed.icon.color | #49454F md.comp.menu.list-item.with-leading-icon.pressed.icon.color
|
Trailing icon
| Token | Value |
|---|---|
Menu list item pressed trailing icon colormd.comp.menu.list-item.with-trailing-icon.pressed.icon.color | #49454F md.comp.menu.list-item.with-trailing-icon.pressed.icon.color
|
State layer
| Token | Value |
|---|---|
Menu list item pressed state layer colormd.comp.menu.list-item.pressed.state-layer.color | #1D1B20 md.comp.menu.list-item.pressed.state-layer.color
|
Menu list item pressed state layer opacitymd.comp.menu.list-item.pressed.state-layer.opacity | 10% md.comp.menu.list-item.pressed.state-layer.opacity
|
Focus indicator
| Token | Value |
|---|---|
Menu item focus indicator colormd.comp.menu.focus.indicator.color | #625B71 md.comp.menu.focus.indicator.color
|
Menu item focus indicator offsetmd.comp.menu.focus.indicator.outline.offset | -3dp md.comp.menu.focus.indicator.outline.offset
|
Menu item focus indicator thicknessmd.comp.menu.focus.indicator.thickness | 3dp md.comp.menu.focus.indicator.thickness
|