openstatus.dev
Openstatus
www.openstatus.dev
1// eslint-disable-next-line @typescript-eslint/no-var-requires
2const { fontFamily } = require("tailwindcss/defaultTheme");
3
4/** @type {import('tailwindcss').Config} */
5module.exports = {
6 darkMode: ["class"],
7 content: [
8 "src/**/*.{ts,tsx}",
9 // for vercel integration
10 "../../packages/integrations/**/*.{ts,tsx}",
11 "../../packages/ui/**/*.{ts,tsx}",
12 ],
13 theme: {
14 container: {
15 center: true,
16 padding: "2rem",
17 screens: {
18 "2xl": "1400px",
19 },
20 },
21 extend: {
22 // REMINDER: added for background.tsx
23 backgroundImage: {
24 "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
25 },
26 colors: {
27 border: "hsl(var(--border))",
28 input: "hsl(var(--input))",
29 ring: "hsl(var(--ring))",
30 background: "hsl(var(--background))",
31 foreground: "hsl(var(--foreground))",
32 primary: {
33 DEFAULT: "hsl(var(--primary))",
34 foreground: "hsl(var(--primary-foreground))",
35 },
36 secondary: {
37 DEFAULT: "hsl(var(--secondary))",
38 foreground: "hsl(var(--secondary-foreground))",
39 },
40 destructive: {
41 DEFAULT: "hsl(var(--destructive))",
42 foreground: "hsl(var(--destructive-foreground))",
43 },
44 muted: {
45 DEFAULT: "hsl(var(--muted))",
46 foreground: "hsl(var(--muted-foreground))",
47 },
48 accent: {
49 DEFAULT: "hsl(var(--accent))",
50 foreground: "hsl(var(--accent-foreground))",
51 },
52 popover: {
53 DEFAULT: "hsl(var(--popover))",
54 foreground: "hsl(var(--popover-foreground))",
55 },
56 card: {
57 DEFAULT: "hsl(var(--card))",
58 foreground: "hsl(var(--card-foreground))",
59 },
60 },
61 borderRadius: {
62 lg: "var(--radius)",
63 md: "calc(var(--radius) - 2px)",
64 sm: "calc(var(--radius) - 4px)",
65 },
66 fontFamily: {
67 sans: ["var(--font-geist-sans)", ...fontFamily.sans],
68 mono: ["var(--font-geist-mono)", ...fontFamily.mono],
69 cal: ["var(--font-calsans)"],
70 },
71 keyframes: {
72 "accordion-down": {
73 from: { height: 0 },
74 to: { height: "var(--radix-accordion-content-height)" },
75 },
76 "accordion-up": {
77 from: { height: "var(--radix-accordion-content-height)" },
78 to: { height: 0 },
79 },
80 },
81 animation: {
82 "accordion-down": "accordion-down 0.2s ease-out",
83 "accordion-up": "accordion-up 0.2s ease-out",
84 },
85 },
86 },
87 plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")],
88};