Page History

Versions Compared

Key

This line was added.
This line was removed.
Formatting was changed.

...

#D9B23D

UI Tabs

UI Tab

title	Overview

Highest Contrast

WCAG AA

WEB AIM

UI Tab

title	Usage

Usage of the Astronaut Theme Colors

(tbd)

#id	Role	Value#hex
?$white	Default page background	#ffffff?
$astronaut-10	Default boardlet background	#F2F2F2

#BE9C38

UI Tab

title	Code

Astronaut Theme Colors library

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

Astronaut Colors				Brand Colors
		scss variables	#hex			scss variables	#hex
Astronaut 100		$astronaut-100

#0F0E0D

#0f0e0d	Brand 100

$brand-100

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Astronaut 90

$astronaut-90

#272625

Brand 90

$brand-90

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Astronaut 80

$astronaut-80

#3F3E3D

Brand 80

$brand-80#F2D43D

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Astronaut 70

$astronaut-70

#575655

Brand 70

$brand-70

#F5DB5D

#fcd515
Astronaut 60		$astronaut-60	#6F6E6D	Brand 60		$brand-60

#F7E06F

#fadd4b
Astronaut 50		$astronaut-50	#878686	Brand 50		$brand-50

#F7E692

#fae164
Astronaut 40		$astronaut-40	#B7B6B6	Brand 40

$brand-40#F8EBA7

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Astronaut 30

$astronaut-30

#CFCECE

Brand 30

$brand-30#F8EFBC

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Astronaut 20

$astronaut-20

#E7E6E6

Brand 20

$brand-20#F7F1CF

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Astronaut 10

$astronaut-10

#F2F2F2

Brand 10

$brand-10#F5F2DE

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Alerts Colors

Danger

scss variables

#hex

Warning

scss variables

#hex

Success

scss variables

#hex

Note

scss variables

#hex

Danger 100

$danger-100

#F06464#f06464

Warning 100

$warning-100

#FDB225#fdb225

Success 100

$success-100

#9FDB57

Note 100

$note-100

#87DFF0

Danger 80

$danger-80

#F17575

Warning 80

$warning-80

#FDBA3D

Success 80

$success-80

#A9DF69

Note 80

$note-80

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Warning 80

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Success 80

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Note 80

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

#94E2F1

Danger 60

$danger-60

#F38686#f17575

Warning 60

$warning-60

#FDC355#fdba3d

Success 60

$success-60

#B4E37C#a9df69

Note 60

$note-60

#A1E6F3#94e2f1

Danger 40

$danger-40

#F59797

Warning 40

$warning-40

#FDCB6D

Success 40

$success-40

#BFE78F

Note 40

$note-40

#AFE9F5

Danger 20

$danger-20

#F6A8A8

Warning 20

$warning-20

#FDD485

Success 20

$success-20

#C9EBA1

Note 20

$note-20

#BCEDF6

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Warning 40

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Success 40

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Note 40

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Danger 20

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Warning 20

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Success 20

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Note 20

Status


colour	Red
title	not MVP

Status


colour	Red
title	not MVP

Link

tbd

#00AEE2

UI Tab

title	Additional colors

These colors can be used for diagrams and graphics. (work in progress)

Chart color library

Colors
asdf	scss variables	#hex
	xxx	#502f7e
		#eeb200
		#ff6b61
		#3d6d4f
		#17e1e3
		#3c225f
		#96D0FF
		#A46798
		#B18AE0
		#87DCFA
		#00FDFF
		#5C22FF
		#C39D63
		#2C159D
		#89937A
		#FF9320
		#F64A00
		#2A4ED1
		#E10000
		#004E25
		#384D9D
		#F6F3EB
		#1F3B34
		yyy
		yyy
		yyy
		yyy
		yyy
		yyy
		yyy
		yyy
		yyy
		yyy
		yyy
		yyy
		yyy
		yyy

...

Content

Space Tools

Versions Compared

Old Version 9

New Version 10

Key

Astronaut Theme Colors library

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

Chart color library