A modern, responsive admin dashboard by Colorlib, with the original Octopus slate-and-blue palette and a refreshed layout.
Overview, Analytics, Team members, Orders, Calendar, Messages, Forms, Components and Settings.
- Responsive sidebar and accessible mobile navigation
- Light, dark and system appearance
- Interactive chart periods and series controls
- Searchable, filterable tables and CSV exports
- Add, deactivate and reactivate sample team members
- Calendar navigation and event creation
- Project forms, sample message replies and workspace preferences
- Keyboard page search with Cmd/Ctrl+K
The demo stores sample changes in this browser under octopus.demo.v2.*. It is a frontend template: connect your own authentication, API and database for production use.
No build step, package installation, external fonts or runtime dependencies are required. Serve the repository with any static web server. For example:
python3 -m http.server 8000Open http://localhost:8000. All pages and assets are relative, so the template also works in a subdirectory.
Edit the HTML pages, assets/octopus.css and assets/octopus.js. Theme colors and spacing use CSS custom properties. After changing a CSS or JS file, update its ?v= hash in the HTML to refresh cached assets.
With Node.js installed:
node --check assets/octopus.js
node scripts/check-static.mjsThe nine pages were checked at desktop and phone sizes, including charts, dark mode, member status, event persistence, project text escaping, saved preferences, message replies and filtered CSV download.
The design preserves the original primary blue #0088cc and slate sidebar #34495e. Original design reference. The refreshed implementation is new code by Colorlib, licensed under MIT.
Historical compatibility libraries served at the demo URL are separate from this repository.