Nuxeo Design Guidelines

Dark Theme Notification

Updated: May 10, 2021

Warning notification

Icon icons:report-problem
Icon color Yellow — #f1c21b
Subtitle text Gray 30 — #c6c6c6
Label Gray 10 — #f4f4f4
Border Gray 60 — 1px solid #6f6f6f

Success notification

Icon icons:check-circle
Icon color Green 40 — #42be65
Subtitle text Gray 30 — #c6c6c6
Label Gray 10 — #f4f4f4
Border Gray 60 — 1px solid #6f6f6f

Error notification

Icon icons:error
Icon color Red 50 — #fa4d56
Subtitle text Gray 30 — #c6c6c6
Label Gray 10 — #f4f4f4
Border Gray 60 — 1px solid #6f6f6f

Loading notification

Icon paper-spinner
Icon color Nuxeo-blue 50 — #00adff
Subtitle text Gray 30 — #c6c6c6
Label Gray 10 — #f4f4f4
Border Gray 60 — 1px solid #6f6f6f

We'd love to hear your thoughts!

All fields required