tailwind.config.ts

import { Config } from 'tailwindcss';
import { fontFamily } from 'tailwindcss/defaultTheme';

const config: Config = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  darkMode: 'media',
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', ...fontFamily.sans]
      },
      typography: (theme: (arg0: string) => any) => ({
        DEFAULT: {
          css: {
            'blockquote p:first-of-type::before': false,
            'blockquote p:first-of-type::after': false,
            'code::before': false,
            'code::after': false,
            color: theme("colors.black"),
            'p,a,h1,h2,h3,h4': {
              color: theme("colors.black"),
            },
          },
        },
        dark: {
          css: {
            color: theme("colors.white"),
            'p,a,h1,h2,h3,h4': {
              color: theme("colors.white"),
            },
          },
        },
      })
    },
  },
  variants: {
    typography: ['dark']
  },
  plugins: [
    require("tailwindcss-dark-mode"),
    require('@tailwindcss/typography')
  ],
};

export default config;