Pick the shell that fits your operation
0skins available
0matching filters
5navigation layouts
2colour modes each
No skin matches that search.
1
Preview
Open a skin full-screen. Every page is interactive sample data; use the sun icon inside to switch light and dark.
2
Select
Mark the skin you want. Your choice is remembered in this browser and shown in the bar at the top.
3
Request
Send the selection with your workspace name. We apply it per tenant: the tokens come from the skin's theme.css, the shell from a tenant setting.
For engineers. Each
*.theme.css uses the same variable names as src/app.pcss; paste the :root and .dark blocks over the existing ones or load them per tenant. The structural differences (icon rail, dark sidebar, top nav) map to variants of Sidebar.svelte and navbar.svelte selected by a tenant setting, the same way company-calendar.ts already keys behaviour by company. The library itself is data: see skins.json.