Menu theme

Overview
API
Theme
Examples

NbMenuComponent

NameTheme VariableDefault ValueDescription
menu-background-colorrgba(0, 0, 0, 0)
menu-text-colortext-basic-color#222b45
menu-text-font-familytext-subtitle-2-font-familyOpen Sans, sans-serif
menu-text-font-sizetext-subtitle-2-font-size0.8125rem
menu-text-font-weighttext-subtitle-2-font-weight600
menu-text-line-heighttext-subtitle-2-line-height1.5rem
menu-group-text-colortext-hint-color#8f9bb3
menu-item-border-radiusunknown
menu-item-padding0.75rem, 1rem
menu-item-hover-background-colormenu-background-colorrgba(0, 0, 0, 0)
menu-item-hover-cursorpointer
menu-item-hover-text-colortext-primary-hover-color#598bff
menu-item-icon-hover-colormenu-item-hover-text-color#598bff
menu-item-active-background-colormenu-background-colorrgba(0, 0, 0, 0)
menu-item-active-text-colortext-primary-color#3366ff
menu-item-icon-active-colormenu-item-active-text-color#3366ff
menu-item-icon-colortext-hint-color#8f9bb3
menu-item-icon-margin0, 0.5rem, 0, 0
menu-item-icon-width1.25rem
menu-item-divider-colordivider-color#edf1f7
menu-item-divider-styledivider-stylesolid
menu-item-divider-widthdivider-width1px
menu-submenu-background-colormenu-background-colorrgba(0, 0, 0, 0)
menu-submenu-text-colortext-basic-color#222b45
menu-submenu-marginunknown
menu-submenu-padding0, 1.25rem
menu-submenu-item-border-colormenu-submenu-background-colorrgba(0, 0, 0, 0)
menu-submenu-item-border-stylesolid
menu-submenu-item-border-widthunknown
menu-submenu-item-border-radiusunknown
menu-submenu-item-paddingmenu-item-padding0.75rem, 1rem
menu-submenu-item-hover-background-colormenu-background-colorrgba(0, 0, 0, 0)
menu-submenu-item-hover-border-colormenu-submenu-item-border-colorrgba(0, 0, 0, 0)
menu-submenu-item-hover-text-colormenu-item-hover-text-color#598bff
menu-submenu-item-icon-hover-colormenu-item-icon-hover-color#598bff
menu-submenu-item-active-background-colormenu-background-colorrgba(0, 0, 0, 0)
menu-submenu-item-active-border-colorcolor-primary-default#3366ff
menu-submenu-item-active-text-colormenu-item-active-text-color#3366ff
menu-submenu-item-icon-active-colormenu-item-icon-active-color#3366ff
menu-submenu-item-active-hover-background-colormenu-submenu-item-hover-background-colorrgba(0, 0, 0, 0)
menu-submenu-item-active-hover-border-colorcolor-primary-hover#598bff
menu-submenu-item-active-hover-text-colormenu-submenu-item-hover-text-color#598bff
menu-submenu-item-icon-active-hover-colormenu-submenu-item-icon-hover-color#598bff
Sidebar
Previous page
Tabs
Next page

Need some help or found an issue?

Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.