Skip to content

Commit a771143

Browse files
yashksaini-coderyashksaini-coder
authored
Update tailwind.config.ts
1 parent 79d33c8 commit a771143

File tree

1 file changed

+122
-104
lines changed

1 file changed

+122
-104
lines changed

‎tailwind.config.ts

+122-104
Original file line numberDiff line numberDiff line change
@@ -1,108 +1,126 @@
11
import type { Config } from "tailwindcss";
22

33
export default {
4-
darkMode: ["class"],
5-
content: [
6-
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
7-
"./components/**/*.{js,ts,jsx,tsx,mdx}",
8-
"./app/**/*.{js,ts,jsx,tsx,mdx}",
9-
],
10-
theme: {
11-
extend: {
12-
colors: {
13-
background: 'hsl(var(--background))',
14-
foreground: 'hsl(var(--foreground))',
15-
card: {
16-
DEFAULT: 'hsl(var(--card))',
17-
foreground: 'hsl(var(--card-foreground))'
18-
},
19-
popover: {
20-
DEFAULT: 'hsl(var(--popover))',
21-
foreground: 'hsl(var(--popover-foreground))'
22-
},
23-
primary: {
24-
DEFAULT: 'hsl(var(--primary))',
25-
foreground: 'hsl(var(--primary-foreground))'
26-
},
27-
secondary: {
28-
DEFAULT: 'hsl(var(--secondary))',
29-
foreground: 'hsl(var(--secondary-foreground))'
30-
},
31-
muted: {
32-
DEFAULT: 'hsl(var(--muted))',
33-
foreground: 'hsl(var(--muted-foreground))'
34-
},
35-
accent: {
36-
DEFAULT: 'hsl(var(--accent))',
37-
foreground: 'hsl(var(--accent-foreground))'
38-
},
39-
destructive: {
40-
DEFAULT: 'hsl(var(--destructive))',
41-
foreground: 'hsl(var(--destructive-foreground))'
42-
},
43-
border: 'hsl(var(--border))',
44-
input: 'hsl(var(--input))',
45-
ring: 'hsl(var(--ring))',
46-
chart: {
47-
'1': 'hsl(var(--chart-1))',
48-
'2': 'hsl(var(--chart-2))',
49-
'3': 'hsl(var(--chart-3))',
50-
'4': 'hsl(var(--chart-4))',
51-
'5': 'hsl(var(--chart-5))'
52-
},
53-
sidebar: {
54-
DEFAULT: 'hsl(var(--sidebar-background))',
55-
foreground: 'hsl(var(--sidebar-foreground))',
56-
primary: 'hsl(var(--sidebar-primary))',
57-
'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
58-
accent: 'hsl(var(--sidebar-accent))',
59-
'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
60-
border: 'hsl(var(--sidebar-border))',
61-
ring: 'hsl(var(--sidebar-ring))'
62-
}
63-
},
64-
borderRadius: {
65-
lg: 'var(--radius)',
66-
md: 'calc(var(--radius) - 2px)',
67-
sm: 'calc(var(--radius) - 4px)'
68-
},
69-
keyframes: {
70-
'accordion-down': {
71-
from: {
72-
height: '0'
73-
},
74-
to: {
75-
height: 'var(--radix-accordion-content-height)'
76-
}
77-
},
78-
'accordion-up': {
79-
from: {
80-
height: 'var(--radix-accordion-content-height)'
81-
},
82-
to: {
83-
height: '0'
84-
}
85-
},
86-
meteor: {
87-
'0%': {
88-
transform: 'rotate(215deg) translateX(0)',
89-
opacity: '1'
90-
},
91-
'70%': {
92-
opacity: '1'
93-
},
94-
'100%': {
95-
transform: 'rotate(215deg) translateX(-500px)',
96-
opacity: '0'
97-
}
98-
}
99-
},
100-
animation: {
101-
'accordion-down': 'accordion-down 0.2s ease-out',
102-
'accordion-up': 'accordion-up 0.2s ease-out',
103-
meteor: 'meteor 5s linear infinite'
104-
}
105-
}
106-
},
107-
plugins: [require("tailwindcss-animate")],
4+
darkMode: ["class"],
5+
content: [
6+
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
7+
"./components/**/*.{js,ts,jsx,tsx,mdx}",
8+
"./app/**/*.{js,ts,jsx,tsx,mdx}",
9+
],
10+
theme: {
11+
extend: {
12+
backgroundImage: {
13+
'light-auth': "url('/light-auth.jpg')",
14+
'dark-auth': "url('/dark-auth.jpg')"
15+
},
16+
colors: {
17+
background: 'hsl(var(--background))',
18+
foreground: 'hsl(var(--foreground))',
19+
card: {
20+
DEFAULT: 'hsl(var(--card))',
21+
foreground: 'hsl(var(--card-foreground))'
22+
},
23+
popover: {
24+
DEFAULT: 'hsl(var(--popover))',
25+
foreground: 'hsl(var(--popover-foreground))'
26+
},
27+
primary: {
28+
DEFAULT: 'hsl(var(--primary))',
29+
foreground: 'hsl(var(--primary-foreground))'
30+
},
31+
secondary: {
32+
DEFAULT: 'hsl(var(--secondary))',
33+
foreground: 'hsl(var(--secondary-foreground))'
34+
},
35+
muted: {
36+
DEFAULT: 'hsl(var(--muted))',
37+
foreground: 'hsl(var(--muted-foreground))'
38+
},
39+
accent: {
40+
DEFAULT: 'hsl(var(--accent))',
41+
foreground: 'hsl(var(--accent-foreground))'
42+
},
43+
destructive: {
44+
DEFAULT: 'hsl(var(--destructive))',
45+
foreground: 'hsl(var(--destructive-foreground))'
46+
},
47+
border: 'hsl(var(--border))',
48+
input: 'hsl(var(--input))',
49+
ring: 'hsl(var(--ring))',
50+
chart: {
51+
'1': 'hsl(var(--chart-1))',
52+
'2': 'hsl(var(--chart-2))',
53+
'3': 'hsl(var(--chart-3))',
54+
'4': 'hsl(var(--chart-4))',
55+
'5': 'hsl(var(--chart-5))'
56+
},
57+
'color-1': 'hsl(var(--color-1))',
58+
'color-2': 'hsl(var(--color-2))',
59+
'color-3': 'hsl(var(--color-3))',
60+
'color-4': 'hsl(var(--color-4))',
61+
'color-5': 'hsl(var(--color-5))',
62+
sidebar: {
63+
DEFAULT: 'hsl(var(--sidebar-background))',
64+
foreground: 'hsl(var(--sidebar-foreground))',
65+
primary: 'hsl(var(--sidebar-primary))',
66+
'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
67+
accent: 'hsl(var(--sidebar-accent))',
68+
'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
69+
border: 'hsl(var(--sidebar-border))',
70+
ring: 'hsl(var(--sidebar-ring))'
71+
}
72+
},
73+
borderRadius: {
74+
lg: 'var(--radius)',
75+
md: 'calc(var(--radius) - 2px)',
76+
sm: 'calc(var(--radius) - 4px)'
77+
},
78+
keyframes: {
79+
'accordion-down': {
80+
from: {
81+
height: '0'
82+
},
83+
to: {
84+
height: 'var(--radix-accordion-content-height)'
85+
}
86+
},
87+
'accordion-up': {
88+
from: {
89+
height: 'var(--radix-accordion-content-height)'
90+
},
91+
to: {
92+
height: '0'
93+
}
94+
},
95+
meteor: {
96+
'0%': {
97+
transform: 'rotate(215deg) translateX(0)',
98+
opacity: '1'
99+
},
100+
'70%': {
101+
opacity: '1'
102+
},
103+
'100%': {
104+
transform: 'rotate(215deg) translateX(-500px)',
105+
opacity: '0'
106+
}
107+
},
108+
rainbow: {
109+
'0%': {
110+
'background-position': '0%'
111+
},
112+
'100%': {
113+
'background-position': '200%'
114+
}
115+
}
116+
},
117+
animation: {
118+
'accordion-down': 'accordion-down 0.2s ease-out',
119+
'accordion-up': 'accordion-up 0.2s ease-out',
120+
meteor: 'meteor 5s linear infinite',
121+
rainbow: 'rainbow var(--speed, 2s) infinite linear'
122+
}
123+
}
124+
},
125+
plugins: [require("tailwindcss-animate")],
108126
} satisfies Config;

0 commit comments

Comments
 (0)