MCPX MCP Gateway

/** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: ["./index.html", "./src/**/*.{ts,tsx,js,jsx}"], theme: { extend: { borderRadius: { lg: "var(--border-radius-lg)", md: "var(--border-radius-lg)", sm: "var(--border-radius-sm)", xl: "var(--border-radius-xl)", }, colors: { lunar: { purple: "#6147D1", purpleNew: "#5147E4", }, background: "var(--background)", foreground: "var(--foreground)", select: { primary: "var(--input-primary)", "primary-hover": "var(--input-primary-hover)", }, component: { primary: "var(--component-colours-color-fg-interactive)", "primary-hover": "var(--component-colours-color-fg-interactive-hover)", secondary: "var(--component-colours-color-bg-interactive)", }, button: { primary: "var(--button-primary)", hover: "var(--button-hover)", secondary: "var(--button-secondary)", "secondary-hover": "var(--button-secondary-hover)", danger: "var(--button-danger)", "danger-hover": "var(--button-danger-hover)", }, card: { DEFAULT: "var(--card)", foreground: "var(--card-foreground)", }, popover: { DEFAULT: "var(--popover)", foreground: "var(--popover-foreground)", }, primary: { DEFAULT: "var(--text-primary)", foreground: "var(--primary-foreground)", }, secondary: { DEFAULT: "var(--secondary)", foreground: "var(--secondary-foreground)", }, muted: { DEFAULT: "var(--muted)", foreground: "var(--muted-foreground)", }, accent: { DEFAULT: "var(--accent)", foreground: "var(--accent-foreground)", }, destructive: { DEFAULT: "var(--destructive)", foreground: "var(--destructive-foreground)", }, border: "var(--border)", input: "var(--input)", ring: "var(--ring)", chart: { 1: "var(--chart-1)", 2: "var(--chart-2)", 3: "var(--chart-3)", 4: "var(--chart-4)", 5: "var(--chart-5)", }, sidebar: { DEFAULT: "var(--sidebar-background)", foreground: "var(--sidebar-foreground)", primary: "var(--sidebar-primary)", "primary-foreground": "var(--sidebar-primary-foreground)", accent: "var(--sidebar-accent)", "accent-foreground": "var(--sidebar-accent-foreground)", border: "var(--sidebar-border)", ring: "var(--sidebar-ring)", }, }, keyframes: { "accordion-down": { from: { height: "0", }, to: { height: "var(--radix-accordion-content-height)", }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)", }, to: { height: "0", }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, scale: { 200: "2", }, }, }, plugins: [require("tailwindcss-animate")], };