Layout theme
NbLayoutComponent
| Name | Theme Variable | Default Value | Description |
| layout-background-color | background-basic-color-3 | #edf1f7 | |
| layout-text-color | text-basic-color | #222b45 | |
| layout-text-font-family | text-paragraph-font-family | Open Sans, sans-serif | |
| layout-text-font-size | text-paragraph-font-size | 0.9375rem | |
| layout-text-font-weight | text-paragraph-font-weight | 400 | |
| layout-text-line-height | text-paragraph-line-height | 1.25rem | |
| layout-min-height | 100vh | ||
| layout-content-width | 900px | ||
| layout-window-mode-min-width | 300px | ||
| layout-window-mode-max-width | 1920px | ||
| layout-window-mode-background-color | background-basic-color-3 | #edf1f7 | |
| layout-window-mode-padding-top | 4.75rem | ||
| layout-window-shadow | shadow | 0, 0.5rem, 1rem, 0, rgba(44, 51, 73, 0.1) | |
| layout-padding | 2.25rem, 2.25rem, 0.75rem | ||
| layout-medium-padding | 1.5rem, 1.5rem, 0.5rem | ||
| layout-small-padding | 1rem, 1rem, 0 | ||
| layout-scrollbar-background-color | scrollbar-background-color | #f7f9fc | |
| layout-scrollbar-color | scrollbar-color | #e4e9f2 | |
| layout-scrollbar-width | scrollbar-width | 0.3125rem |
NbLayoutHeaderComponent
| Name | Theme Variable | Default Value | Description |
| header-background-color | background-basic-color-1 | #ffffff | |
| header-text-color | text-basic-color | #222b45 | |
| header-text-font-family | text-paragraph-font-family | Open Sans, sans-serif | |
| header-text-font-size | text-paragraph-font-size | 0.9375rem | |
| header-text-font-weight | text-paragraph-font-weight | 400 | |
| header-text-line-height | text-paragraph-line-height | 1.25rem | |
| header-height | 4.75rem | ||
| header-padding | 1.25rem | ||
| header-shadow | shadow | 0, 0.5rem, 1rem, 0, rgba(44, 51, 73, 0.1) |
NbLayoutFooterComponent
| Name | Theme Variable | Default Value | Description |
| footer-background-color | background-basic-color-1 | #ffffff | |
| footer-text-color | text-basic-color | #222b45 | |
| footer-text-font-family | text-paragraph-font-family | Open Sans, sans-serif | |
| footer-text-font-size | text-paragraph-font-size | 0.9375rem | |
| footer-text-font-weight | text-paragraph-font-weight | 400 | |
| footer-text-line-height | text-paragraph-line-height | 1.25rem | |
| footer-text-highlight-color | color-primary-hover | #598bff | |
| footer-height | 4.725rem | ||
| footer-padding | 1.25rem | ||
| footer-divider-color | divider-color | #edf1f7 | |
| footer-divider-style | divider-style | solid | |
| footer-divider-width | divider-width | 1px | |
| footer-shadow | shadow | 0, 0.5rem, 1rem, 0, rgba(44, 51, 73, 0.1) |
Previous page
Card
Next page
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.