codehub_/tailwind.config.js

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
import typography from '@tailwindcss/typography';
import daisyUI from 'daisyui';

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './resources/js/**/*.tsx',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['"Source Sans 3"', ...defaultTheme.fontFamily.sans],
            },
            colors: {
                primary: {
                    main: "#00AEED",
                    pressed: "#003A4F",
                    hover: "#00749E",
                    border: "#97D5DA",
                    focus: "#CAF0F8",
                    background: "#F2F5FF",
                },
                secondary: {
                    main: "#002F42",
                    pressed: "#002433",
                    hover: "#0074A3",
                    border: "#005375",
                    focus: "#009EDE",
                    background: "#BBEBFF",
                },
                info: {
                    main: "#0065C1",
                    pressed: "#002B52",
                    hover: "#004889",
                    border: "#AAC7E1",
                    focus: "#D9E8F4",
                    background: "#F0F8FF",
                },
                error: {
                    main: "#B20000",
                    pressed: "#590000",
                    hover: "#940000",
                    border: "#E5AAAA",
                    focus: "#F9D9D9",
                    background: "#FBEFEF",
                },
                success: {
                    main: "#007505",
                    pressed: "#044407",
                    hover: "#005803",
                    border: "#A2C1A3",
                    focus: "#C5E1C6",
                    background: "#EBF8EC",
                },
                warning: {
                    main: "#E5C100",
                    pressed: "#726000",
                    hover: "#BFA100",
                    border: "#F4E386",
                    focus: "#FFF4B9",
                    background: "#FAF7E6",
                },
                neutral: {
                    100: "#1A1A1A",
                    90: "#424242",
                    80: "#616161",
                    70: "#757575",
                    60: "#9E9E9E",
                    50: "#C2C2C2",
                    40: "#E0E0E0",
                    30: "#EDEDED",
                    20: "#F5F5F5",
                    10: "#FFFFFF",
                    0: "#000000",
                },
            },
        },
    },

    plugins: [
        forms,
        typography,
        daisyUI
    ],
};