Nuxeo Design Guidelines

Style Dropzone File Uploader

Updated: May 10, 2021

Colors

On default theme

Default
Hover
Status Background-color Border Link Helper text
Default transparent 1px dashed var(--paper-input-container-color) nuxeo-primary-color secondary-text-color
Hover -paper-input-container-focus-background-color 1px dashed var(--nuxeo-primary-color) nuxeo-primary-color secondary-text-color

On dark theme

Default
On hover
Status Background-color Border Link Helper text
Default transparent 1px dashed #C2C2C2 #B2D4FF #C2C2C2
Hover paper-input-container-focus-background-color 1px dashed
var(--nuxeo-primary-color)
#B2D4FF #C2C2C2

Structure

Spacing

We'd love to hear your thoughts!

All fields required