Input theme
NbInputDirective
| Name | Theme Variable | Default Value | Description |
| input-border-style | solid | ||
| input-border-width | 1px | ||
| input-outline-color | outline-color | rgba(143, 155, 179, 0.16) | |
| input-outline-width | outline-width | 0.375rem | |
| input-placeholder-text-font-family | text-paragraph-font-family | Open Sans, sans-serif | |
| input-text-font-family | text-subtitle-font-family | Open Sans, sans-serif | |
| input-basic-text-color | text-basic-color | #222b45 | |
| input-basic-placeholder-text-color | text-hint-color | #8f9bb3 | |
| input-basic-background-color | background-basic-color-2 | #f7f9fc | |
| input-basic-border-color | border-basic-color-4 | #e4e9f2 | |
| input-basic-focus-background-color | background-basic-color-1 | #ffffff | |
| input-basic-focus-border-color | color-primary-default-border | #3366ff | |
| input-basic-hover-background-color | background-basic-color-3 | #edf1f7 | |
| input-basic-hover-border-color | border-basic-color-4 | #e4e9f2 | |
| input-basic-disabled-background-color | background-basic-color-2 | #f7f9fc | |
| input-basic-disabled-border-color | border-basic-color-4 | #e4e9f2 | |
| input-basic-disabled-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| input-basic-disabled-placeholder-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| input-primary-text-color | text-basic-color | #222b45 | |
| input-primary-placeholder-text-color | text-hint-color | #8f9bb3 | |
| input-primary-background-color | background-basic-color-2 | #f7f9fc | |
| input-primary-border-color | color-primary-default | #3366ff | |
| input-primary-focus-background-color | background-basic-color-1 | #ffffff | |
| input-primary-focus-border-color | color-primary-focus-border | #1a34b8 | |
| input-primary-hover-background-color | background-basic-color-3 | #edf1f7 | |
| input-primary-hover-border-color | color-primary-hover-border | #598bff | |
| input-primary-disabled-background-color | background-basic-color-2 | #f7f9fc | |
| input-primary-disabled-border-color | border-basic-color-4 | #e4e9f2 | |
| input-primary-disabled-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| input-primary-disabled-placeholder-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| input-success-text-color | text-basic-color | #222b45 | |
| input-success-placeholder-text-color | text-hint-color | #8f9bb3 | |
| input-success-background-color | background-basic-color-2 | #f7f9fc | |
| input-success-border-color | color-success-default | #00d68f | |
| input-success-focus-background-color | background-basic-color-1 | #ffffff | |
| input-success-focus-border-color | color-success-focus-border | #00997a | |
| input-success-hover-background-color | background-basic-color-3 | #edf1f7 | |
| input-success-hover-border-color | color-success-hover-border | #2ce69b | |
| input-success-disabled-background-color | background-basic-color-2 | #f7f9fc | |
| input-success-disabled-border-color | border-basic-color-4 | #e4e9f2 | |
| input-success-disabled-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| input-success-disabled-placeholder-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| input-info-text-color | text-basic-color | #222b45 | |
| input-info-placeholder-text-color | text-hint-color | #8f9bb3 | |
| input-info-background-color | background-basic-color-2 | #f7f9fc | |
| input-info-border-color | color-info-default | #0095ff | |
| input-info-focus-background-color | background-basic-color-1 | #ffffff | |
| input-info-focus-border-color | color-info-focus-border | #0057c2 | |
| input-info-hover-background-color | background-basic-color-3 | #edf1f7 | |
| input-info-hover-border-color | color-info-hover-border | #42aaff | |
| input-info-disabled-background-color | background-basic-color-2 | #f7f9fc | |
| input-info-disabled-border-color | border-basic-color-4 | #e4e9f2 | |
| input-info-disabled-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| input-info-disabled-placeholder-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| input-warning-text-color | text-basic-color | #222b45 | |
| input-warning-placeholder-text-color | text-hint-color | #8f9bb3 | |
| input-warning-background-color | background-basic-color-2 | #f7f9fc | |
| input-warning-border-color | color-warning-default | #ffaa00 | |
| input-warning-focus-background-color | background-basic-color-1 | #ffffff | |
| input-warning-focus-border-color | color-warning-focus-border | #b86e00 | |
| input-warning-hover-background-color | background-basic-color-3 | #edf1f7 | |
| input-warning-hover-border-color | color-warning-hover-border | #ffc94d | |
| input-warning-disabled-background-color | background-basic-color-2 | #f7f9fc | |
| input-warning-disabled-border-color | border-basic-color-4 | #e4e9f2 | |
| input-warning-disabled-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| input-warning-disabled-placeholder-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| input-danger-text-color | text-basic-color | #222b45 | |
| input-danger-placeholder-text-color | text-hint-color | #8f9bb3 | |
| input-danger-background-color | background-basic-color-2 | #f7f9fc | |
| input-danger-border-color | color-danger-default | #ff3d71 | |
| input-danger-focus-background-color | background-basic-color-1 | #ffffff | |
| input-danger-focus-border-color | color-danger-focus-border | #b81d5b | |
| input-danger-hover-background-color | background-basic-color-3 | #edf1f7 | |
| input-danger-hover-border-color | color-danger-hover-border | #ff708d | |
| input-danger-disabled-background-color | background-basic-color-2 | #f7f9fc | |
| input-danger-disabled-border-color | border-basic-color-4 | #e4e9f2 | |
| input-danger-disabled-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| input-danger-disabled-placeholder-text-color | text-disabled-color | rgba(143, 155, 179, 0.48) | |
| input-control-text-color | text-control-color | #ffffff | |
| input-control-placeholder-text-color | text-control-color | #ffffff | |
| input-control-background-color | color-basic-control-transparent-300 | rgba(255, 255, 255, 0.24) | |
| input-control-border-color | color-basic-control-transparent-500 | rgba(255, 255, 255, 0.4) | |
| input-control-focus-background-color | color-basic-control-transparent-500 | rgba(255, 255, 255, 0.4) | |
| input-control-focus-border-color | color-control-transparent-focus-border | #ffffff | |
| input-control-hover-background-color | color-basic-control-transparent-400 | rgba(255, 255, 255, 0.32) | |
| input-control-hover-border-color | color-control-transparent-hover-border | #ffffff | |
| input-control-disabled-background-color | color-control-transparent-disabled | rgba(143, 155, 179, 0.16) | |
| input-control-disabled-border-color | color-control-transparent-disabled-border | rgba(143, 155, 179, 0.24) | |
| input-control-disabled-text-color | text-control-color | #ffffff | |
| input-control-disabled-placeholder-text-color | text-control-color | #ffffff | |
| input-rectangle-border-radius | border-radius | 0.25rem | |
| input-semi-round-border-radius | 0.75rem | ||
| input-round-border-radius | 1.5rem | ||
| input-tiny-text-font-size | text-caption-2-font-size | 0.75rem | |
| input-tiny-text-font-weight | text-caption-2-font-weight | 600 | |
| input-tiny-text-line-height | text-caption-2-line-height | 1rem | |
| input-tiny-placeholder-text-font-size | text-paragraph-font-size | 0.9375rem | |
| input-tiny-placeholder-text-font-weight | text-paragraph-font-weight | 400 | |
| input-tiny-placeholder-text-line-height | text-paragraph-line-height | 1.25rem | |
| input-tiny-padding | 0.1875rem, 1rem | ||
| input-tiny-max-width | 20rem | ||
| input-small-text-font-size | text-subtitle-2-font-size | 0.8125rem | |
| input-small-text-font-weight | text-subtitle-2-font-weight | 600 | |
| input-small-text-line-height | text-subtitle-2-line-height | 1.5rem | |
| input-small-placeholder-text-font-size | text-paragraph-font-size | 0.9375rem | |
| input-small-placeholder-text-font-weight | text-paragraph-font-weight | 400 | |
| input-small-placeholder-text-line-height | text-paragraph-line-height | 1.25rem | |
| input-small-padding | 0.1875rem, 1rem | ||
| input-small-max-width | 20rem | ||
| input-medium-text-font-size | text-subtitle-font-size | 0.9375rem | |
| input-medium-text-font-weight | text-subtitle-font-weight | 600 | |
| input-medium-text-line-height | text-subtitle-line-height | 1.5rem | |
| input-medium-placeholder-text-font-size | text-paragraph-font-size | 0.9375rem | |
| input-medium-placeholder-text-font-weight | text-paragraph-font-weight | 400 | |
| input-medium-placeholder-text-line-height | text-paragraph-line-height | 1.25rem | |
| input-medium-padding | 0.4375rem, 1rem | ||
| input-medium-max-width | 20rem | ||
| input-large-text-font-size | text-subtitle-font-size | 0.9375rem | |
| input-large-text-font-weight | text-subtitle-font-weight | 600 | |
| input-large-text-line-height | text-subtitle-line-height | 1.5rem | |
| input-large-placeholder-text-font-size | text-paragraph-font-size | 0.9375rem | |
| input-large-placeholder-text-font-weight | text-paragraph-font-weight | 400 | |
| input-large-placeholder-text-line-height | text-paragraph-line-height | 1.25rem | |
| input-large-padding | 0.6875rem, 1rem | ||
| input-large-max-width | 30rem | ||
| input-giant-text-font-size | text-heading-6-font-size | 1.125rem | |
| input-giant-text-font-weight | text-heading-6-font-weight | 700 | |
| input-giant-text-line-height | text-heading-6-line-height | 1.5rem | |
| input-giant-placeholder-text-font-size | text-paragraph-font-size | 0.9375rem | |
| input-giant-placeholder-text-font-weight | text-paragraph-font-weight | 400 | |
| input-giant-placeholder-text-line-height | text-paragraph-line-height | 1.25rem | |
| input-giant-padding | 0.9375rem, 1rem | ||
| input-giant-max-width | 30rem |
Previous page
Button
Next page
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.