Toastr theme
NbToastComponent
| Name | Theme Variable | Default Value | Description |
| toastr-border-style | solid | ||
| toastr-border-width | 1px | ||
| toastr-border-radius | border-radius | 0.25rem | |
| toastr-padding | 1rem | ||
| toastr-shadow | shadow | 0, 0.5rem, 1rem, 0, rgba(44, 51, 73, 0.1) | |
| toastr-text-font-family | text-paragraph-2-font-family | Open Sans, sans-serif | |
| toastr-text-font-size | text-paragraph-2-font-size | 0.8125rem | |
| toastr-text-font-weight | text-paragraph-2-font-weight | 400 | |
| toastr-text-line-height | text-paragraph-2-line-height | 1.125rem | |
| toastr-title-text-font-family | text-subtitle-font-family | Open Sans, sans-serif | |
| toastr-title-text-font-size | text-subtitle-font-size | 0.9375rem | |
| toastr-title-text-font-weight | text-subtitle-font-weight | 600 | |
| toastr-title-text-line-height | text-subtitle-line-height | 1.5rem | |
| toastr-basic-background-color | background-basic-color-1 | #ffffff | |
| toastr-basic-border-color | border-basic-color-3 | #edf1f7 | |
| toastr-basic-text-color | text-basic-color | #222b45 | |
| toastr-icon-basic-background-color | background-basic-color-1 | #ffffff | |
| toastr-icon-basic-color | text-basic-color | #222b45 | |
| toastr-destroyable-basic-hover-background-color | background-basic-color-1 | #ffffff | |
| toastr-destroyable-basic-hover-border-color | border-basic-color-3 | #edf1f7 | |
| toastr-primary-background-color | color-primary-default | #3366ff | |
| toastr-primary-border-color | color-primary-default | #3366ff | |
| toastr-primary-text-color | text-control-color | #ffffff | |
| toastr-icon-primary-background-color | background-basic-color-1 | #ffffff | |
| toastr-icon-primary-color | color-primary-default | #3366ff | |
| toastr-destroyable-primary-hover-background-color | color-primary-hover | #598bff | |
| toastr-destroyable-primary-hover-border-color | color-primary-hover | #598bff | |
| toastr-success-background-color | color-success-default | #00d68f | |
| toastr-success-border-color | color-success-default | #00d68f | |
| toastr-success-text-color | text-control-color | #ffffff | |
| toastr-icon-success-background-color | background-basic-color-1 | #ffffff | |
| toastr-icon-success-color | color-success-default | #00d68f | |
| toastr-destroyable-success-hover-background-color | color-success-hover | #2ce69b | |
| toastr-destroyable-success-hover-border-color | color-success-hover | #2ce69b | |
| toastr-info-background-color | color-info-default | #0095ff | |
| toastr-info-border-color | color-info-default | #0095ff | |
| toastr-info-text-color | text-control-color | #ffffff | |
| toastr-icon-info-background-color | background-basic-color-1 | #ffffff | |
| toastr-icon-info-color | color-info-default | #0095ff | |
| toastr-destroyable-info-hover-background-color | color-info-hover | #42aaff | |
| toastr-destroyable-info-hover-border-color | color-info-hover | #42aaff | |
| toastr-warning-background-color | color-warning-default | #ffaa00 | |
| toastr-warning-border-color | color-warning-default | #ffaa00 | |
| toastr-warning-text-color | text-control-color | #ffffff | |
| toastr-icon-warning-background-color | background-basic-color-1 | #ffffff | |
| toastr-icon-warning-color | color-warning-default | #ffaa00 | |
| toastr-destroyable-warning-hover-background-color | color-warning-hover | #ffc94d | |
| toastr-destroyable-warning-hover-border-color | color-warning-hover | #ffc94d | |
| toastr-danger-background-color | color-danger-default | #ff3d71 | |
| toastr-danger-border-color | color-danger-default | #ff3d71 | |
| toastr-danger-text-color | text-control-color | #ffffff | |
| toastr-icon-danger-background-color | background-basic-color-1 | #ffffff | |
| toastr-icon-danger-color | color-danger-default | #ff3d71 | |
| toastr-destroyable-danger-hover-background-color | color-danger-hover | #ff708d | |
| toastr-destroyable-danger-hover-border-color | color-danger-hover | #ff708d | |
| toastr-control-background-color | color-control-default | #ffffff | |
| toastr-control-border-color | color-control-default | #ffffff | |
| toastr-control-text-color | color-basic-800 | #222b45 | |
| toastr-icon-control-background-color | color-control-default | #ffffff | |
| toastr-icon-control-color | color-basic-800 | #222b45 | |
| toastr-destroyable-control-hover-background-color | color-control-hover | #f7f9fc | |
| toastr-destroyable-control-hover-border-color | color-control-hover | #f7f9fc |
Previous page
Tooltip
Next page
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.