coderatic-client/tailwind.config.ts at master · Coderatic/coderatic-client · 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
module.exports = {
	content: [
		"./components/**/*.{js,vue,ts}",
		"./layouts/**/*.vue",
		"./pages/**/*.vue",
		"./plugins/**/*.{js,ts}",
		"./nuxt.config.{js,ts}",
	],
	theme: {
		darkSelector: ".dark-mode",
		extend: {
			screens: {
				sm: "360px",
				md: "768px",
				lg: "1024px",
				xl: "1280px",
			},
			colors: {
				white: "#FFFDFA",
				black: "#1F1F1F",
				primary: "#626ee3",
				secondary: "#e26a6a",
				accent: "#47b89c",
				dialog: "#f8fafc",
				dark: "#00001e",
				"dark-page": "#161832",
				positive: "#21BA45",
				negative: "#C10015",
				info: "#edc1bb",
				warning: "#F2C037",
			},
		},
	},
	variants: {
		backgroundColor: [
			"dark",
			"dark-hover",
			"dark-group-hover",
			"dark-even",
			"dark-odd",
			"hover",
			"responsive",
		],
		borderColor: [
			"dark",
			"dark-focus",
			"dark-focus-within",
			"hover",
			"responsive",
		],
		textColor: ["dark", "dark-hover", "dark-active", "hover", "responsive"],
	},
	plugins: [require("tailwindcss-dark-mode")()],
};