33 lines
867 B
Markdown
33 lines
867 B
Markdown
|
# 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.
|