Files
innovatieplatform/resources/css/app.css
znetsixe d03fe15542 Sprint 1: Auth, metro map canvas, services, and retro UI
Authentication:
- Laravel Fortify + Sanctum with Inertia views
- RBAC middleware (admin, project_owner, team_member, viewer)
- Retro terminal-styled login/register/forgot-password pages

Metro Map (core UI):
- D3.js zoomable SVG canvas with metro line rendering
- Station nodes with glow-on-hover, status coloring, tooltips
- Breadcrumb navigation for multi-level drill-down
- Node preview panel with zoom-in action
- C64-style CLI bar with blinking cursor at bottom

Backend services:
- ProjectService (CRUD, phase transitions, park/stop, audit logging)
- ThemaService (CRUD with audit)
- MapDataService (strategy map L1, project map L2)
- Thin controllers: MapController, ProjectController, ThemaController
- 32 routes total (auth + app + API)

Style foundation:
- Retro-futurism theme: VT323, Press Start 2P, IBM Plex Mono fonts
- Dark palette with cyan/orange/green/purple neon accents
- Comprehensive seed data (4 themes, 12 projects, commitments, deps)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-01 13:52:35 +02:00

30 lines
759 B
CSS

@import "tailwindcss";
@import "@fontsource/vt323";
@import "@fontsource/press-start-2p";
@import "@fontsource/ibm-plex-mono";
@theme {
--color-bg-deep: #1a1a2e;
--color-bg-surface: #16213e;
--color-primary: #0f3460;
--color-accent-cyan: #00d2ff;
--color-accent-orange: #e94560;
--color-accent-green: #00ff88;
--color-accent-purple: #7b68ee;
--color-text-primary: #e8e8e8;
--color-text-secondary: #8892b0;
--font-mono: 'IBM Plex Mono', monospace;
--font-retro: 'VT323', monospace;
--font-pixel: 'Press Start 2P', monospace;
}
body {
background-color: var(--color-bg-deep);
color: var(--color-text-primary);
font-family: var(--font-mono);
margin: 0;
overflow: hidden;
height: 100vh;
}