tailwind.config.mjs

const defaultTheme = require("tailwindcss/defaultTheme");
const plugin = require("tailwindcss/plugin");

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  theme: {
    extend: {
      backgroundSize: {
        "400%": "400%",
      },

      animation: {
        "background-move": "background-move 5s linear infinite",
      },
      keyframes: {
        "background-move": {
          "0%,100%": { backgroundPosition: "0% 50%" },
          "50%": { backgroundPosition: "100% 50%" },
        },
      },

      rotate: {
        210: "210deg",
      },

      fontFamily: {
        sans: ["Inter var", "Inter", ...defaultTheme.fontFamily.sans],
      },
      colors: ({ colors }) => ({
        background: "#0E0202",
        foreground: "#D9D9D9",
        gray: {
          ...colors.gray,
          800: "#645F6E",
        },
        orange: "#E99E57",
        purple: {
          500: "#6665E9",
          600: "#353496",
        },
        cardBackground: "#0C0C2F",
        mammotab: "#df8849",
        dropdownBackground: "#241928",
        sectionBackground: "#0C0C2F",
        tableTop: "#38384C",
        tableBottom: "#1E1A26",
        tableDark: "#19121C",
        tableAlt: "#282332",
        tableText: "#A5A0B5",
        mantis: "#90bf31",
        seellm: "#51DDF9",
        llamapi: "#FBB2CC",
        iconBackground: {
          100: "#9E0974",
          200: "#8E2294",
          300: "#8236AE",
          400: "#754CC9",
          500: "#6665E9",
        },
      }),
    },
  },
  plugins: [
    require("flowbite/plugin"),
    plugin(function ({ matchUtilities, theme }) {
      matchUtilities(
        {
          "bg-gradient": (angle) => ({
            "background-image": `linear-gradient(${angle}, var(--tw-gradient-stops))`,
          }),
        },
        {
          // values from config and defaults you wish to use most
          values: Object.assign(
            theme("bgGradientDeg", {}), // name of config key. Must be unique
            {
              10: "10deg", // bg-gradient-10
              15: "15deg",
              20: "20deg",
              25: "25deg",
              30: "30deg",
              45: "45deg",
              60: "60deg",
              90: "90deg",
              120: "120deg",
              135: "135deg",
            }
          ),
        }
      );
    }),
  ],
};