Documentation Xakti Admin

1. Open frontend/index.html directly in a browser to use the standalone bundle.
2. For ES Modules and local development, run python3 -m http.server 8080 from the frontend/ folder.
3. Open http://localhost:8080, then use the sidebar to navigate between pages.
4. Copy pages/blank.html when you want to create a new page with the existing app shell.

Every HTML page uses the same app shell: sidebar, topbar, content area, footer, and Theme Customizer panel.

The global mode uses data-bs-theme Bootstrap and supports Light, Dark, and System. Settings are saved in localStorage with the prefix xa:.

• Click the palette icon in the topbar to choose the mode, sidebar preset, accent, and radius.
• Sidebar presets can be configured through the attribute data-xa-sidebar-theme or CSS tokens in assets/css/tokens.css.
• The color picker automatically calculates the foreground and derived tokens to maintain readable contrast.
• The desktop sidebar can be collapsed with the topbar button or shortcut Ctrl/Cmd + B; on small screens, the sidebar uses Offcanvas.

The public API is available through the following global namespace:

XaktiAdmin.theme.set('dark');
XaktiAdmin.sidebar.toggle();
XaktiAdmin.sidebarTheme.apply('emerald');
XaktiAdmin.toast.show({ title: 'Successful', message: 'Changes saved.' });