tailwind.config.js

import { TAILWINDCSS_PRESET } from "@newfold/ui-component-library";

module.exports = {
    presets: [TAILWINDCSS_PRESET],
    content: [
        // Include all JS files inside the UI library in your content.
        ...TAILWINDCSS_PRESET.content,
        "./src/**/*.js", // all source files
        "./node_modules/@newfold-labs/wp-module-*/build/index.js", // all npm sourced module builds
        "./vendor/newfold-labs/wp-module-*/components/**/*.js", // all composer sourced module components
    ],
    theme: {
        extend: {
            colors: {
                primary: {
                    DEFAULT: "#1F2044",
                    50: "#EBEBF6",
					100: "#C2C3E3",
					200: "#7274BE",
					300: "#444693",
					400: "#31336B",
					500: "#1F2044",
					600: "#1A1B39",
					700: "#16172F",
					800: "#0F1021",
					900: "#090913",
                    dark: "#191936",
                    light: "#2E93EE",
                    lighter: "#74C1FF",
                },
                secondary: {
                    DEFAULT: "#FFCF00",
                    dark: "#ECA93E",
                    light: "#FF9144",
                    lighter: "#FFE885",
                },
                title: "#1F2044",
                body: "#363636",
                link: "#2E93EE",
                line: "#E2E8F0",
                white: "#FFFFFF",
                offWhite: "#F5F6F8",
                black: "#000000",
                canvas: "#F5F6F8",
                success: "#348538",
                error: "#F16A5E"
            },
        },
    },
    plugins: [],
}