tunio-colors/dist/colors.d.ts

Softer and pleasant colors for Tailwind CSS v4.0+

/**
 * Tunio Colors - Softer and pleasant colors for Tailwind CSS v4.0+
 *
 * This library provides a custom color palette that replaces Tailwind's default colors
 * with softer, more pleasant alternatives while maintaining the same naming convention.
 *
 * Usage with Tailwind CSS v4.0+:
 * 1. Import the colors.css file in your main CSS file
 * 2. Use the same color classes as you would with default Tailwind colors
 *
 * Example:
 * <div class="bg-red-500 text-white">Hello World</div>
 */
export type TunioColorShades = {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
    950: string;
};
export type TunioColors = {
    [key: string]: TunioColorShades;
};
/**
 * Tunio color palette with HSL values
 * These colors are designed to be softer and more pleasant than the default Tailwind colors
 */
export declare const tunioColors: TunioColors;
/**
 * Helper function to get a specific color shade
 * @param color - The color name (e.g., 'red', 'blue')
 * @param shade - The shade number (50, 100, 200, etc.)
 * @returns The HSL color value
 */
export declare function getTunioColor(color: keyof TunioColors, shade: keyof TunioColorShades): string;
/**
 * Get all available color names
 * @returns Array of color names
 */
export declare function getTunioColorNames(): string[];
/**
 * Get all available shades for any color
 * @returns Array of shade numbers
 */
export declare function getTunioColorShades(): string[];