tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        "carbon-black-100": "#000000",
        "carbon-blue-10": "#edf5ff",
        "carbon-blue-20": "#d0e2ff",
        "carbon-blue-30": "#a6c8ff",
        "carbon-blue-40": "#78a9ff",
        "carbon-blue-50": "#4589ff",
        "carbon-blue-60": "#0f62fe",
        "carbon-blue-70": "#0043ce",
        "carbon-blue-80": "#002d9c",
        "carbon-blue-90": "#001d6c",
        "carbon-blue-100": "#001141",
        "carbon-cool-gray-10": "#f2f4f8",
        "carbon-cool-gray-20": "#dde1e6",
        "carbon-cool-gray-30": "#c1c7cd",
        "carbon-cool-gray-40": "#a2a9b0",
        "carbon-cool-gray-50": "#878d96",
        "carbon-cool-gray-60": "#697077",
        "carbon-cool-gray-70": "#4d5358",
        "carbon-cool-gray-80": "#343a3f",
        "carbon-cool-gray-90": "#21272a",
        "carbon-cool-gray-100": "#121619",
        "carbon-cyan-10": "#e5f6ff",
        "carbon-cyan-20": "#bae6ff",
        "carbon-cyan-30": "#82cfff",
        "carbon-cyan-40": "#33b1ff",
        "carbon-cyan-50": "#1192e8",
        "carbon-cyan-60": "#0072c3",
        "carbon-cyan-70": "#00539a",
        "carbon-cyan-80": "#003a6d",
        "carbon-cyan-90": "#012749",
        "carbon-cyan-100": "#061727",
        "carbon-gray-10": "#f4f4f4",
        "carbon-gray-20": "#e0e0e0",
        "carbon-gray-30": "#c6c6c6",
        "carbon-gray-40": "#a8a8a8",
        "carbon-gray-50": "#8d8d8d",
        "carbon-gray-60": "#6f6f6f",
        "carbon-gray-70": "#525252",
        "carbon-gray-80": "#393939",
        "carbon-gray-90": "#262626",
        "carbon-gray-100": "#161616",
        "carbon-green-10": "#defbe6",
        "carbon-green-20": "#a7f0ba",
        "carbon-green-30": "#6fdc8c",
        "carbon-green-40": "#42be65",
        "carbon-green-50": "#24a148",
        "carbon-green-60": "#198038",
        "carbon-green-70": "#0e6027",
        "carbon-green-80": "#044317",
        "carbon-green-90": "#022d0d",
        "carbon-green-100": "#071908",
        "carbon-magenta-10": "#fff0f7",
        "carbon-magenta-20": "#ffd6e8",
        "carbon-magenta-30": "#ffafd2",
        "carbon-magenta-40": "#ff7eb6",
        "carbon-magenta-50": "#ee5396",
        "carbon-magenta-60": "#d02670",
        "carbon-magenta-70": "#9f1853",
        "carbon-magenta-80": "#740937",
        "carbon-magenta-90": "#510224",
        "carbon-magenta-100": "#2a0a18",
        "carbon-orange-10": "#fff2e8",
        "carbon-orange-20": "#ffd9be",
        "carbon-orange-30": "#ffb784",
        "carbon-orange-40": "#ff832b",
        "carbon-orange-50": "#eb6200",
        "carbon-orange-60": "#ba4e00",
        "carbon-orange-70": "#8a3800",
        "carbon-orange-80": "#5e2900",
        "carbon-orange-90": "#3e1a00",
        "carbon-orange-100": "#231000",
        "carbon-purple-10": "#f6f2ff",
        "carbon-purple-20": "#e8daff",
        "carbon-purple-30": "#d4bbff",
        "carbon-purple-40": "#be95ff",
        "carbon-purple-50": "#a56eff",
        "carbon-purple-60": "#8a3ffc",
        "carbon-purple-70": "#6929c4",
        "carbon-purple-80": "#491d8b",
        "carbon-purple-90": "#31135e",
        "carbon-purple-100": "#1c0f30",
        "carbon-red-10": "#fff1f1",
        "carbon-red-20": "#ffd7d9",
        "carbon-red-30": "#ffb3b8",
        "carbon-red-40": "#ff8389",
        "carbon-red-50": "#fa4d56",
        "carbon-red-60": "#da1e28",
        "carbon-red-70": "#a2191f",
        "carbon-red-80": "#750e13",
        "carbon-red-90": "#520408",
        "carbon-red-100": "#2d0709",
        "carbon-teal-10": "#d9fbfb",
        "carbon-teal-20": "#9ef0f0",
        "carbon-teal-30": "#3ddbd9",
        "carbon-teal-40": "#08bdba",
        "carbon-teal-50": "#009d9a",
        "carbon-teal-60": "#007d79",
        "carbon-teal-70": "#005d5d",
        "carbon-teal-80": "#004144",
        "carbon-teal-90": "#022b30",
        "carbon-teal-100": "#081a1c",
        "carbon-warm-gray-10": "#f7f3f2",
        "carbon-warm-gray-20": "#e5e0df",
        "carbon-warm-gray-30": "#cac5c4",
        "carbon-warm-gray-40": "#ada8a8",
        "carbon-warm-gray-50": "#8f8b8b",
        "carbon-warm-gray-60": "#726e6e",
        "carbon-warm-gray-70": "#565151",
        "carbon-warm-gray-80": "#3c3838",
        "carbon-warm-gray-90": "#272525",
        "carbon-warm-gray-100": "#171414",
        "carbon-white-0": "#ffffff",
        "carbon-yellow-10": "#fcf4d6",
        "carbon-yellow-20": "#fddc69",
        "carbon-yellow-30": "#f1c21b",
        "carbon-yellow-40": "#d2a106",
        "carbon-yellow-50": "#b28600",
        "carbon-yellow-60": "#8e6a00",
        "carbon-yellow-70": "#684e00",
        "carbon-yellow-80": "#483700",
        "carbon-yellow-90": "#302400",
        "carbon-yellow-100": "#1c1500",

        // Extended colors for this app
        "aj-forest-green": "#24684c",
        "aj-maroon": "#753748",
        "aj-ice-blue": "#c4e9f8",
        "aj-phantom-purple": "#420e52",
      },
    },
  },
  plugins: [],
};