Colors
App colors
variable name
C_PRIMARY
value
#4C6170
variable name
C_PRIMARY_LIGHT
value
#94A1ad
variable name
C_SECONDARY
value
#cbb390
variable name
C_SECONDARY_LIGHT
value
#f8e6c4
variable name
C_SECONDARY_DARK
value
#2e1913
Default colors
variable name
C_BACKGROUND
value
#f8f3e9
variable name
C_TEXT
value
#444
variable name
C_TEXT_LIGHT
value
#fff
variable name
C_TEXT_DARK
value
#000
Icons
class
icon_github
value
e600
class
icon_heart
value
e601
Fonts | Value | Examples | Usage |
---|---|---|---|
F_PRIMARY | 'Lato', sans-serif; font-weight: 400 | The quick brown fox jumps over the lazy dog. | Lato, regular (400) |
F_PRIMARY_LIGHT | 'Lato', sans-serif; font-weight: 300 | The quick brown fox jumps over the lazy dog. | Lato, light (300) |
F_PRIMARY_BOLD | 'Lato', sans-serif; font-weight: 700 | The quick brown fox jumps over the lazy dog. | Lato, bold (700) |
Sizes | Value | Examples | Usage |
S_LINEHEIGHT | 1.4 | Default line-height | |
S_SPACING | 2em 0 1em |