f1fdf27012
- Repo scaffolding: .gitignore, .env.example, Makefile, docker-compose.yml, README.md, CHANGELOG.md, pre-commit config. - Three-service stack: api (Flask 3), db (postgres:16-alpine), front (nginx serving the Vite bundle). Named volumes metamorph_db + metamorph_evidence. - Backend skeleton: Flask app factory, JSON structured logging on stdout, GET /api/v1/health, multi-stage Dockerfile, pyproject.toml driven by uv, Pydantic Settings with secret guard rails (refuses to boot in non-dev with placeholders), APP_ENV gating. - Frontend skeleton: Vite + React 18 + TypeScript strict + TailwindCSS, RTOps design tokens from tasks/design.md, self-hosted JetBrains Mono / IBM Plex Sans via @fontsource, base UI primitives (Card/Tag/SectionHeader/FlowNode/ Button), home page wired to /api/v1/health. - Engine-agnostic Makefile: auto-detects docker or podman, picks the matching compose driver. Targets: up/down/build/rebuild/dev/lint/fmt/test/migrate/ seed-mitre/print-install-token/e2e/inspect-health. - Playwright suite: e2e/tests/m0-smoke.spec.ts (8 tests) + HTML + JUnit reports + traces on retry. - Docs: tasks/spec.md (finalized after Q&A), tasks/design.md, tasks/todo.md (14 milestones), tasks/testing-m0.md, tasks/lessons.md. DoD: make up + make health + make e2e all pass on podman 5.x (Fedora) and docker. TLS terminated by external reverse proxy (spec §6 NF-network). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
67 lines
2.1 KiB
TypeScript
67 lines
2.1 KiB
TypeScript
import type { Config } from 'tailwindcss';
|
|
|
|
/**
|
|
* Design tokens from `tasks/design.md` — Red Team Operations Map.
|
|
* Dark, flat, terminal-inspired. Color-as-taxonomy: each accent maps to a category.
|
|
*/
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{ts,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Surfaces
|
|
bg: '#0a0e1a',
|
|
'bg-card': '#111827',
|
|
border: '#1e2d3d',
|
|
// Text
|
|
text: '#94a3b8',
|
|
'text-bright': '#f8fafc',
|
|
'text-dim': '#64748b',
|
|
'text-comment': '#475569',
|
|
// Accent palette (each one means a category — see tasks/design.md §2)
|
|
red: '#ef4444',
|
|
orange: '#f59e0b',
|
|
yellow: '#eab308',
|
|
green: '#10b981',
|
|
cyan: '#06b6d4',
|
|
blue: '#3b82f6',
|
|
purple: '#8b5cf6',
|
|
pink: '#ec4899',
|
|
rose: '#f43f5e',
|
|
teal: '#14b8a6',
|
|
},
|
|
fontFamily: {
|
|
mono: ['"JetBrains Mono"', 'ui-monospace', 'SFMono-Regular', 'monospace'],
|
|
sans: ['"IBM Plex Sans"', 'ui-sans-serif', 'system-ui', 'sans-serif'],
|
|
},
|
|
fontSize: {
|
|
// Custom scale matching design.md §3 — extends the default Tailwind ramp.
|
|
// 2xs = arrow labels (8px), 3xs = tag/pill (9px), 4xs = card sub-label, flow node, inline code (10px).
|
|
// 11px (pre/footer), 12px (body/section desc), 13/14px (card title), 18px (section h2),
|
|
// and 28px (page h1) all already exist in the default ramp.
|
|
'2xs': ['8px', '1.4'],
|
|
'3xs': ['9px', '1.4'],
|
|
'4xs': ['10px', '1.4'],
|
|
},
|
|
borderRadius: {
|
|
sm: '3px',
|
|
DEFAULT: '4px',
|
|
md: '6px',
|
|
lg: '10px',
|
|
},
|
|
maxWidth: {
|
|
page: '1400px',
|
|
},
|
|
letterSpacing: {
|
|
wider2: '1px',
|
|
},
|
|
},
|
|
},
|
|
// Safelist accent classes used dynamically (tag categories, flow nodes).
|
|
safelist: [
|
|
{ pattern: /^(border|text|bg)-(red|orange|yellow|green|cyan|blue|purple|pink|rose|teal)$/ },
|
|
{ pattern: /^(border|text|bg)-(red|orange|yellow|green|cyan|blue|purple|pink|rose|teal)\/(\d+)$/ },
|
|
],
|
|
plugins: [],
|
|
} satisfies Config;
|