tailwind.config.ts

import { createPreset } from "fumadocs-ui/tailwind-plugin";
import type { Config } from "tailwindcss";

export default {
  darkMode: ["class"],
  content: [
    "./components/**/*.{ts,tsx}",
    "./app/**/*.{ts,tsx}",
    "./content/**/*.{md,mdx}",
    "./mdx-components.{ts,tsx}",
    "./node_modules/fumadocs-ui/dist/**/*.js",
  ],
  presets: [
    createPreset({
      preset: "purple",
    }),
  ],
  theme: {
    extend: {
      //fontFamily: {
      //  mono: [
      //    "JetBrains Mono",
      //    "ui-monospace",
      //    "SFMono-Regular",
      //    "Menlo",
      //    "Monaco",
      //    "Consolas",
      //    "Liberation Mono",
      //    "Courier New",
      //    "monospace",
      //  ],
      //  display: [
      //    "Funnel Display",
      //    "ui-sans-serif",
      //    "system-ui",
      //    "sans-serif",
      //    "Apple Color Emoji",
      //    "Segoe UI Emoji",
      //    "Segoe UI Symbol",
      //    "Noto Color Emoji",
      //  ],
      //  sans: [
      //    "Inter",
      //    "ui-sans-serif",
      //    "system-ui",
      //    "sans-serif",
      //    "Apple Color Emoji",
      //    "Segoe UI Emoji",
      //    "Segoe UI Symbol",
      //    "Noto Color Emoji",
      //  ],
      //},

      borderRadius: {
        lg: "var(--fd-radius)",
        md: "calc(var(--fd-radius) - 2px)",
        sm: "calc(var(--fd-radius) - 4px)",
      },
      colors: {
        "stone-primary": "hsl(var(--fd-stone-primary))",
        background: "hsl(var(--fd-background))",
        foreground: "hsl(var(--fd-foreground))",
        card: {
          DEFAULT: "hsl(var(--fd-card))",
          foreground: "hsl(var(--fd-card-foreground))",
        },
        popover: {
          DEFAULT: "hsl(var(--fd-popover))",
          foreground: "hsl(var(--fd-popover-foreground))",
        },
        primary: {
          DEFAULT: "hsl(var(--fd-primary))",
          foreground: "hsl(var(--fd-primary-foreground))",
        },
        secondary: {
          DEFAULT: "hsl(var(--fd-secondary))",
          foreground: "hsl(var(--fd-secondary-foreground))",
        },
        muted: {
          DEFAULT: "hsl(var(--fd-muted))",
          foreground: "hsl(var(--fd-muted-foreground))",
        },
        accent: {
          DEFAULT: "hsl(var(--fd-accent))",
          foreground: "hsl(var(--fd-accent-foreground))",
        },
        destructive: {
          DEFAULT: "hsl(var(--fd-destructive))",
          foreground: "hsl(var(--fd-destructive-foreground))",
        },
        border: "hsl(var(--fd-border))",
        input: "hsl(var(--fd-input))",
        ring: "hsl(var(--fd-ring))",
        chart: {
          "1": "hsl(var(--fd-chart-1))",
          "2": "hsl(var(--fd-chart-2))",
          "3": "hsl(var(--fd-chart-3))",
          "4": "hsl(var(--fd-chart-4))",
          "5": "hsl(var(--fd-chart-5))",
        },
      },
      keyframes: {
        "accordion-down": {
          from: {
            height: "0",
          },
          to: {
            height: "var(--fd-radix-accordion-content-height)",
          },
        },
        "accordion-up": {
          from: {
            height: "var(--fd-radix-accordion-content-height)",
          },
          to: {
            height: "0",
          },
        },
      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
      },
    },
  },
} satisfies Config;