The recipes.blue monorepo
recipes.blue
roost.moe
recipes
appview
atproto
1import animate from 'tailwindcss-animate';
2/** @type {import('tailwindcss').Config} */
3export default {
4 darkMode: ["class"],
5 content: ["./index.html", "./src/**/*.{ts,tsx,js,jsx}"],
6 theme: {
7 extend: {
8 borderRadius: {
9 lg: 'var(--radius)',
10 md: 'calc(var(--radius) - 2px)',
11 sm: 'calc(var(--radius) - 4px)'
12 },
13 colors: {
14 background: 'hsl(var(--background))',
15 foreground: 'hsl(var(--foreground))',
16 card: {
17 DEFAULT: 'hsl(var(--card))',
18 foreground: 'hsl(var(--card-foreground))'
19 },
20 popover: {
21 DEFAULT: 'hsl(var(--popover))',
22 foreground: 'hsl(var(--popover-foreground))'
23 },
24 primary: {
25 DEFAULT: 'hsl(var(--primary))',
26 foreground: 'hsl(var(--primary-foreground))'
27 },
28 secondary: {
29 DEFAULT: 'hsl(var(--secondary))',
30 foreground: 'hsl(var(--secondary-foreground))'
31 },
32 muted: {
33 DEFAULT: 'hsl(var(--muted))',
34 foreground: 'hsl(var(--muted-foreground))'
35 },
36 accent: {
37 DEFAULT: 'hsl(var(--accent))',
38 foreground: 'hsl(var(--accent-foreground))'
39 },
40 destructive: {
41 DEFAULT: 'hsl(var(--destructive))',
42 foreground: 'hsl(var(--destructive-foreground))'
43 },
44 border: 'hsl(var(--border))',
45 input: 'hsl(var(--input))',
46 ring: 'hsl(var(--ring))',
47 chart: {
48 '1': 'hsl(var(--chart-1))',
49 '2': 'hsl(var(--chart-2))',
50 '3': 'hsl(var(--chart-3))',
51 '4': 'hsl(var(--chart-4))',
52 '5': 'hsl(var(--chart-5))'
53 },
54 sidebar: {
55 DEFAULT: 'hsl(var(--sidebar-background))',
56 foreground: 'hsl(var(--sidebar-foreground))',
57 primary: 'hsl(var(--sidebar-primary))',
58 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
59 accent: 'hsl(var(--sidebar-accent))',
60 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
61 border: 'hsl(var(--sidebar-border))',
62 ring: 'hsl(var(--sidebar-ring))'
63 }
64 }
65 }
66 },
67 plugins: [animate],
68}
69