@kalamazoo/theme
Version:
The Atlaskit theme framework
139 lines (138 loc) • 6.63 kB
TypeScript
export declare const R50 = "#FFEBE6";
export declare const R75 = "#FFBDAD";
export declare const R100 = "#FF8F73";
export declare const R200 = "#FF7452";
export declare const R300 = "#FF5630";
export declare const R400 = "#DE350B";
export declare const R500 = "#BF2600";
export declare const Y50 = "#FFFAE6";
export declare const Y75 = "#FFF0B3";
export declare const Y100 = "#FFE380";
export declare const Y200 = "#FFC400";
export declare const Y300 = "#FFAB00";
export declare const Y400 = "#FF991F";
export declare const Y500 = "#FF8B00";
export declare const G50 = "#E3FCEF";
export declare const G75 = "#ABF5D1";
export declare const G100 = "#79F2C0";
export declare const G200 = "#57D9A3";
export declare const G300 = "#36B37E";
export declare const G400 = "#00875A";
export declare const G500 = "#006644";
export declare const B50 = "#DEEBFF";
export declare const B75 = "#B3D4FF";
export declare const B100 = "#4C9AFF";
export declare const B200 = "#2684FF";
export declare const B300 = "#0065FF";
export declare const B400 = "#0052CC";
export declare const B500 = "#0747A6";
export declare const P50 = "#EAE6FF";
export declare const P75 = "#C0B6F2";
export declare const P100 = "#998DD9";
export declare const P200 = "#8777D9";
export declare const P300 = "#6554C0";
export declare const P400 = "#5243AA";
export declare const P500 = "#403294";
export declare const T50 = "#E6FCFF";
export declare const T75 = "#B3F5FF";
export declare const T100 = "#79E2F2";
export declare const T200 = "#00C7E6";
export declare const T300 = "#00B8D9";
export declare const T400 = "#00A3BF";
export declare const T500 = "#008DA6";
export declare const N0 = "#FFFFFF";
export declare const N10 = "#FAFBFC";
export declare const N20 = "#F4F5F7";
export declare const N30 = "#EBECF0";
export declare const N40 = "#DFE1E6";
export declare const N50 = "#C1C7D0";
export declare const N60 = "#B3BAC5";
export declare const N70 = "#A5ADBA";
export declare const N80 = "#97A0AF";
export declare const N90 = "#8993A4";
export declare const N100 = "#7A869A";
export declare const N200 = "#6B778C";
export declare const N300 = "#5E6C84";
export declare const N400 = "#505F79";
export declare const N500 = "#42526E";
export declare const N600 = "#344563";
export declare const N700 = "#253858";
export declare const N800 = "#172B4D";
export declare const N900 = "#091E42";
export declare const N10A = "rgba(9, 30, 66, 0.02)";
export declare const N20A = "rgba(9, 30, 66, 0.04)";
export declare const N30A = "rgba(9, 30, 66, 0.08)";
export declare const N40A = "rgba(9, 30, 66, 0.13)";
export declare const N50A = "rgba(9, 30, 66, 0.25)";
export declare const N60A = "rgba(9, 30, 66, 0.31)";
export declare const N70A = "rgba(9, 30, 66, 0.36)";
export declare const N80A = "rgba(9, 30, 66, 0.42)";
export declare const N90A = "rgba(9, 30, 66, 0.48)";
export declare const N100A = "rgba(9, 30, 66, 0.54)";
export declare const N200A = "rgba(9, 30, 66, 0.60)";
export declare const N300A = "rgba(9, 30, 66, 0.66)";
export declare const N400A = "rgba(9, 30, 66, 0.71)";
export declare const N500A = "rgba(9, 30, 66, 0.77)";
export declare const N600A = "rgba(9, 30, 66, 0.82)";
export declare const N700A = "rgba(9, 30, 66, 0.89)";
export declare const N800A = "rgba(9, 30, 66, 0.95)";
export declare const DN900 = "#E6EDFA";
export declare const DN800 = "#DCE5F5";
export declare const DN700 = "#CED9EB";
export declare const DN600 = "#B8C7E0";
export declare const DN500 = "#ABBBD6";
export declare const DN400 = "#9FB0CC";
export declare const DN300 = "#8C9CB8";
export declare const DN200 = "#7988A3";
export declare const DN100 = "#67758F";
export declare const DN90 = "#56637A";
export declare const DN80 = "#455166";
export declare const DN70 = "#3B475C";
export declare const DN60 = "#313D52";
export declare const DN50 = "#283447";
export declare const DN40 = "#202B3D";
export declare const DN30 = "#1B2638";
export declare const DN20 = "#121A29";
export declare const DN10 = "#0E1624";
export declare const DN0 = "#0D1424";
export declare const DN800A = "rgba(13, 20, 36, 0.06)";
export declare const DN700A = "rgba(13, 20, 36, 0.14)";
export declare const DN600A = "rgba(13, 20, 36, 0.18)";
export declare const DN500A = "rgba(13, 20, 36, 0.29)";
export declare const DN400A = "rgba(13, 20, 36, 0.36)";
export declare const DN300A = "rgba(13, 20, 36, 0.40)";
export declare const DN200A = "rgba(13, 20, 36, 0.47)";
export declare const DN100A = "rgba(13, 20, 36, 0.53)";
export declare const DN90A = "rgba(13, 20, 36, 0.63)";
export declare const DN80A = "rgba(13, 20, 36, 0.73)";
export declare const DN70A = "rgba(13, 20, 36, 0.78)";
export declare const DN60A = "rgba(13, 20, 36, 0.81)";
export declare const DN50A = "rgba(13, 20, 36, 0.85)";
export declare const DN40A = "rgba(13, 20, 36, 0.89)";
export declare const DN30A = "rgba(13, 20, 36, 0.92)";
export declare const DN20A = "rgba(13, 20, 36, 0.95)";
export declare const DN10A = "rgba(13, 20, 36, 0.97)";
export declare const background: import("./types").ThemedValue<string>;
export declare const backgroundActive: import("./types").ThemedValue<string>;
export declare const backgroundHover: import("./types").ThemedValue<string>;
export declare const backgroundOnLayer: import("./types").ThemedValue<string>;
export declare const text: import("./types").ThemedValue<string>;
export declare const textHover: import("./types").ThemedValue<string>;
export declare const textActive: import("./types").ThemedValue<string>;
export declare const subtleText: import("./types").ThemedValue<string>;
export declare const placeholderText: import("./types").ThemedValue<string>;
export declare const heading: import("./types").ThemedValue<string>;
export declare const subtleHeading: import("./types").ThemedValue<string>;
export declare const codeBlock: import("./types").ThemedValue<string>;
export declare const link: import("./types").ThemedValue<string>;
export declare const linkHover: import("./types").ThemedValue<string>;
export declare const linkActive: import("./types").ThemedValue<string>;
export declare const linkOutline: import("./types").ThemedValue<string>;
export declare const primary: import("./types").ThemedValue<string>;
export declare const blue: import("./types").ThemedValue<string>;
export declare const teal: import("./types").ThemedValue<string>;
export declare const purple: import("./types").ThemedValue<string>;
export declare const red: import("./types").ThemedValue<string>;
export declare const yellow: import("./types").ThemedValue<string>;
export declare const green: import("./types").ThemedValue<string>;
export declare const skeleton: () => string;