Design tokens

Theming

EMBL Primary


Value:

#3b6fb6


Sass:

vf-theme--primary

map-get($vf-colors-map, vf-theme--primary)


CSS custom property:

--vf-theme--primary

EMBL Primary Dark


Value:

#193f90


Sass:

vf-theme--primary--dark

map-get($vf-colors-map, vf-theme--primary--dark)


CSS custom property:

--vf-theme--primary--dark

EMBL Secondary


Value:

#18974c


Sass:

vf-theme--secondary

map-get($vf-colors-map, vf-theme--secondary)


CSS custom property:

--vf-theme--secondary

EMBL Secondary Dark


Value:

#007b53


Sass:

vf-theme--secondary--dark

map-get($vf-colors-map, vf-theme--secondary--dark)


CSS custom property:

--vf-theme--secondary--dark

EMBL Tertiary


Value:

#54585a


Sass:

vf-theme--tertiary

map-get($vf-colors-map, vf-theme--tertiary)


CSS custom property:

--vf-theme--tertiary

EMBL Quaternary


Value:

#f4c61f


Sass:

vf-theme--quaternary

map-get($vf-colors-map, vf-theme--quaternary)


CSS custom property:

--vf-theme--quaternary

EMBL Quinary


Value:

#d0d0ce


Sass:

vf-theme--quinary

map-get($vf-colors-map, vf-theme--quinary)


CSS custom property:

--vf-theme--quinary

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