tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      typography: theme => ({
        DEFAULT: {
          css: {
            code: {
              borderRadius: theme("borderRadius.sm"),
              fontWeight: theme("fontWeight.normal"),
              fontSize: theme("fontSize.xs"),
              "&::before": {
                content: '"" !important',
              },
              "&::after": {
                content: '"" !important',
              },
            },
          },
        },
      }),
      colors: {
        "theme-primary": "var(--primary)",
        "theme-secondary": "var(--secondary)",
        "theme-tertiary": "var(--tertiary)",
        "theme-background": "var(--background)",
        "theme-surface": "var(--surface)",
        "theme-error": "var(--error)",
        "theme-on-primary": "var(--on-primary)",
        "theme-on-secondary": "var(--on-secondary)",
        "theme-on-background": "var(--on-background)",
        "theme-on-surface": "var(--on-surface)",
        "theme-on-error": "var(--on-error)",
        "theme-shadow": "var(--shadow)",
      },
      fontFamily: {
        "space-mono-bold": ["Space Mono Bold", "sans-serif"],
        "cascadia-code": ["Cascadia Code", "sans-serif"],
        workSans: ["WorkSans", "sans-serif"],
      },
      screens: {
        wide: "1600px",
      },
    },
  },
  plugins: [require("@tailwindcss/typography"), require("daisyui")],
  daisyui: {
    themes: [
      {
        light: {
          ...require("daisyui/src/colors/themes")["[data-theme=light]"],
          ".tooltip": {
            "--tooltip-text-color": "var(--background)",
            "--tooltip-color": "var(--surface)",
          },
        },
      },
    ],
  },
}