Dark Theme Notification

Updated: June 28, 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`