Highest Contrast
WCAG AA
WEB AIM
Usage of the Astronaut Theme Colors
(tbd)
| #id | Role | Value | |
|---|---|---|---|
| ? | Default page background | ||
| ? | Default boardlet background |
https://wasp2-dev.myapp.de:444/live-style-guide/theming
| Astronaut Colors | Brand | Alerts Colors | |||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| scss variables | #hex | scss variables | #hex | Danger | scss variables | #hex | Warning | scss variables | #hex | Success | scss variables | #hex | Note | scss variables | #hex | ||||||||
| Astronaut 100 | $astronaut-100 | #0F0E0D | Brand 100 | $brand-100 | #BE9C38 | Danger 100 | $danger-100 | #F06464 | Warning 100 | $warning-100 | #FDB225 | Success 100 | $success-100 | #9FDB57 | Note 100 | $note-100 | #87DFF0 | ||||||
| Astronaut 90 | $astronaut-90 | #272625 | Brand 90 | $brand-90 | #D9B23D | Danger 80 | $danger-80 | #F17575 | Warning 80 | $warning-80 | #FDBA3D | Success 80 | $success-80 | #A9DF69 | Note 80 | $note-80 | #94E2F1 | ||||||
| Astronaut 80 | $astronaut-80 | #3F3E3D | Brand 80 | $brand-80 | #F2D43D | Danger 60 | $danger-60 | #F38686 | Warning 60 | $warning-60 | #FDC355 | Success 60 | $success-60 | #B4E37C | Note 60 | $note-60 | #A1E6F3 | ||||||
| Astronaut 70 | $astronaut-70 | #575655 | Brand 70 | $brand-70 | #F5DB5D | Danger 40 | $danger-40 | #F59797 | Warning 40 | $warning-40 | #FDCB6D | Success 40 | $success-40 | #BFE78F | Note 40 | $note-40 | #AFE9F5 | ||||||
| Astronaut 60 | $astronaut-60 | #6F6E6D | Brand 60 | $brand-60 | #F7E06F | Danger 20 | $danger-20 | #F6A8A8 | Warning 20 | $warning-20 | #FDD485 | Success 20 | $success-20 | #C9EBA1 | Note 20 | $note-20 | #BCEDF6 | ||||||
| Astronaut 50 | $astronaut-50 | #878686 | Brand 50 | $brand-50 | #F7E692 | ||||||||||||||||||
| Astronaut 40 | $astronaut-40 | #B7B6B6 | Brand 40 | $brand-40 | #F8EBA7 | ||||||||||||||||||
| Astronaut 30 | $astronaut-30 | #CFCECE | Brand 30 | $brand-30 | #F8EFBC | Link | tbd | #00AEE2 | |||||||||||||||
| Astronaut 20 | $astronaut-20 | #E7E6E6 | Brand 20 | $brand-20 | #F7F1CF | ||||||||||||||||||
| Astronaut 10 | $astronaut-10 | #F2F2F2 | Brand 10 | $brand-10 | #F5F2DE |
