-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
93 lines (93 loc) · 2.13 KB
/
tailwind.config.js
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: "class",
content: ["./**/*.tsx"],
theme: {
extend: {
fontFamily: {
poppins: ['Poppins', 'sans-serif'],
inherit: ['inherit']
},
colors: {
gf: {
dark: {
primary: '#8ab4f8',
secondary: '#d2e3fc'
},
light: {
primary: '#1a73e8',
secondary: '#174ea6'
}
},
adobe: {
light: {
primary: '#707070',
secondary: '#e1e1e1'
}
},
greyscale: {
100: '#fbfbfe',
200: '#dadde6',
300: '#c2c8d5',
400: '#b1b9ca',
500: '#a7b2c6',
600: '#8a94a9',
700: '#666f84',
800: '#3a425a',
900: '#060e28',
},
green: {
100: '#d3eadc',
200: '#abdaba',
300: '#84c997',
400: '#5cb975',
500: '#34a853',
600: '#2b894a',
700: '#226a42',
800: '#184c39',
900: '#0f2d31',
},
red: {
100: '#f8d6d6',
200: '#f4b1ad',
300: '#f18d85',
400: '#ed685d',
500: '#ea4335',
600: '#bc3832',
700: '#8f2e30',
800: '#61232d',
900: '#34192b',
},
yellow: {
100: '#fbeecc',
200: '#fbe29a',
300: '#fbd568',
400: '#fbc936',
500: '#fbbc04',
600: '#ca990b',
700: '#997612',
800: '#68541a',
900: '#373121',
},
blue: {
100: '#cee0fa',
200: '#a1c5f5',
300: '#74a9f1',
400: '#478eec',
500: '#1a73e8',
600: '#165fc2',
700: '#124b9b',
800: '#0e3675',
900: '#0a224e',
}
},
dropShadow: {
logo: '0 0 2rem rgba(26, 115, 232, 0.5)'
},
backgroundImage: ({theme}) => ({
header: `linear-gradient(90deg, ${theme('colors.blue.900')} 0%, ${theme('colors.greyscale.900')} 100%)`
})
},
},
plugins: [],
}