tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
  ],
  daisyui: {
    themes: [
      {
        light: {
          ...require("daisyui/src/theming/themes")["light"],
          "--content-background": "#f2f5f8",
          ".bg-light-success": {
            backgroundColor: "#cceedd",
          },
          ".bg-light-warning": {
            backgroundColor: "#ffeecc",
          },
          ".bg-light-error": {
            backgroundColor: "#ffdddd",
          },
        },
      },
      {
        dark: {
          ...require("daisyui/src/theming/themes")["dark"],
          "--content-background": "#1a202c",
          ".bg-light-success": {
            backgroundColor: "#003300",
          },
          ".bg-light-warning": {
            backgroundColor: "#554400",
          },
          ".bg-light-error": {
            backgroundColor: "#552233",
          },
        },
      },
    ],
  },
  theme: {
    keyframes: {
      fadeOut: {
        "0%": { opacity: 1 },
        "100%": { opacity: 0 },
      },
    },
    animation: {
      fadeOut: "fadeOut 0.2s ease-out forwards",
    },
    extend: {
      typography: (theme) => ({
        DEFAULT: {
          css: {
            margin: "0", // Set global `margin` to 0
            "h1, h2, h3, h4, h5, h6": {
              marginTop: theme("spacing.6"),
              marginBottom: theme("spacing.4"),
            },
            p: {
              marginTop: theme("spacing.2"),
              marginBottom: theme("spacing.2"),
            },
          },
        },
      }),
      colors: {
        "light-success": "#cceedd",
        "light-warning": "#ffeecc",
        "light-error": "#ffdddd",
      },
    },
  },
  darkMode: "class",
  plugins: [require("@tailwindcss/typography"), require("daisyui")],
};