Colours

EMBL Green


Value:

#18974c


Sass:

vf-color--green

map-get($vf-colors-map, vf-color--green)


CSS custom property:

--vf-color--green

EMBL Green, Darkest Tint


Value:

#0a5032


Sass:

vf-color--green--darkest

map-get($vf-colors-map, vf-color--green--darkest)


CSS custom property:

--vf-color--green--darkest

EMBL Green, Dark Tint


Value:

#007b53


Sass:

vf-color--green--dark

map-get($vf-colors-map, vf-color--green--dark)


CSS custom property:

--vf-color--green--dark

EMBL Green, Light Tint


Value:

#6cc24a


Sass:

vf-color--green--light

map-get($vf-colors-map, vf-color--green--light)


CSS custom property:

--vf-color--green--light

EMBL Green, Lightest Tine


Value:

#d0debb


Sass:

vf-color--green--lightest

map-get($vf-colors-map, vf-color--green--lightest)


CSS custom property:

--vf-color--green--lightest

EMBL Grey


Value:

#707372


Sass:

vf-color--grey

map-get($vf-colors-map, vf-color--grey)


CSS custom property:

--vf-color--grey

EMBL Grey, Darkest Tint


Value:

#373a36


Sass:

vf-color--grey--darkest

map-get($vf-colors-map, vf-color--grey--darkest)


CSS custom property:

--vf-color--grey--darkest

EMBL Grey, Dark Tint


Value:

#54585a


Sass:

vf-color--grey--dark

map-get($vf-colors-map, vf-color--grey--dark)


CSS custom property:

--vf-color--grey--dark

EMBL Grey, Light Tint


Value:

#a8a99e


Sass:

vf-color--grey--light

map-get($vf-colors-map, vf-color--grey--light)


CSS custom property:

--vf-color--grey--light

EMBL Grey, Lightest Tint


Value:

#d0d0ce


Sass:

vf-color--grey--lightest

map-get($vf-colors-map, vf-color--grey--lightest)


CSS custom property:

--vf-color--grey--lightest

EMBL Red


Value:

#d41645


Sass:

vf-color--red

map-get($vf-colors-map, vf-color--red)


CSS custom property:

--vf-color--red

EMBL Red, Dark Tint


Value:

#a6093d


Sass:

vf-color--red--dark

map-get($vf-colors-map, vf-color--red--dark)


CSS custom property:

--vf-color--red--dark

EMBL Red, Light Tint


Value:

#e58f9e


Sass:

vf-color--red--light

map-get($vf-colors-map, vf-color--red--light)


CSS custom property:

--vf-color--red--light

EMBL Blue


Value:

#3b6fb6


Sass:

vf-color--blue

map-get($vf-colors-map, vf-color--blue)


CSS custom property:

--vf-color--blue

EMBL Blue, Dark Tint


Value:

#193f90


Sass:

vf-color--blue--dark

map-get($vf-colors-map, vf-color--blue--dark)


CSS custom property:

--vf-color--blue--dark

EMBL Blue, Light Tint


Value:

#8bb8e8


Sass:

vf-color--blue--light

map-get($vf-colors-map, vf-color--blue--light)


CSS custom property:

--vf-color--blue--light

EMBL Purple


Value:

#734595


Sass:

vf-color--purple

map-get($vf-colors-map, vf-color--purple)


CSS custom property:

--vf-color--purple

EMBL Purple, Dark Tint


Value:

#563d82


Sass:

vf-color--purple--dark

map-get($vf-colors-map, vf-color--purple--dark)


CSS custom property:

--vf-color--purple--dark

EMBL Purple, Light Tint


Value:

#cba3d8


Sass:

vf-color--purple--light

map-get($vf-colors-map, vf-color--purple--light)


CSS custom property:

--vf-color--purple--light

EMBL Orange


Value:

#f49e17


Sass:

vf-color--orange

map-get($vf-colors-map, vf-color--orange)


CSS custom property:

--vf-color--orange

EMBL Orange, Dark Tint


Value:

#b65417


Sass:

vf-color--orange--dark

map-get($vf-colors-map, vf-color--orange--dark)


CSS custom property:

--vf-color--orange--dark

EMBL Orange, Light Tint


Value:

#efc06e


Sass:

vf-color--orange--light

map-get($vf-colors-map, vf-color--orange--light)


CSS custom property:

--vf-color--orange--light

EMBL Yellow


Value:

#f4c61f


Sass:

vf-color--yellow

map-get($vf-colors-map, vf-color--yellow)


CSS custom property:

--vf-color--yellow

EMBL Yellow, Dark Tint


Value:

#ffb81c


Sass:

vf-color--yellow--dark

map-get($vf-colors-map, vf-color--yellow--dark)


CSS custom property:

--vf-color--yellow--dark

EMBL Yellow, Light Tint


Value:

#fdd757


Sass:

vf-color--yellow--light

map-get($vf-colors-map, vf-color--yellow--light)


CSS custom property:

--vf-color--yellow--light

EMBL Bright Green


Value:

#a1be1f


Sass:

vf-color--bright-green

map-get($vf-colors-map, vf-color--bright-green)


CSS custom property:

--vf-color--bright-green

EMBL Bright Green, Dark Tint


Value:

#7fb428


Sass:

vf-color--bright-green--dark

map-get($vf-colors-map, vf-color--bright-green--dark)


CSS custom property:

--vf-color--bright-green--dark

EMBL Bright Green, Light Tint


Value:

#e2e868


Sass:

vf-color--bright-green--light

map-get($vf-colors-map, vf-color--bright-green--light)


CSS custom property:

--vf-color--bright-green--light

UI Black


Value:

#000000


Sass:

$vf-ui-colors-map, vf-ui-color--black

map-get($vf-colors-map, $vf-ui-colors-map, vf-ui-color--black)


CSS custom property:

--vf-ui-color--black

UI Grey


Value:

#d8d8d8


Sass:

$vf-ui-colors-map, vf-ui-color-color--grey

map-get($vf-colors-map, $vf-ui-colors-map, vf-ui-color-color--grey)


CSS custom property:

--vf-ui-color--grey

UI Grey light


Value:

#f3f3f3


Sass:

$vf-ui-colors-map, vf-ui-color-color--grey--light

map-get($vf-colors-map, $vf-ui-colors-map, vf-ui-color-color--grey--light)


CSS custom property:

--vf-ui-color--grey--light

UI Yellow


Value:

#fffadc


Sass:

$vf-ui-colors-map, vf-ui-color--yellow

map-get($vf-colors-map, $vf-ui-colors-map, vf-ui-color--yellow)


CSS custom property:

--vf-ui-color--yellow

UI Red


Value:

#d32f2f


Sass:

$vf-ui-colors-map, vf-ui-color--red

map-get($vf-colors-map, $vf-ui-colors-map, vf-ui-color--red)


CSS custom property:

--vf-ui-color--red

UI White


Value:

#ffffff


Sass:

$vf-ui-colors-map, vf-ui-color--white

map-get($vf-colors-map, $vf-ui-colors-map, vf-ui-color--white)


CSS custom property:

--vf-ui-color--white

UI Off white


Value:

#fafafa


Sass:

$vf-ui-colors-map, vf-ui-color--off-white

map-get($vf-colors-map, $vf-ui-colors-map, vf-ui-color--off-white)


CSS custom property:

--vf-ui-color--off-white

Find an issue on this page? Propose a change or discuss it.