A third party ATProto appview
at main 103 lines 3.2 kB view raw
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;