portfolio/tailwind.config.js at main · carsonSgit/portfolio · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
	darkMode: ["class"],
	content: [
		"./components/**/*.{js,ts,jsx,tsx,mdx}",
		"./app/**/*.{js,ts,jsx,tsx,mdx}",
	],
	theme: {
		extend: {
			colors: {
				main: "var(--main)",
				"main-secondary": "var(--main-secondary)",
				"main-foreground": "var(--main-foreground)",
				"main-muted": "var(--main-muted)",
				"main-background": "var(--main-background)",
				"main-invert": "var(--main-invert)",
				primary: {
					DEFAULT: "hsl(var(--primary))",
					foreground: "hsl(var(--primary-foreground))",
				},
				"primary-foreground": "var(--primary-foreground)",
				"primary-muted": "var(--primary-muted)",
				"primary-invert": "var(--primary-invert)",
				border: "hsl(0, 100%, 100%)",
				background: "hsl(var(--background))",
				foreground: "hsl(var(--foreground))",
			},
		},
	},
	plugins: [],
};