A third party ATProto appview
1import type { Config } from "tailwindcss";
2
3export default {
4 darkMode: ["class"],
5 content: ["./client/index.html", "./client/src/**/*.{js,jsx,ts,tsx}"],
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 success: {
45 DEFAULT: "hsl(var(--success))",
46 foreground: "hsl(var(--success-foreground))",
47 },
48 warning: {
49 DEFAULT: "hsl(var(--warning))",
50 foreground: "hsl(var(--warning-foreground))",
51 },
52 border: "hsl(var(--border))",
53 input: "hsl(var(--input))",
54 ring: "hsl(var(--ring))",
55 chart: {
56 "1": "hsl(var(--chart-1))",
57 "2": "hsl(var(--chart-2))",
58 "3": "hsl(var(--chart-3))",
59 "4": "hsl(var(--chart-4))",
60 "5": "hsl(var(--chart-5))",
61 },
62 sidebar: {
63 DEFAULT: "hsl(var(--sidebar))",
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 fontFamily: {
74 sans: ["var(--font-sans)"],
75 serif: ["var(--font-serif)"],
76 mono: ["var(--font-mono)"],
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 },
96 animation: {
97 "accordion-down": "accordion-down 0.2s ease-out",
98 "accordion-up": "accordion-up 0.2s ease-out",
99 },
100 },
101 },
102 plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")],
103} satisfies Config;