Highest Contrast

WCAG AA

WEB AIM



Usage of the Astronaut Theme Colors

(tbd)

#idRoleValue
?Default page background


?Default boardlet background




https://wasp2-dev.myapp.de:444/live-style-guide/theming


Astronaut Colors


Brand
Colors






scss variables#hex

scss variables#hex
Astronaut 100
$astronaut-100#0F0E0DBrand 100
$brand-100#BE9C38
Astronaut 90
$astronaut-90#272625Brand 90
$brand-90#D9B23D
Astronaut 80
$astronaut-80#3F3E3DBrand 80
$brand-80#F2D43D
Astronaut 70
$astronaut-70#575655Brand 70
$brand-70#F5DB5D
Astronaut 60
$astronaut-60#6F6E6DBrand 60
$brand-60#F7E06F
Astronaut 50
$astronaut-50#878686Brand 50
$brand-50#F7E692
Astronaut 40
$astronaut-40#B7B6B6Brand 40
$brand-40#F8EBA7
Astronaut 30
$astronaut-30#CFCECEBrand 30
$brand-30#F8EFBC
Astronaut 20
$astronaut-20#E7E6E6Brand 20
$brand-20#F7F1CF
Astronaut 10
$astronaut-10#F2F2F2Brand 10
$brand-10#F5F2DE


Alerts Colors














Danger
scss variables#hexWarning
scss variables#hexSuccess
scss variables#hexNote
scss variables#hex
Danger 100
$danger-100#F06464Warning 100
$warning-100#FDB225Success 100
$success-100#9FDB57Note 100
$note-100#87DFF0
Danger 80
$danger-80#F17575Warning 80
$warning-80#FDBA3DSuccess 80
$success-80#A9DF69Note 80
$note-80#94E2F1
Danger 60
$danger-60#F38686Warning 60
$warning-60#FDC355Success 60
$success-60#B4E37CNote 60
$note-60#A1E6F3
Danger 40
$danger-40#F59797Warning 40
$warning-40#FDCB6DSuccess 40
$success-40#BFE78FNote 40
$note-40#AFE9F5
Danger 20
$danger-20#F6A8A8Warning 20
$warning-20#FDD485Success 20
$success-20#C9EBA1Note 20
$note-20#BCEDF6












































Link
tbd#00AEE2