Set up the foundational build configuration for Mission Control: Frontend Build (Vite + TypeScript): - package.json: React 19, TanStack Query, Zustand, Framer Motion - tsconfig.json: Strict TypeScript with path aliases (@/) - vite.config.ts: Tailored for Tauri (port 1420, ignores src-tauri) Styling (Tailwind CSS): - tailwind.config.ts: Custom surface color palette (zinc-900/800/700) - postcss.config.js: Tailwind + autoprefixer pipeline - tailwind.config.js: Generated config (superseded by .ts) Code Quality: - eslint.config.js: ESLint 9 flat config with TypeScript + React hooks - .gitignore: Exclude node_modules, dist, coverage, test artifacts This establishes the monorepo structure where: - Frontend lives in src/ and builds to dist/ - Tauri backend lives in src-tauri/ with its own Cargo workspace
32 lines
857 B
JavaScript
32 lines
857 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
darkMode: "class",
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Mission Control color system (ADHD-friendly)
|
|
mc: {
|
|
fresh: "#22c55e", // Green - items < 1 day
|
|
normal: "#a1a1aa", // Zinc - items 1-2 days
|
|
amber: "#f59e0b", // Amber - items 3-6 days
|
|
urgent: "#ef4444", // Red - items 7+ days
|
|
},
|
|
// Dark mode background palette
|
|
surface: {
|
|
DEFAULT: "#18181b", // Main background
|
|
raised: "#27272a", // Cards, dialogs
|
|
overlay: "#3f3f46", // Overlays, menus
|
|
},
|
|
},
|
|
animation: {
|
|
pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|