Tabs theme
NbTabsetComponent
| Name | Theme Variable | Default Value | Description |
| tabset-background-color | rgba(0, 0, 0, 0) | ||
| tabset-border-radius | unknown | ||
| tabset-shadow | none | ||
| tabset-tab-background-color | rgba(0, 0, 0, 0) | ||
| tabset-tab-padding | 1rem, 2rem | ||
| tabset-tab-text-color | text-hint-color | #8f9bb3 | |
| tabset-tab-text-font-family | text-button-font-family | Open Sans, sans-serif | |
| tabset-tab-text-font-size | text-button-medium-font-size | 0.875rem | |
| tabset-tab-text-font-weight | text-button-font-weight | 700 | |
| tabset-tab-text-line-height | text-button-medium-line-height | 1rem | |
| tabset-tab-text-transform | uppercase | ||
| tabset-tab-underline-width | 0.25rem | ||
| tabset-tab-underline-color | rgba(0, 0, 0, 0) | ||
| tabset-tab-active-background-color | rgba(0, 0, 0, 0) | ||
| tabset-tab-active-text-color | text-primary-color | #3366ff | |
| tabset-tab-active-underline-color | text-primary-color | #3366ff | |
| tabset-tab-focus-background-color | rgba(0, 0, 0, 0) | ||
| tabset-tab-focus-text-color | text-primary-focus-color | #274bdb | |
| tabset-tab-focus-underline-color | text-primary-focus-color | #274bdb | |
| tabset-tab-hover-background-color | rgba(0, 0, 0, 0) | ||
| tabset-tab-hover-text-color | text-primary-hover-color | #598bff | |
| tabset-tab-hover-underline-color | text-primary-hover-color | #598bff | |
| tabset-tab-disabled-background-color | rgba(0, 0, 0, 0) | ||
| tabset-tab-disabled-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| tabset-tab-disabled-underline-color | rgba(0, 0, 0, 0) | ||
| tabset-divider-color | divider-color | #edf1f7 | |
| tabset-divider-style | divider-style | solid | |
| tabset-divider-width | divider-width | 1px | |
| tabset-content-background-color | rgba(0, 0, 0, 0) | ||
| tabset-content-padding | 1rem, 2rem | ||
| tabset-content-text-color | text-basic-color | #222b45 | |
| tabset-content-text-font-family | text-paragraph-font-family | Open Sans, sans-serif | |
| tabset-content-text-font-size | text-paragraph-font-size | 0.9375rem | |
| tabset-content-text-font-weight | text-paragraph-font-weight | 400 | |
| tabset-content-text-line-height | text-paragraph-line-height | 1.25rem | |
| tabset-scrollbar-color | scrollbar-color | #e4e9f2 | |
| tabset-scrollbar-background-color | scrollbar-background-color | #f7f9fc | |
| tabset-scrollbar-width | scrollbar-width | 0.3125rem | |
| tabset-tab-text-hide-breakpoint | 36rem |
NbRouteTabsetComponent
| Name | Theme Variable | Default Value | Description |
| route-tabset-background-color | rgba(0, 0, 0, 0) | ||
| route-tabset-border-radius | unknown | ||
| route-tabset-shadow | none | ||
| route-tabset-tab-background-color | rgba(0, 0, 0, 0) | ||
| route-tabset-tab-padding | 1rem, 2rem | ||
| route-tabset-tab-text-color | text-hint-color | #8f9bb3 | |
| route-tabset-tab-text-font-family | text-button-font-family | Open Sans, sans-serif | |
| route-tabset-tab-text-font-size | text-button-medium-font-size | 0.875rem | |
| route-tabset-tab-text-font-weight | text-button-font-weight | 700 | |
| route-tabset-tab-text-line-height | text-button-medium-line-height | 1rem | |
| route-tabset-tab-text-transform | uppercase | ||
| route-tabset-tab-underline-width | 0.25rem | ||
| route-tabset-tab-underline-color | rgba(0, 0, 0, 0) | ||
| route-tabset-tab-active-background-color | rgba(0, 0, 0, 0) | ||
| route-tabset-tab-active-text-color | text-primary-color | #3366ff | |
| route-tabset-tab-active-underline-color | text-primary-color | #3366ff | |
| route-tabset-tab-focus-background-color | rgba(0, 0, 0, 0) | ||
| route-tabset-tab-focus-text-color | text-primary-focus-color | #274bdb | |
| route-tabset-tab-focus-underline-color | text-primary-focus-color | #274bdb | |
| route-tabset-tab-hover-background-color | rgba(0, 0, 0, 0) | ||
| route-tabset-tab-hover-text-color | text-primary-hover-color | #598bff | |
| route-tabset-tab-hover-underline-color | text-primary-hover-color | #598bff | |
| route-tabset-tab-disabled-background-color | rgba(0, 0, 0, 0) | ||
| route-tabset-tab-disabled-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| route-tabset-tab-disabled-underline-color | rgba(0, 0, 0, 0) | ||
| route-tabset-divider-color | divider-color | #edf1f7 | |
| route-tabset-divider-style | divider-style | solid | |
| route-tabset-divider-width | divider-width | 1px | |
| route-tabset-scrollbar-color | scrollbar-color | #e4e9f2 | |
| route-tabset-scrollbar-background-color | scrollbar-background-color | #f7f9fc | |
| route-tabset-scrollbar-width | scrollbar-width | 0.3125rem | |
| route-tabset-tab-text-hide-breakpoint | 36rem |
Previous page
Actions
Next page
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.