Sidebar theme
NbSidebarComponent
| Name | Theme Variable | Default Value | Description |
| sidebar-background-color | background-basic-color-1 | #ffffff | |
| sidebar-text-color | text-basic-color | #222b45 | |
| sidebar-text-font-family | text-paragraph-font-family | Open Sans, sans-serif | |
| sidebar-text-font-size | text-paragraph-font-size | 0.9375rem | |
| sidebar-text-font-weight | text-paragraph-font-weight | 400 | |
| sidebar-text-line-height | text-paragraph-line-height | 1.25rem | |
| sidebar-height | 100vh | ||
| sidebar-width | 16rem | ||
| sidebar-width-compact | 3.5rem | ||
| sidebar-padding | 1.25rem | ||
| sidebar-header-height | 3.5rem | ||
| sidebar-footer-height | 3.5rem | ||
| sidebar-shadow | shadow | 0, 0.5rem, 1rem, 0, rgba(44, 51, 73, 0.1) | |
| sidebar-menu-item-highlight-color | color-primary-default | #3366ff | |
| sidebar-scrollbar-background-color | scrollbar-background-color | #f7f9fc | |
| sidebar-scrollbar-color | scrollbar-color | #e4e9f2 | |
| sidebar-scrollbar-width | scrollbar-width | 0.3125rem |
Previous page
Menu
Next page
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.