No description
- HTML 79%
- CSS 18.9%
- JavaScript 2%
- Go 0.1%
|
|
||
|---|---|---|
| docs/superpowers | ||
| fonts | ||
| bases.css | ||
| CLAUDE.md | ||
| home.html | ||
| htmx.min.js | ||
| index.html | ||
| install.html | ||
| login.html | ||
| main.go | ||
| no-flash.js | ||
| README.md | ||
| register.html | ||
| service-detail.html | ||
| services.html | ||
| settings.html | ||
| stopped.html | ||
| theme.js | ||
| TODO.md | ||
| unauthorized.html | ||
| user-edit.html | ||
| users.html | ||
bases design system
CSS design system and component library for bases — a self-hosted service manager that runs applications in Incus containers behind a Caddy reverse proxy.
Preview
Run the local preview server:
go run main.go
Then open http://localhost:5000 to browse the design system and all prototype pages.
Pages
| File | Description |
|---|---|
index.html |
Design system reference — tokens, components, typography |
services.html |
Services list with all status variants (running, stopped, starting, error) |
install.html |
Install service flow — blank → preview → installing |
users.html |
User management, roles, passkeys, invite links |
login.html |
Passkey authentication page shown for protected services |
stopped.html |
Splash page shown when a service is stopped |
Design
bases.css— single stylesheet with all tokens and componentstheme.js— dark mode toggle, persisted vialocalStorage, no flash on load- Fonts: Fraunces (display), DM Sans (body), DM Mono (labels/code), Outfit (brand)
- Two themes: light and dark, toggled via
data-theme="dark"on<html>
Terminal themes
Matching themes for common terminal tools are in theme/. See theme/README.md for install instructions.
| Tool | Files |
|---|---|
| Neovim | theme/nvim/bases.lua, bases-light.lua |
| tmux | theme/tmux/bases.conf, bases-light.conf |
| Ghostty | theme/ghostty/bases, bases-light |
| fish | theme/fish/bases.theme, bases-light.theme |
| Blink Shell | theme/blink/bases.js, bases-light.js |