# 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.