tailwind.config.mjs

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  theme: {
    extend: {},
  },
  plugins: [
    require("@tailwindcss/typography"),
    require("daisyui"),
    require("@tailwindcss/forms"),
    require("tailwindcss-motion"),
    require("tailwindcss-intersect"),
  ],
  daisyui: {
    themes: [
      {
        abyss: {
          primary: "#70C6EC",
          secondary: "#EC7064",
          accent: "#F1D302",
          neutral: "#A0A0A0",
          "base-100": "#1e1e1e",
          warning: "#FFA500",
          success: "#28A745",
          error: "#DC3545",

          "--rounded-box": "0.5rem", // border radius rounded-box utility class, used in card and other large boxes
          "--rounded-btn": "0.25rem", // border radius rounded-btn utility class, used in buttons and similar element
          "--rounded-badge": "1rem", // border radius rounded-badge utility class, used in badges and similar
          "--animation-btn": "0.25s", // duration of animation when you click on button
          "--animation-input": "0.2s", // duration of animation for inputs like checkbox, toggle, radio, etc
          "--btn-focus-scale": "0.95", // scale transform of button when you focus on it
          "--border-btn": "2px", // border width of buttons
          "--tab-border": "2px", // border width of tabs
          "--tab-radius": "0.5rem", // border radius of tabs.
        },
      },
    ],
  },
};