tailwind.config.js at main · tynanpurdy.com/atprofile

tynanpurdy.com / atprofile
Fork of atp.tools as a universal profile for people on the ATmosphere
atprofile / tailwind.config.js
at main 2.3 kB view raw
 1import { fontFamily } from "tailwindcss/defaultTheme";
 2
 3/** @type {import('tailwindcss').Config} */
 4export const darkMode = ["class"];
 5export const content = ["./index.html", "./src/**/*.{ts,tsx,js,jsx}"];
 6export const theme = {
 7  extend: {
 8    fontFamily: {
 9      sans: ["var(--font-sans)", ...fontFamily.sans],
10      serif: ["var(--font-serif)", ...fontFamily.serif],
11      mono: ["var(--font-mono)", ...fontFamily.mono],
12    },
13    borderRadius: {
14      lg: "var(--radius)",
15      md: "calc(var(--radius) - 2px)",
16      sm: "calc(var(--radius) - 4px)",
17    },
18    colors: {
19      background: "hsl(var(--background))",
20      foreground: "hsl(var(--foreground))",
21      card: {
22        DEFAULT: "hsl(var(--card))",
23        foreground: "hsl(var(--card-foreground))",
24      },
25      popover: {
26        DEFAULT: "hsl(var(--popover))",
27        foreground: "hsl(var(--popover-foreground))",
28      },
29      primary: {
30        DEFAULT: "hsl(var(--primary))",
31        foreground: "hsl(var(--primary-foreground))",
32      },
33      secondary: {
34        DEFAULT: "hsl(var(--secondary))",
35        foreground: "hsl(var(--secondary-foreground))",
36      },
37      muted: {
38        DEFAULT: "hsl(var(--muted))",
39        foreground: "hsl(var(--muted-foreground))",
40      },
41      accent: {
42        DEFAULT: "hsl(var(--accent))",
43        foreground: "hsl(var(--accent-foreground))",
44      },
45      destructive: {
46        DEFAULT: "hsl(var(--destructive))",
47        foreground: "hsl(var(--destructive-foreground))",
48      },
49      border: "hsl(var(--border))",
50      input: "hsl(var(--input))",
51      ring: "hsl(var(--ring))",
52      chart: {
53        1: "hsl(var(--chart-1))",
54        2: "hsl(var(--chart-2))",
55        3: "hsl(var(--chart-3))",
56        4: "hsl(var(--chart-4))",
57        5: "hsl(var(--chart-5))",
58      },
59      sidebar: {
60        DEFAULT: "hsl(var(--sidebar-background))",
61        foreground: "hsl(var(--sidebar-foreground))",
62        primary: "hsl(var(--sidebar-primary))",
63        "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
64        accent: "hsl(var(--sidebar-accent))",
65        "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
66        border: "hsl(var(--sidebar-border))",
67        ring: "hsl(var(--sidebar-ring))",
68      },
69    },
70  },
71};
72export const plugins = [require("tailwindcss-animate")];