controller-v2/tailwind.legacy.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: ["class"],
  content: ["./client/index.html", "./client/i.legacy.html", "./client/src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        // Keep names aligned with modern tokens used in components.
        background: "#0a0a0a",
        foreground: "#f2f2f2",
        card: "#1c1c1e",
        "card-foreground": "#f2f2f2",
        popover: "#1c1c1e",
        "popover-foreground": "#f2f2f2",
        primary: "#00fff6",
        "primary-foreground": "#0a0a0a",
        secondary: "#262626",
        "secondary-foreground": "#cccccc",
        muted: "#262626",
        "muted-foreground": "#808080",
        accent: "#00fff6",
        "accent-foreground": "#0a0a0a",
        destructive: "#ff453a",
        "destructive-foreground": "#fafafa",
        border: "rgba(255, 255, 255, 0.08)",
        input: "rgba(255, 255, 255, 0.10)",
        ring: "#00fff6",
      },
    },
  },
  plugins: [],
  safelist: [
    "x8-app-shell-outer",
    "x8-app-shell-column",
    "x8-bottom-nav-outer",
    "x8-bottom-nav-inner",
  ],
};