Spinner theme
NbSpinnerComponent
Name | Theme Variable | Default Value | Description |
spinner-text-color | text-basic-color | #222b45 | |
spinner-text-font-family | text-button-font-family | Open Sans, sans-serif | |
spinner-text-font-size | text-button-medium-font-size | 0.875rem | |
spinner-text-font-weight | text-button-font-weight | 700 | |
spinner-text-line-height | text-button-medium-line-height | 1rem | |
spinner-basic-background-color | color-basic-transparent-200 | rgba(143, 155, 179, 0.16) | |
spinner-basic-circle-filled-color | text-hint-color | #8f9bb3 | |
spinner-basic-circle-empty-color | rgba(0, 0, 0, 0) | ||
spinner-primary-background-color | color-basic-transparent-200 | rgba(143, 155, 179, 0.16) | |
spinner-primary-circle-filled-color | color-primary-default | #3366ff | |
spinner-primary-circle-empty-color | rgba(0, 0, 0, 0) | ||
spinner-info-background-color | color-basic-transparent-200 | rgba(143, 155, 179, 0.16) | |
spinner-info-circle-filled-color | color-info-default | #0095ff | |
spinner-info-circle-empty-color | rgba(0, 0, 0, 0) | ||
spinner-success-background-color | color-basic-transparent-200 | rgba(143, 155, 179, 0.16) | |
spinner-success-circle-filled-color | color-success-default | #00d68f | |
spinner-success-circle-empty-color | rgba(0, 0, 0, 0) | ||
spinner-warning-background-color | color-basic-transparent-200 | rgba(143, 155, 179, 0.16) | |
spinner-warning-circle-filled-color | color-warning-default | #ffaa00 | |
spinner-warning-circle-empty-color | rgba(0, 0, 0, 0) | ||
spinner-danger-background-color | color-basic-transparent-200 | rgba(143, 155, 179, 0.16) | |
spinner-danger-circle-filled-color | color-danger-default | #ff3d71 | |
spinner-danger-circle-empty-color | rgba(0, 0, 0, 0) | ||
spinner-control-background-color | color-basic-control-transparent-200 | rgba(255, 255, 255, 0.16) | |
spinner-control-circle-filled-color | color-control-default | #ffffff | |
spinner-control-circle-empty-color | rgba(0, 0, 0, 0) | ||
spinner-height-tiny | 1rem | ||
spinner-height-small | 1.25rem | ||
spinner-height-medium | 1.5rem | ||
spinner-height-large | 1.75rem | ||
spinner-height-giant | 2rem |
Previous page
Progress Bar
Next page
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.