...
CSS Variable | Default value | Preview | Description |
|---|---|---|---|
--nc-branding-logo-image | url('assets/images/v2/LOGO.svg') | branding image shown in first screen | |
--nc-branding-logo-width | 228px | branding image width | |
--nc-branding-logo-height | 66px | branding image height | |
--nc-font-family | 'Quicksand', sans-serif; | global text font | |
--nc-font-weight | 500 | font-weight for global text | |
--nc-font-color | #333333 | global text color | |
--nc-font-size | 1rem | global font size | |
--nc-button-active-background | #014AD8 | background color for buttons | |
--nc-button-active-color | #FFFFFF | text color for buttons | |
--nc-button-disabled-background | rgba (47, 95, 227, 0.25) | background-color for disabled buttons | |
--nc-button-disabled-color | rgba (255, 255, 255, 0.8) | text color for disabled buttons | |
--nc-button-font-size | 16px | text size for buttons | |
--nc-button-font-weight | bold | font-weight for text in buttons | |
--nc-button-text-transform | uppercase | can be used to make button text appear in uppercase or lowercase | |
--nc-button-border-radius | 8px | border-radius size for buttons | |
--nc-checkbox-container-checked-background | #FFFFFF | checkbox container background color when selected | |
--nc-checkbox-background | #2F5FE3 | background-color for checkboxes | |
--nc-checkbox-checkmark-color | #FAFAFA | checkbox color when selected | |
--nc-checkbox-border-color | ##014AD8 | border color of the checkbox | |
--nc-checkbox-width | 20px | checkbox width size | |
--nc-checkbox-height | 20px | checkbox height size | |
--nc-link-color | #014AD8 | link text color | |
--nc-box-background | rgba (1, 74, 216, 0.03) | background color for the box panel in first step | |
--nc-box-border-radius | 8px | border-radius for the box panel in first step | |
--nc-box-document-type-background | #FFFFFF | background-color for item selection in document type step | |
--nc-box-document-type-border-radius | 8px | border-radius for item selection in document type step | |
--nc-progress-bar-background | #014AD8  | background color for the progress bar in upload step | |
--nc-validation-color | #1af9b6 | color used in animations during video recording screens | |
--nc-live-control-succeed-color | rgb (25, 216, 115) | color indicating that the real-time control over sharpness is on | |
--nc-live-control-fail-color | rgb (255, 57, 57) | color indicating that the real-time control on sharpness is not passing |
...