Alert theme
NbAlertComponent
| Name | Theme Variable | Default Value | Description |
| alert-border-radius | border-radius | 0.25rem | |
| alert-bottom-margin | 1.5rem | ||
| alert-padding | 1rem, 1.125rem | ||
| alert-scrollbar-color | scrollbar-color | #e4e9f2 | |
| alert-scrollbar-background-color | scrollbar-background-color | #f7f9fc | |
| alert-scrollbar-width | scrollbar-width | 0.3125rem | |
| alert-shadow | none | ||
| alert-text-font-family | text-paragraph-font-family | Open Sans, sans-serif | |
| alert-text-font-size | text-subtitle-font-size | 0.9375rem | |
| alert-text-font-weight | text-subtitle-font-weight | 600 | |
| alert-text-line-height | text-subtitle-line-height | 1.5rem | |
| alert-closable-start-padding | 3rem | ||
| alert-tiny-height | 4.5rem | ||
| alert-small-height | 5.75rem | ||
| alert-medium-height | 7rem | ||
| alert-medium-padding | 1rem, 1.125rem | ||
| alert-large-height | 8.25rem | ||
| alert-giant-height | 9.5rem | ||
| alert-basic-background-color | background-basic-color-2 | #f7f9fc | |
| alert-basic-text-color | text-basic-color | #222b45 | |
| alert-primary-background-color | color-primary-default | #3366ff | |
| alert-primary-text-color | text-control-color | #ffffff | |
| alert-success-background-color | color-success-default | #00d68f | |
| alert-success-text-color | text-control-color | #ffffff | |
| alert-info-background-color | color-info-default | #0095ff | |
| alert-info-text-color | text-control-color | #ffffff | |
| alert-warning-background-color | color-warning-default | #ffaa00 | |
| alert-warning-text-color | text-control-color | #ffffff | |
| alert-danger-background-color | color-danger-default | #ff3d71 | |
| alert-danger-text-color | text-control-color | #ffffff | |
| alert-control-background-color | color-control-default | #ffffff | |
| alert-control-text-color | color-basic-800 | #222b45 | |
| alert-accent-basic-color | border-basic-color-3 | #edf1f7 | |
| alert-accent-primary-color | color-primary-default | #3366ff | |
| alert-accent-info-color | color-info-default | #0095ff | |
| alert-accent-success-color | color-success-default | #00d68f | |
| alert-accent-warning-color | color-warning-default | #ffaa00 | |
| alert-accent-danger-color | color-danger-default | #ff3d71 | |
| alert-accent-control-color | color-control-default | #ffffff | |
| alert-outline-width | 1px | ||
| alert-outline-basic-color | color-basic-focus-border | #c5cee0 | |
| alert-outline-primary-color | color-primary-focus-border | #1a34b8 | |
| alert-outline-info-color | color-info-focus-border | #0057c2 | |
| alert-outline-success-color | color-success-focus-border | #00997a | |
| alert-outline-warning-color | color-warning-focus-border | #b86e00 | |
| alert-outline-danger-color | color-danger-focus-border | #b81d5b | |
| alert-outline-control-color | color-control-focus-border | #c5cee0 |
Previous page
Icon
Next page
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.