Tooltip theme
NbTooltipComponent
Name | Theme Variable | Default Value | Description |
tooltip-background-color | background-alternative-color-3 | #151a30 | |
tooltip-border-color | rgba(0, 0, 0, 0) | ||
tooltip-border-style | dashed | ||
tooltip-border-width | unknown | ||
tooltip-border-radius | border-radius | 0.25rem | |
tooltip-padding | 0.5rem, 1rem | ||
tooltip-text-color | text-alternate-color | #ffffff | |
tooltip-text-font-family | text-caption-font-family | Open Sans, sans-serif | |
tooltip-text-font-size | text-caption-font-size | 0.75rem | |
tooltip-text-font-weight | text-caption-font-weight | 400 | |
tooltip-text-line-height | text-caption-line-height | 1rem | |
tooltip-icon-height | 1rem | ||
tooltip-icon-width | 1rem | ||
tooltip-max-width | 16rem | ||
tooltip-basic-background-color | background-basic-color-3 | #edf1f7 | |
tooltip-basic-border-color | rgba(0, 0, 0, 0) | ||
tooltip-basic-text-color | text-basic-color | #222b45 | |
tooltip-primary-background-color | color-primary-default | #3366ff | |
tooltip-primary-border-color | rgba(0, 0, 0, 0) | ||
tooltip-primary-text-color | text-control-color | #ffffff | |
tooltip-info-background-color | color-info-default | #0095ff | |
tooltip-info-border-color | rgba(0, 0, 0, 0) | ||
tooltip-info-text-color | text-control-color | #ffffff | |
tooltip-success-background-color | color-success-default | #00d68f | |
tooltip-success-border-color | rgba(0, 0, 0, 0) | ||
tooltip-success-text-color | text-control-color | #ffffff | |
tooltip-warning-background-color | color-warning-default | #ffaa00 | |
tooltip-warning-border-color | rgba(0, 0, 0, 0) | ||
tooltip-warning-text-color | text-control-color | #ffffff | |
tooltip-danger-background-color | color-danger-default | #ff3d71 | |
tooltip-danger-border-color | rgba(0, 0, 0, 0) | ||
tooltip-danger-text-color | text-control-color | #ffffff | |
tooltip-control-background-color | color-control-default | #ffffff | |
tooltip-control-border-color | rgba(0, 0, 0, 0) | ||
tooltip-control-text-color | color-basic-800 | #222b45 | |
tooltip-shadow | shadow | 0, 0.5rem, 1rem, 0, rgba(44, 51, 73, 0.1) |
Previous page
Window
Next page
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.