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