Skip to content

Redesign UI in NetBox's visual style: sidebar nav, teal palette

Aiho Tehisaru requested to merge feature/netbox-style-ui into trunk

Swaps the top horizontal nav for a NetBox-style fixed left sidebar (grouped Operations/Settings, collapsible Settings section, off-canvas on mobile) and replaces the indigo accent with NetBox's own teal brand tokens (#00857D light / #00F2D4 dark, navy #001423 sidebar in dark mode) plus Inter/Roboto Mono typefaces, all pulled from NetBox's own _variables.scss/_navigation.scss for accuracy. Table headers and the meta-grid attribute rows pick up NetBox's denser, dashed-divider look.

Login page (internal/auth/template.go, self-contained by design) gets the same palette/icon for visual consistency with the app shell.

Scoped to base.html + the login template only — every content template inherits shared classes from base.html and needed no changes, confirmed via go build/go test ./... and a local run through Playwright (light/dark, desktop/mobile, sidebar open/closed).

Co-Authored-By: Claude Sonnet 5 noreply@anthropic.com Claude-Session: https://claude.ai/code/session_01YAS8ojtevRQs2pGngj7D35

Merge request reports