obss-air-command-component-library/dist/tokens/colors.d.ts

React component library for Air Command System

export declare const colors: {
    readonly primary: {
        readonly 50: "#eef5ff";
        readonly 100: "#e0edff";
        readonly 200: "#c8dbfd";
        readonly 300: "#a6c4fb";
        readonly 400: "#82a2f7";
        readonly 500: "#5876ee";
        readonly 600: "#485be3";
        readonly 700: "#3a49c8";
        readonly 800: "#313ea2";
        readonly 900: "#2f3a80";
        readonly 950: "#1c214a";
    };
    readonly secondary: {
        readonly 500: "#171215";
    };
    readonly tertiary: {
        readonly 500: "#1d1b1d";
    };
    readonly accent: {
        readonly 500: "#bdc311";
    };
    readonly interactive: {
        readonly primary_500_8: "rgba(88, 118, 238, 0.08)";
        readonly primary_500_16: "rgba(88, 118, 238, 0.16)";
    };
    readonly text: {
        readonly DEFAULT: "#ffffff";
        readonly light: "#424242";
        readonly label: "#f0f0f0";
        readonly placeholder: "#3f3f3f";
        readonly placeholderLight: "#b8b8b8";
    };
    readonly border: {
        readonly DEFAULT: "#424242";
        readonly light: "#e2e2e2";
    };
    readonly danger: {
        readonly 500: "#dc2626";
        readonly 600: "#b91c1c";
        readonly 700: "#991b1b";
    };
    readonly success: {
        readonly 500: "#34c759";
    };
    readonly status: {
        readonly unknown: "#b2beb5";
        readonly friendly: "#32cd32";
        readonly neutral: "#4d4dff";
        readonly hostile: "#ff2400";
    };
    readonly neutral: {
        readonly 0: "#ffffff";
        readonly 50: "#f9fafb";
        readonly 100: "#f3f4f6";
        readonly 800: "#1f2937";
        readonly 900: "#111827";
    };
};