foodlinkk-command-center/docs/CSS-THEME.md

CSS thema

Design tokens

Bestand: cockpit/static/css/tokens.css

• Donkere neo achtergrond
• Accent kleuren per module (marketing roze, ops cyaan, packaging groen)

Belangrijkste stylesheets

Bestand	Gebruik
palantir-theme.css	Basis layout, panels
pulse-theme.css	KPI cards, live badges, pulse animaties
topnav-neo.css	Navigatie pills
vertical-tabs.css	Marketing/agents vertical tabs
mobile.css	Responsive + PWA
ops-topology.css	IT Ops SVG topologie
agents-mesh.css	Agent netwerk visualisatie

Conventies

• .panel — content secties
• .feed-card — list items
• .btn-pulse* — gradient action buttons
• .live-badge — live indicator
• Alpine.js x-cloak voor flash-vrije tabs

PWA

static/manifest.json + static/sw.js — installeerbaar op mobiel.