Material Sidebar
Variables to customize Material SideBar
$mt-sidebar-always-visible-min-width
Min width for Material SideBar
Type: size
Default value: "1400px"
Computed value: "1400px"
Alias (for compatibility): $gbc-sidebar-always-visible-min-width,theme-sidebar-always-visible-min-width
$mt-sidebar-default-width
Default width for Material SideBar
Type: size
Default value: "56px"
Computed value: "56px"
Alias (for compatibility): $gbc-sidebar-default-width,theme-sidebar-default-width
$mt-sidebar-max-width
Sidebar max width
Type: size
Default value: "156px"
Computed value: "156px"
Alias (for compatibility): $gbc-sidebar-max-width,theme-sidebar-max-width
$mt-sidebar-splitter-size
Splitter size for Material SideBar
Type: size
Default value: $gbc-SplitterWidget-splitter-size
Computed value: "7.2px"
$mt-sidebar-item-height
Height of items in Material SideBar
Type: size
Default value: $mt-toolbar-item-height
Computed value: "33.6px"
$mt-sidebar-margin-ratio
Margin ratio for Material SideBar
Type: number
Default value: $ui-margin-ratio
Computed value: "0.6"
$mt-sidebar-font-size-ratio
Font size ratio for Material SideBar
Type: number
Default value: $ui-font-size-ratio
Computed value: "0.8"
$mt-sidebar-background-color
Background color for Material SideBar
Type: color
Default value: "color.adjust($ui-background-color, $lightness: -58% );"
Computed value: "#636363"
Alias (for compatibility): $theme-sidebar-background-color
$mt-sidebar-title-color
Sidebar tile color.
Type: color
Default value: $mt-text-white
Computed value: "#ffffff"
Alias (for compatibility): $theme-sidebar-title-color
$mt-sidebar-item-color
Text color for items in Material SideBar
Type: color
Default value: $ui-on-primary-color
Computed value: "rgb(255, 255, 255)"
Alias (for compatibility): $theme-sidebar-color
$mt-sidebar-settings-color
Sidebar settings color.
Type: color
Default value: $mt-text-white
Computed value: "#ffffff"
Alias (for compatibility): $theme-sidebar-settings-color
$mt-sidebar-overlay-background-color
Color for the overlay in Material SideBar
Type: color
Default value: $ui-overlay-color
Computed value: "rgba(31, 31, 31, 0.26)"
$mt-sidebar-resizer-hover-color
Color for the resizer in Material SideBar when hovered
Type: color
Default value: $ui-border-color
Computed value: "rgb(224, 224, 224)"
$mt-sidebar-overlay-z-index
z-index for the overlay in Material SideBar
Type: number
Default value: $z-index-DropDown
Computed value: "58"
$mt-sidebar-z-index
z-index for Material SideBar
Type: number
Default value: $z-index-above-DropDown
Computed value: "59"
$mt-sidebar-animation-duration
Animation duration for Material SideBar
Type: string
Default value: "0.3s"
Computed value: "0.3s"
Alias (for compatibility): $theme-animation-duration
$mt-sidebar-show-child-name
Display Window name/title in sidebar instead of Application name/title
Type: boolean
Default value: false
Alias (for compatibility): $theme-sidebar-show-child-name