tailwindcss-preset-blueprintjs
Version:
A preset for Tailwind CSS to load colors, spacing, shadows, fonts, and transitions from BlueprintJS.
126 lines (125 loc) • 4.63 kB
JavaScript
export const colorsConfig = {
colors: {
"bp5-black": "#111418",
"bp5-white": "#FFFFFF",
"bp5-dark-gray-1": "#1C2127",
"bp5-dark-gray-2": "#252A31",
"bp5-dark-gray-3": "#2F343C",
"bp5-dark-gray-4": "#383E47",
"bp5-dark-gray-5": "#404854",
"bp5-gray-1": "#5F6B7C",
"bp5-gray-2": "#738091",
"bp5-gray-3": "#8F99A8",
"bp5-gray-4": "#ABB3BF",
"bp5-gray-5": "#C5CBD3",
"bp5-light-gray-1": "#D3D8DE",
"bp5-light-gray-2": "#DCE0E5",
"bp5-light-gray-3": "#E5E8EB",
"bp5-light-gray-4": "#EDEFF2",
"bp5-light-gray-5": "#F6F7F9",
"bp5-blue-1": "#184A90",
"bp5-blue-2": "#215DB0",
"bp5-blue-3": "#2D72D2",
"bp5-blue-4": "#4C90F0",
"bp5-blue-5": "#8ABBFF",
"bp5-green-1": "#165A36",
"bp5-green-2": "#1C6E42",
"bp5-green-3": "#238551",
"bp5-green-4": "#32A467",
"bp5-green-5": "#72CA9B",
"bp5-orange-1": "#77450D",
"bp5-orange-2": "#935610",
"bp5-orange-3": "#C87619",
"bp5-orange-4": "#EC9A3C",
"bp5-orange-5": "#FBB360",
"bp5-red-1": "#8E292C",
"bp5-red-2": "#AC2F33",
"bp5-red-3": "#CD4246",
"bp5-red-4": "#E76A6E",
"bp5-red-5": "#FA999C",
"bp5-vermilion-1": "#96290D",
"bp5-vermilion-2": "#B83211",
"bp5-vermilion-3": "#D33D17",
"bp5-vermilion-4": "#EB6847",
"bp5-vermilion-5": "#FF9980",
"bp5-rose-1": "#A82255",
"bp5-rose-2": "#C22762",
"bp5-rose-3": "#DB2C6F",
"bp5-rose-4": "#F5498B",
"bp5-rose-5": "#FF66A1",
"bp5-violet-1": "#5C255C",
"bp5-violet-2": "#7C327C",
"bp5-violet-3": "#9D3F9D",
"bp5-violet-4": "#BD6BBD",
"bp5-violet-5": "#D69FD6",
"bp5-indigo-1": "#5642A6",
"bp5-indigo-2": "#634DBF",
"bp5-indigo-3": "#7961DB",
"bp5-indigo-4": "#9881F3",
"bp5-indigo-5": "#BDADFF",
"bp5-cerulean-1": "#0C5174",
"bp5-cerulean-2": "#0F6894",
"bp5-cerulean-3": "#147EB3",
"bp5-cerulean-4": "#3FA6DA",
"bp5-cerulean-5": "#68C1EE",
"bp5-turquoise-1": "#004D46",
"bp5-turquoise-2": "#007067",
"bp5-turquoise-3": "#00A396",
"bp5-turquoise-4": "#13C9BA",
"bp5-turquoise-5": "#7AE1D8",
"bp5-forest-1": "#1D7324",
"bp5-forest-2": "#238C2C",
"bp5-forest-3": "#29A634",
"bp5-forest-4": "#43BF4D",
"bp5-forest-5": "#62D96B",
"bp5-lime-1": "#43501B",
"bp5-lime-2": "#5A701A",
"bp5-lime-3": "#8EB125",
"bp5-lime-4": "#B6D94C",
"bp5-lime-5": "#D4F17E",
"bp5-gold-1": "#5C4405",
"bp5-gold-2": "#866103",
"bp5-gold-3": "#D1980B",
"bp5-gold-4": "#F0B726",
"bp5-gold-5": "#FBD065",
"bp5-sepia-1": "#5E4123",
"bp5-sepia-2": "#7A542E",
"bp5-sepia-3": "#946638",
"bp5-sepia-4": "#AF855A",
"bp5-sepia-5": "#D0B090",
"bp5-intent-primary": "#2D72D2",
"bp5-intent-success": "#238551",
"bp5-intent-warning": "#C87619",
"bp5-intent-danger": "#CD4246",
"bp5-app-background-color": "#F6F7F9",
"bp5-app-background-color-dark": "#1C2127",
"bp5-text-color": "#1C2127",
"bp5-text-color-dark": "#F6F7F9",
"bp5-text-color-muted": "#5F6B7C",
"bp5-text-color-muted-dark": "#ABB3BF",
"bp5-text-color-disabled": "#5F6B7C99",
"bp5-text-color-disabled-dark": "#ABB3BF99",
"bp5-heading-color": "#1C2127",
"bp5-heading-color-dark": "#F6F7F9",
"bp5-link-color": "#215DB0",
"bp5-link-color-dark": "#8ABBFF",
"bp5-text-selection-color": "#7dbcff99",
"bp5-icon-color": "#5F6B7C",
"bp5-icon-color-dark": "#ABB3BF",
"bp5-icon-color-hover": "#1C2127",
"bp5-icon-color-hover-dark": "#F6F7F9",
"bp5-icon-color-disabled": "#5F6B7C99",
"bp5-icon-color-disabled-dark": "#ABB3BF99",
"bp5-icon-color-selected": "#2D72D2",
"bp5-icon-color-selected-dark": "#2D72D2",
"bp5-divider-black": "#11141826",
"bp5-divider-black-dark": "#11141866",
"bp5-divider-black-muted": "#1114181a",
"bp5-divider-white-dark": "#FFFFFF33",
"bp5-divider-white-muted": "#FFFFFF1a",
"bp5-code-text-color": "#5F6B7C",
"bp5-code-text-color-dark": "#ABB3BF",
"bp5-code-background-color": "#FFFFFFb3",
"bp5-code-background-color-dark": "#1114184d",
},
};