Timepicker theme
NbTimePickerDirective
| Name | Theme Variable | Default Value | Description |
| timepicker-cell-text-color | text-basic-color | #222b45 | |
| timepicker-cell-hover-background-color | background-basic-color-2 | #f7f9fc | |
| timepicker-cell-hover-text-color | text-basic-color | #222b45 | |
| timepicker-cell-focus-background-color | color-basic-focus | #e4e9f2 | |
| timepicker-cell-focus-text-color | text-basic-color | #222b45 | |
| timepicker-cell-active-background-color | color-primary-default | #3366ff | |
| timepicker-cell-active-text-color | text-control-color | #ffffff | |
| timepicker-cell-text-font-size | text-subtitle-font-size | 0.9375rem | |
| timepicker-cell-text-font-family | text-subtitle-font-family | Open Sans, sans-serif | |
| timepicker-cell-text-line-height | text-subtitle-line-height | 1.5rem | |
| timepicker-cell-text-font-weight | text-subtitle-font-weight | 600 | |
| timepicker-cell-height | 2.75rem | ||
| timepicker-header-cell-text-color | text-hint-color | #8f9bb3 | |
| timepicker-header-cell-text-font-size | text-subtitle-font-size | 0.9375rem | |
| timepicker-header-cell-text-font-family | text-subtitle-font-family | Open Sans, sans-serif | |
| timepicker-header-cell-height | 2.75rem | ||
| timepicker-header-cell-text-line-height | text-subtitle-line-height | 1.5rem | |
| timepicker-header-cell-text-font-weight | text-subtitle-font-weight | 600 | |
| timepicker-border-color | datepicker-border-color | #e4e9f2 | |
| timepicker-border-style | datepicker-border-style | solid | |
| timepicker-border-width | datepicker-border-width | 0.0625rem | |
| timepicker-scrollbar-color | scrollbar-color | #e4e9f2 | |
| timepicker-scrollbar-background-color | scrollbar-background-color | #f7f9fc | |
| timepicker-scrollbar-width | scrollbar-width | 0.3125rem | |
| timepicker-single-column-width | 5rem | ||
| timepicker-multiple-column-width | 13.875rem | ||
| timepicker-title-height | 3.75rem | ||
| timepicker-title-padding | text-paragraph-line-height | 1.25rem | |
| timepicker-container-width | 20rem | ||
| timepicker-container-height | 26.1875rem |
Previous page
Tag
Next page
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.