create-swiftstart/nextjs-templates/next_template_appdir/tailwind.config.js

Automate the setup of Vite-React & Next.js projects with a pre-designed boilerplate structure using create-swiftstart. This tool saves your time and provides a clean starting point for your React or Next.js applications.

/** @type {import('tailwindcss').Config} */
export default {
  darkMode: ["class"],
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,jsx,ts,tsx}",
    "./app/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {
      fontFamily: {
          "satoshi-medium": ["Satoshi-Medium", "sans"],
          inter: ['Inter', 'sans-serif'],
      },
      colors: {
        purple: {
          50: "#e1c7fc",
          60: "#b492fb",
          70: "#a841ff",
        },
        orange: {
          50: "#fce0c7",
          60: "#ffc189",
          70: "#ff983b",
        },
        gray: {
          50: "#dedede",
          60: "#afafaf",
          70: "#8a8a8a",
        }
      },
      backgroundImage: {
        // banner: "url('')",
      },
    }
  }
};