-
Notifications
You must be signed in to change notification settings - Fork 4
/
tailwind.config.ts
134 lines (133 loc) · 3.42 KB
/
tailwind.config.ts
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
/** @type {import('tailwindcss').Config} */
const config = {
content: [
"./src/stories/**/*.{tsx,ts,js,jsx}",
"./src/components/**/*.{tsx,ts,js,jsx}",
"./src/layouts/**/*.{tsx,ts}",
],
darkMode: "class", // or 'media' or 'class'
theme: {
fontFamily: {
"teli-brand": ['"Space Grotesk"', "system-ui", "sans-serif"],
"teli-body": [
"Figtree",
"Avenir",
"Corbel",
"source-sans-pro",
"sans-serif",
],
},
colors: {
transparent: "transparent",
"admin-app-color": "#20BCFA",
"document-app-color": "#FA6AAA",
"geo-app-color": "#9DDD31",
"graph-app-color": "#FFA22F",
"app-color": {
DEFAULT: "rgba(var(--teli-app-color), <alpha-value>)",
50: "rgba(var(--teli-app-color-50), <alpha-value>)",
100: "rgba(var(--teli-app-color-100), <alpha-value>)",
200: "rgba(var(--teli-app-color-200), <alpha-value>)",
300: "rgba(var(--teli-app-color-300), <alpha-value>)",
400: "rgba(var(--teli-app-color-400), <alpha-value>)",
500: "rgba(var(--teli-app-color-500), <alpha-value>)",
600: "rgba(var(--teli-app-color-600), <alpha-value>)",
700: "rgba(var(--teli-app-color-700), <alpha-value>)",
800: "rgba(var(--teli-app-color-800), <alpha-value>)",
900: "rgba(var(--teli-app-color-900), <alpha-value>)",
950: "rgba(var(--teli-app-color-950), <alpha-value>)",
},
"teli-whitesmoke": {
DEFAULT: "#F5F5F5",
50: "#F5F5F5",
100: "#E9E9E9",
200: "#DDDDDD",
300: "#D0D0D0",
400: "#C4C4C4",
500: "#ACACAC",
600: "#949494",
700: "#7C7C7C",
800: "#636363",
900: "#4B4B4B",
950: "#333333",
},
"teli-black": {
DEFAULT: "#1D1D1D",
50: "#A3A3A3",
100: "#909090",
200: "#7D7D7D",
300: "#6A6A6A",
400: "#575757",
500: "#444444",
600: "#303030",
700: "#272727",
800: "#1D1D1D",
900: "#141414",
950: "#0A0A0A",
},
"teli-red": {
DEFAULT: "#DA1212",
50: "#FBE7E7",
100: "#F5BDBD",
200: "#EE9292",
300: "#E76767",
400: "#E13D3D",
500: "#DA1212",
600: "#B30F0F",
700: "#8C0C12",
800: "#64080E",
900: "#43040C",
950: "#1B020A",
},
whiteSmoke: {
DEFAULT: "#F5F5F5",
50: "#E9E9E9",
100: "#DDDDDD",
200: "#D0D0D0",
300: "#C4C4C4",
400: "#ACACAC",
500: "#949494",
600: "#7C7C7C",
700: "#636363",
800: "#4B4B4B",
900: "#333333",
},
black: {
DEFAULT: "#0A0A0A",
50: "#141414",
100: "#1D1D1D",
200: "#272727",
300: "#303030",
400: "#444444",
500: "#575757",
600: "#6A6A6A",
700: "#7D7D7D",
800: "#909090",
900: "#A3A3A3",
},
"teli-green": {
DEFAULT: "#59FAA3",
50: "#EEFFF6",
100: "#D1FEE5",
200: "#B3FDD5",
300: "#95FCC4",
400: "#77FBB4",
500: "#59FAA3",
600: "#12DB8A",
700: "#08B86E",
800: "#06794B",
900: "#144C31",
950: "#051E11",
},
},
extend: {
borderWidth: {
"1.5": "1.5px",
},
height: {
"4.5": "18px",
},
},
},
};
export default config;