tailwind.config.ts

import { nextui } from '@nextui-org/theme'
import type { Config } from 'tailwindcss'


const config: Config = {
  content: [
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './node_modules/@nextui-org/theme/dist/components/button.js',
    './node_modules/@nextui-org/theme/dist/components/card.js',
    './node_modules/@nextui-org/theme/dist/components/input.js',
    './node_modules/@nextui-org/theme/dist/components/link.js',
    './node_modules/@nextui-org/theme/dist/components/modal.js',
    './node_modules/@nextui-org/theme/dist/components/navbar.js',
    './node_modules/@nextui-org/theme/dist/components/radio.js',
    './node_modules/@nextui-org/theme/dist/components/select.js',
    './node_modules/@nextui-org/theme/dist/components/skeleton.js',
    './node_modules/@nextui-org/theme/dist/components/slider.js',
    './node_modules/@nextui-org/theme/dist/components/toggle.js',
    './node_modules/@nextui-org/theme/dist/components/tabs.js',
  ],
  theme: {
    extend: {
      colors: {
        'utm-on-container': '#e1c54b',
        'utm-container-2': '#ffdcbe',
        'utm-container': '#2d2306',
        'utm-container-3': '#7e2a2c',
        'utm-on-container-3': '#ffdad8',
      },
    },
  },
  darkMode: "class",
  plugins: [
    nextui({
      themes: {
        light: {
          colors: {
            background: "#FFFAF2", // the page background color, white
            foreground: "#1A1101", // the page text color, almost black
            //divider: "", // used for divider and single line border, blue
            //overlay: "#1b0209", // used for modal, popover, etc., dark red-brown
            focus: "#E1C54B", // used for focus state outline, red
            //content1: "#FFFAF2", // used for card, modal, popover, etc., olive

            //default: {}, // default color, white
            primary: "#E1C54B", // primary brand color, blue
            secondary: {
              DEFAULT: "#7E2A2C", // secondary color, red
              foreground: "#FFDAD8"
            }, // secondary color, red
            //success: "#7f740c", // success messages, olive
            //warning: "#592726", // warning messages, dark red-brown
            danger: "#7E2A2C", // danger alerts, red
          }
        }
      }
    })
  ],
}

export default config