tailwind.config.js

const defaultTheme = require('tailwindcss/defaultTheme')
const colors = require('tailwindcss/colors')
const { default: plugin } = require('tailwindcss/plugin')

module.exports = {
    content: [
        // landing
        "./resources/views/pages/landing/opening.blade.php",
        "./resources/views/components/layout/*.blade.php" ,
        "./resources/views/components/quick-order-form.blade.php",
        "./resources/js/components/QuickOrder/QuickOrder.jsx",
        "./resources/js/landing-opening.js",
        // zeus
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
		'./packages/Zeus/resources/views/**/*.blade.php',
		'./packages/ZeusExtensions/resources/views/**/*.blade.php',
		'./packages/Zeus/resources/js/**/*.jsx',
		'./packages/Zeus/src/View/**/*.php',
        // custom zeus pages
        './resources/views/custom/*.blade.php',
        './resources/js/components/ZeusTickets/*.jsx',
    ],
    theme: {
        fontFamily: {
            iransans: ["Iransansweb"],
            sans: ['Open Sans', ...defaultTheme.fontFamily.sans]
        },
        extend: {
            colors: {
                'body': '#fafafa',
                'on-white': "#fefffc",
                'aqua': "#78cad2",
                'social-media': {
                    telegram: "#229ED9",
                    whatsapp: "#25d366",
                    instagram: "#E1306C",
                    linkedin: "#0e76a8",
                    email: "#C71610",
                },
                green: colors.emerald,
				yellow: colors.amber,
				purple: colors.violet,
				'ghost-white': {
					DEFAULT : '#f7f7ffff',
					lighter: '#F7F7FF'
				},
				mango: {
					DEFAULT:'#ffbe0bff',
					light: '#FFEEC1',
					lighter: '#FFF6E0'
				},
				'black-coral': '#495867ff',
				'spring-green': {
					DEFAULT: '#10da6b',
					dark: '#09b858'
				},
				salsa: '#f03a47ff',
				'red-ryb': '#ff101fff',
				'blue-yonder': {
					DEFAULT: '#577399ff',
					dark: '#212B39'
				}
            },
            backgroundImage: {
                'shaped': "url('/images/shaped-background.png')",
                "icon": "url('/images/item-background.png')",
                "zeus-dashboard-vbg": "url('/images/zeus-images/dashboard-bvector.png')"
            },
            screens: {
                'xs': "375px",
                '4k': "2560px"
            }
        },
    },
    plugins: [
        require('@tailwindcss/forms')({strategy: 'class',}),
    ],
}