tailwind.config.ts

import type { Config } from "tailwindcss";
import { nextui } from "@nextui-org/react";

const config: Config = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        inter: ['Inter', 'sans-serif'],
        openSans: ['Open Sans', 'sans-serif'],
        playfair: ['Playfair Display', 'serif'],
        roboto:['Roboto', 'serif']
      },
      colors: {
        active: '#06ADFE',
        kuning: '#DBA200',
        kuning2: '#FFC300',
        abu: '#EFF0F6',
        abugelap: '#3F3F46',
        abumuda:'#A1A1AA',
        ungu: `#B680A2`,
        ungu2: `#834077`,
        pink1: `#FBECEF`,
        pink2: `#FDF4F4`,
        pink3: `#FDF4F4`,
        zinc: `#71717A`,
        footer:'#292B22',
        biru: '#0364B6',
        birumuda: '#E6F1FE',
        foreground: "#71717A",
        mya: {
          50: '#FEF5F5',
          100: '#FEF1EC',
          500: "#FA9FA4",
          600: "#D77482",
        },
        myg: {
          100: '#FFF7CC',
          500: '#FFC300',
          700: '#B78300',
        },
        mybeautica: {
          500: '#B680A2',
        },
        myacademy: {
          500: '#06ADFE',
        },
      },
      fontSize: {
        '10px': '10px',
      },
    },
  },
  darkMode: "class",
  plugins: [nextui(
    {
      addCommonColors: true,
    }
  )],
};
export default config;