tailwind.config.js

import forms from '@tailwindcss/forms';
import presetPowerGrid from './vendor/power-components/livewire-powergrid/tailwind.config.js';

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./app/Livewire/**/*Table.php",
        "./resources/**/*.blade.php",
        "./resources/**/*.js",
        "./resources/**/*.vue",
        "./vendor/filament/**/*.blade.php",
        "./vendor/power-components/livewire-powergrid/resources/views/**/*.php",
        "./vendor/power-components/livewire-powergrid/src/Themes/Tailwind.php",
    ],
    presets: [
        presetPowerGrid,
    ],
    theme: {
        extend: {
            colors: {
                "uh-blue": "#3d5b99",
                "uh-blue-2": "#005a9e",
                "bg-primary": "#f8fafc",
                "uh-bg-1": "#fff",
                "uh-bg-2": "#f6f8fa",
                "uh-border-color": "#d0d7de",
                uh: {
                    1: "#344767",
                    "2a": "rgb(63 152 222)",
                    "2b": "rgb(53 140 208)",
                    "2c": "rgb(43 128 194)",
                    indigo: {
                        50: "rgb(247 246 253)",
                        100: "rgb(238 238 251)",
                        200: "rgb(213 212 245)",
                        300: "rgb(188 185 239)",
                        400: "rgb(138 133 228)",
                        500: "rgb(88 81 216)",
                        600: "rgb(79 73 194)",
                        700: "rgb(53 49 130)",
                        800: "rgb(40 36 97)",
                        900: "rgb(26 24 65)",
                    },
                },
            },
        },
    },
    plugins: [
        // forms({strategy: 'class'})
        forms
    ],
};