portfolio/tailwind.config.js at master · jlczapski/portfolio · 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
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
module.exports = {
	theme: {
		fontFamily: {
			"eina-bold": ["Eina\\ Bold"],
			inter: [
				"Inter",
				"-apple-system",
				"BlinkMacSystemFont",
				"Segoe UI",
				"Roboto",
				"Oxygen",
				"Ubuntu",
				"Cantarell",
				"Helvetica Neue",
				"sans-serif",
				"Arial",
			],
			"inter-light": [
				"Inter\\ Light",
				"-apple-system",
				"BlinkMacSystemFont",
				"Segoe UI",
				"Roboto",
				"Oxygen",
				"Ubuntu",
				"Cantarell",
				"Helvetica Neue",
				"sans-serif",
				"Arial",
			],
		},
		backgroundColor: (theme) => ({
			...theme("colors"),
			accent: "var(--colour-accent)",
			body: "var(--colour-bg)",
			highlight: "var(--colour-highlight)",
			"darkest-blue": "#091540",
			"grey-blue": "#3D518C",
			"flower-blue": "#7692FF",
			"rich-blue": "#1B2CC1",
		}),
		borderColor: (theme) => ({
			...theme("colors"),
			accent: "var(--colour-accent)",
			highlight: "var(--colour-highlight)",
			"darkest-blue": "#091540",
			"grey-blue": "#3D518C",
			"flower-blue": "#7692FF",
			"rich-blue": "#1B2CC1",
		}),
		textColor: (theme) => ({
			...theme("colors"),
			accent: "var(--colour-accent)",
			title: "var(--colour-title)",
			body: "var(--colour-body)",
			button: "var(--colour-button-text)",
			highlight: "var(--colour-highlight)",
			"darkest-blue": "#091540",
			"grey-blue": "#3D518C",
			"flower-blue": "#7692FF",
			"rich-blue": "#1B2CC1",
		}),
	},
	variants: {},
	plugins: [],
};