formenu/tailwind.config.js at main · For-Hives/formenu · 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
/** @type {import('tailwindcss').Config} */
const { nextui } = require('@nextui-org/react')
module.exports = {
	content: [
		'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
		'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
		'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
		'./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}',
	],
	safelist: [
		'text-2xl',
		'text-3xl',
		'border-black',
		'bg-black',
		{
			pattern:
				/border-(cyan|yellow|red|indigo|blue|purple|teal|slate|pink|stone)-(100|200|300|400|500|600|700|800|900|950)/,
		},
		{
			pattern:
				/bg-(cyan|yellow|red|indigo|blue|purple|teal|slate|pink|stone)-(100|200|300|400|500|600|700|800|900|950)/,
		},
		{
			pattern: /font-(lato|fraunces)/,
		},
	],
	theme: {
		extend: {
			backgroundImage: {
				'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
				'gradient-conic':
					'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
			},
			rotate: {
				15: '15deg',
				30: '30deg',
			},
			borderWidth: {
				3: '3px',
			},
			fontFamily: {
				lato: 'var(--font-lato)',
				fraunces: 'var(--font-fraunces)',
			},
		},
	},
	darkMode: 'class',
	plugins: [
		require('@tailwindcss/forms'),
		require('@tailwindcss/typography'),
		nextui({
			themes: {
				dark: {
					colors: {
						primary: {
							DEFAULT: '#172554',
							foreground: '#000000',
						},
						focus: '#172554',
					},
				},
				light: {
					colors: {
						primary: {
							DEFAULT: '#172554',
							foreground: '#000000',
						},
						focus: '#172554',
					},
				},
			},
		}),
	],
}