Source: src/variables/index.scss, line 1
Source: src/variables/index.scss, line 1
Source: src/variables/colours.scss, line 1
Colours from the Yivi app
#484747; Yivi anthracite
$yivi-anthracite
#00508a; Yivi link blue
$yivi-link-blue
#00973a; Yivi green
$yivi-green
#dcecf5; Yivi light blue
$yivi-light-blue
#e12747; Yivi red
$yivi-red
#eae5e2; Yivi grey
$yivi-grey
Source: src/variables/colours.scss, line 27
$background-color - #dcecf5; For the background $helper-color - #dcecf5; For the helper background $content-bg-color - #ffffff; For background of the actual content $button-color - #e12747; For the background of the buttons
From out to in:
Source: src/variables/colours.scss, line 46
For the fonts
#484747; For the header text
$header-text-color
#484747; For the content text
$content-text-color
#00508a; For links in the content
$content-link-color
#484747; For the hover state on links in the content
$content-link-color-hover
#ffffff; For the button foreground text
$button-text-color
Source: src/variables/fonts.scss, line 1
We use Roboto as default font, with Tahoma and Arial as fall-back options. As Roboto is a custom font, it is only used if it is imported by the website explicitly.
Source: src/variables/sizes.scss, line 1
These variables contain the dimensions of different aspects of the components. See source file for definitions.