Material Toolbar

Variables to customize Material Toolbar

$mt-toolbar-item-height

Height for items in Material Toolbar

Type: size

Default value: $ui-margin-ratio* 56px

Computed value: "33.6px"

Alias (for compatibility): $mt-toolbar-height,theme-host-action-default-height

$mt-toolbar-margin-ratio

Ratio applied to the margin or space around elements in the toolbar

Type: number

Default value: $ui-margin-ratio

Computed value: "0.6"

$mt-toolbar-color

Text color for Material Toolbar

Type: color

Default value: $ui-on-primary-color

Computed value: "rgb(255, 255, 255)"

$mt-sidebar-faded-color

Text color for hovered item in Material Toolbar

Type: color

Default value: $ui-primary-color-faded

Computed value: "#56aff6"

$mt-toolbar-background-color

Background color for Material Toolbar

Type: color

Default value: $ui-primary-color

Computed value: "rgb(11, 121, 209)"

$mt-toolbar-separator-color

Separator color for Material Toolbar

Type: color

Default value: $ui-border-color

Computed value: "rgb(224, 224, 224)"

$mt-toolbar-z-index

z-index for Material Toolbar

Type: number

Default value: $z-index-Toolbar

Computed value: "20"