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