UI Design
OIntel uses the Orravo Design System — a scoped CSS token system providing:
- Dark mode by default with a one-click light mode toggle (persisted via
localStorage) - 2-row sticky header: brand bar (logo + name + version + theme toggle) + horizontal navigation
- No WP sidebar interference — navigation sits entirely within
#ointel-wrap - Accent color:
#ff6a2b(Orravo orange) - Fonts: Inter Tight (UI), JetBrains Mono (labels/code)
Navigation Tabs
| Tab | Purpose |
|---|---|
| Dashboard | Health score, category breakdown, fix list, score history chart |
| Environment | PHP, WP version, SSL, memory, disk, extensions, cron |
| Plugins | Plugin list, update status, vulnerability scan, orphaned tables |
| Performance | TTFB, DB table sizes, autoload options, transients, revisions |
| Content | Posts without images, orphaned media, stale drafts, excerpts |
| Snapshots | Take/delete snapshots, compare two snapshots side-by-side |
| Sessions | Active sessions, login history, admin activity log |
| Alerts | Email/Slack alert configuration, alert log |
| Reports | Generate & download HTML report, scan history |
| Settings | All plugin settings |