tailwind.config.ts - master - aaronair/Test_task_rt_solution

tailwind.config.ts
84 строки2 KB
Ilikedrinkpivo
first_commit
28 май 2026, 14:51
28 май 2026, 14:51b4498fc
import type { Config } from "tailwindcss";

export default {
  content: ["./index.html", "./src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        primary: {
          50: "#eef2ff",
          100: "#e0e7ff",
          200: "#c7d2fe",
          300: "#a5b4fc",
          400: "#818cf8",
          500: "#6366f1",
          600: "#4f46e5",
          700: "#4338ca",
          800: "#3730a3",
          900: "#312e81",
        },
        accent: {
          violet: "#7c3aed",
          violetSoft: "#ede9fe",
        },
        ink: {
          900: "#0f172a",
          700: "#334155",
          500: "#64748b",
          300: "#cbd5e1",
        },
        surface: {
          base: "#f8fafc",
          card: "#ffffff",
          muted: "#f1f5f9",
        },
        status: {
          plan: "#64748b",
          planSoft: "#f1f5f9",
          progress: "#2563eb",
          progressSoft: "#dbeafe",
          mvp: "#d97706",
          mvpSoft: "#fef3c7",
          pilot: "#7c3aed",
          pilotSoft: "#ede9fe",
          deployed: "#16a34a",
          deployedSoft: "#dcfce7",
        },
        segment: {
          b2b: "#2563eb",
          b2bSoft: "#dbeafe",
          b2c: "#16a34a",
          b2cSoft: "#dcfce7",
          b2g: "#ea580c",
          b2gSoft: "#ffedd5",
          internal: "#64748b",
          internalSoft: "#f1f5f9",
          dzo: "#7c3aed",
          dzoSoft: "#ede9fe",
        },
      },
      fontFamily: {
        sans: [
          "Inter",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif",
        ],
      },
      borderRadius: {
        xl2: "1rem",
      },
      boxShadow: {
        card: "0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.06)",
        cardHover:
          "0 2px 4px rgba(15, 23, 42, 0.06), 0 12px 24px rgba(15, 23, 42, 0.10)",
      },
    },
  },
  plugins: [],
} satisfies Config;