Marble/tailwind.config.js at master · ReMod-Software/Marble · 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
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
/** @type {import('tailwindcss').Config} */
import {
	// Constants
	black,
	// Blue
	blue10,
	blue100,
	blue20,
	blue30,
	blue40,
	// Support
	blue50,
	blue60,
	blue70,
	// Gray
	gray10,
	gray100,
	gray10Hover,
	gray20,
	gray20Hover,
	gray30,
	gray40,
	gray50,
	gray60,
	gray70,
	gray80,
	gray80Hover,
	green40,
	green50,
	orange40,
	purple60,
	red50,
	red60,
	rgba,
	white,
	whiteHover,
	yellow30,
} from "@carbon/colors"
import {
	backgroundActive,
	backgroundBrand,
	backgroundHover,
	backgroundInverse,
	backgroundOverlay,
	backgroundSelected,
	backgroundSelectedHover,
} from "@carbon/themes"
export default {
	content: [
		"./index.html",
		"./src/**/*.{js,ts,jsx,tsx}",
	],
	theme: {
		extend: {
			colors: {
				"white": white,
				"white-hover": whiteHover,
				"black": black,
				"gray-10": gray10,
				"gray-10-hover": gray10Hover,
				"gray-20": gray20,
				"gray-20-hover": gray20Hover,
				"gray-30": gray30,
				"gray-40": gray40,
				"gray-50": gray50,
				"gray-60": gray60,
				"gray-70": gray70,
				"gray-80": gray80,
				"gray-80-hover": gray80Hover,
				"gray-100": gray100,
				"blue-10": blue10,
				"blue-20": blue20,
				"blue-30": blue30,
				"blue-40": blue40,
				"blue-50": blue50,
				"blue-60": blue60,
				"blue-70": blue70,
				"blue-100": blue100,
				"green-40": green40,
				"green-50": green50,
				"yellow-30": yellow30,
				"orange-40": orange40,
				"red-50": red50,
				"red-60": red60,
				"purple-60": purple60,
				"background-inverse": backgroundInverse,
				"rgba": rgba,
				"background-brand": backgroundBrand,
				"background-active": backgroundActive,
				"background-hover": backgroundHover,
				"background-overlay": backgroundOverlay,
				"background-selected": backgroundSelected,
				"background-selected-hover": backgroundSelectedHover,
			},
		},
	},
	plugins: [],
}