tailwind.config.cjs

/** @type {import('tailwindcss').Config}*/
const config = {
  content: [
    "./src/**/*.{html,js,svelte,ts}",
    "./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}",
  ],

  theme: {
    extend: {
      colors: {
        // green
        primary: { "50": "#f0fdf4", "100": "#dcfce7", "200": "#bbf7d0", "300": "#86efac", "400": "#4ade80", "500": "#22c55e", "600": "#16a34a", "700": "#15803d", "800": "#166534", "900": "#14532d" },
      },
      /*height: {
        "120": "30rem",
      },
      margin: {
        "auto": "auto",
      },*/
      minWidth: {
        "60": "15rem",
      },
      screens: {
        "xs": "475px",
      },
      spacing: {
        "120": "30rem",
        "auto": "auto",
      },
    },
  },

  plugins: [
    require("flowbite/plugin"),
  ],
  darkMode: "class",
};

module.exports = config;