Menu theme
NbMenuComponent
| Name | Theme Variable | Default Value | Description |
| menu-background-color | rgba(0, 0, 0, 0) | ||
| menu-text-color | text-basic-color | #222b45 | |
| menu-text-font-family | text-subtitle-2-font-family | Open Sans, sans-serif | |
| menu-text-font-size | text-subtitle-2-font-size | 0.8125rem | |
| menu-text-font-weight | text-subtitle-2-font-weight | 600 | |
| menu-text-line-height | text-subtitle-2-line-height | 1.5rem | |
| menu-group-text-color | text-hint-color | #8f9bb3 | |
| menu-item-border-radius | unknown | ||
| menu-item-padding | 0.75rem, 1rem | ||
| menu-item-hover-background-color | menu-background-color | rgba(0, 0, 0, 0) | |
| menu-item-hover-cursor | pointer | ||
| menu-item-hover-text-color | text-primary-hover-color | #598bff | |
| menu-item-icon-hover-color | menu-item-hover-text-color | #598bff | |
| menu-item-active-background-color | menu-background-color | rgba(0, 0, 0, 0) | |
| menu-item-active-text-color | text-primary-color | #3366ff | |
| menu-item-icon-active-color | menu-item-active-text-color | #3366ff | |
| menu-item-icon-color | text-hint-color | #8f9bb3 | |
| menu-item-icon-margin | 0, 0.5rem, 0, 0 | ||
| menu-item-icon-width | 1.25rem | ||
| menu-item-divider-color | divider-color | #edf1f7 | |
| menu-item-divider-style | divider-style | solid | |
| menu-item-divider-width | divider-width | 1px | |
| menu-submenu-background-color | menu-background-color | rgba(0, 0, 0, 0) | |
| menu-submenu-text-color | text-basic-color | #222b45 | |
| menu-submenu-margin | unknown | ||
| menu-submenu-padding | 0, 1.25rem | ||
| menu-submenu-item-border-color | menu-submenu-background-color | rgba(0, 0, 0, 0) | |
| menu-submenu-item-border-style | solid | ||
| menu-submenu-item-border-width | unknown | ||
| menu-submenu-item-border-radius | unknown | ||
| menu-submenu-item-padding | menu-item-padding | 0.75rem, 1rem | |
| menu-submenu-item-hover-background-color | menu-background-color | rgba(0, 0, 0, 0) | |
| menu-submenu-item-hover-border-color | menu-submenu-item-border-color | rgba(0, 0, 0, 0) | |
| menu-submenu-item-hover-text-color | menu-item-hover-text-color | #598bff | |
| menu-submenu-item-icon-hover-color | menu-item-icon-hover-color | #598bff | |
| menu-submenu-item-active-background-color | menu-background-color | rgba(0, 0, 0, 0) | |
| menu-submenu-item-active-border-color | color-primary-default | #3366ff | |
| menu-submenu-item-active-text-color | menu-item-active-text-color | #3366ff | |
| menu-submenu-item-icon-active-color | menu-item-icon-active-color | #3366ff | |
| menu-submenu-item-active-hover-background-color | menu-submenu-item-hover-background-color | rgba(0, 0, 0, 0) | |
| menu-submenu-item-active-hover-border-color | color-primary-hover | #598bff | |
| menu-submenu-item-active-hover-text-color | menu-submenu-item-hover-text-color | #598bff | |
| menu-submenu-item-icon-active-hover-color | menu-submenu-item-icon-hover-color | #598bff |
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.