Files
foxhunt/web-dashboard/src/index.css
jgrusewski 4f184bf9a5 feat(web-dashboard): React + TypeScript frontend scaffold with routing
Vite + React 18 + TypeScript project with:
- Tailwind CSS for styling (dark theme, trading-focused color palette)
- React Router with 6 dashboard routes (Trading, Risk, ML, Performance,
  Backtest, Config) and keyboard shortcuts (T/R/M/P/B/C)
- TanStack Query for data fetching with auto-refetch
- Shared lib layer: typed API client, WebSocket manager with auto-reconnect
  and topic subscriptions, auth (JWT in localStorage)
- React hooks: useAuth, useApi (query/mutation wrappers), useWebSocket
- DashboardLayout with nav tabs and StatusBar (WS connection, auth status)
- Stub pages with placeholder component layouts matching design doc

Vite proxy configured to forward /api/* to gateway at localhost:3000.
TypeScript passes with zero errors, production build succeeds.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-22 00:18:43 +01:00

22 lines
491 B
CSS

@import "tailwindcss";
:root {
--color-bg-primary: #0f172a;
--color-bg-secondary: #1e293b;
--color-bg-card: #1e293b;
--color-border: #334155;
--color-text-primary: #f1f5f9;
--color-text-secondary: #94a3b8;
--color-accent: #3b82f6;
--color-green: #22c55e;
--color-red: #ef4444;
--color-yellow: #eab308;
}
body {
margin: 0;
background-color: var(--color-bg-primary);
color: var(--color-text-primary);
font-family: 'Inter', system-ui, -apple-system, sans-serif;
}