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"