-
-
Notifications
You must be signed in to change notification settings - Fork 4
/
tailwind.config.js
88 lines (88 loc) · 1.73 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
/* eslint-disable */
const forms = require("@tailwindcss/forms");
module.exports = {
mode: "jit",
content: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {
colors: {
"light-blue": {
50: "#fdfefe",
100: "#fbfdfe",
200: "#f6fafc",
300: "#f0f7fa",
400: "#e4f2f6",
500: "#d9ecf2",
600: "#c3d4da",
700: "#a3b1b6",
800: "#828e91",
900: "#6a7477",
},
"light-pink": {
50: "#fff8f8",
100: "#fef0f2",
200: "#fddade",
300: "#fbc3c9",
400: "#f897a1",
500: "#f56a79",
600: "#dd5f6d",
700: "#b8505b",
800: "#934049",
900: "#78343b",
},
"light-purple": {
50: "#fcf8fe",
100: "#f8f1fe",
200: "#eedbfc",
300: "#e4c5f9",
400: "#d09af5",
500: "#bc6ff1",
600: "#a964d9",
700: "#8d53b5",
800: "#714391",
900: "#5c3676",
},
blue: {
50: "#f4fbfb",
100: "#e8f6f8",
200: "#c6e9ed",
300: "#a3dbe2",
400: "#5fc1cd",
500: "#1aa6b7",
600: "#1795a5",
700: "#147d89",
800: "#10646e",
900: "#0d515a",
},
pink: {
50: "#fff6f6",
100: "#ffeced",
200: "#ffd0d3",
300: "#ffb3b8",
400: "#ff7a82",
500: "#ff414d",
600: "#e63b45",
700: "#bf313a",
800: "#99272e",
900: "#7d2026",
},
purple: {
50: "#f6f3f8",
100: "#eee6f2",
200: "#d4c1de",
300: "#ba9bca",
400: "#8650a3",
500: "#52057b",
600: "#4a056f",
700: "#3e045c",
800: "#31034a",
900: "#28023c",
},
},
},
},
variants: {
extend: {},
},
plugins: [forms],
};