main-website/theme.js at main · WATOLINK/main-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
const fonts = {
    nav: `normal 500 20px 'Poppins', sans-serif`,
    footer: `normal 600 20px 'Poppins', sans-serif`,

    small20: `normal 500 20px 'Poppins', sans-serif`,
    small20bold: `normal 600 20px 'Poppins', sans-serif`,
    small20bolder: `normal 700 20px 'Poppins', sans-serif`,

    // small22: `normal 500 22px 'Poppins', sans-serif`,
    // small22bold: `normal 600 22px 'Poppins', sans-serif`,

    medium24: `normal 500 24px 'Poppins', sans-serif`,
    medium24bold: `normal 700 24px 'Poppins', sans-serif`,

    medium28: `normal 500 28px 'Poppins', sans-serif`,
    medium28bold: `normal 700 28px 'Poppins', sans-serif`,

    subheading: `normal 600 30px 'Poppins', sans-serif`,
    heading: `normal 600 45px 'Poppins', sans-serif`,
    largeheading: `normal 700 72px 'Poppins', sans-serif`,
}

const colors = {
    white: '#FFFFFF',
    black: '#000000',
    blue: '#0088FF',
    accent: '#0088FF',
    lightpurple: '#BDA6D0',
    green: '#BBE1B0',
    lightblue: '#92C3FE',
    yellow: '#FBFBB5',
    greyblue: '#B6C2E0',
    pink: '#FBE1E0',
    grey: '#949494',
}

export const theme = {
    colors,
    fonts,
}