bases/design-system
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity
No description
28 commits 2 branches 0 tags 1.1 MiB
  • HTML 78.9%
  • CSS 19%
  • JavaScript 2%
  • Go 0.1%
Find a file
Exact
Arne Skaar Fismen ef9674b3d2 feat: unhealthy and unknown badge variants + probe-detail display 
Prototypes the observed-state UI for the bases status rework: probe
failures render an Unhealthy badge (service still routed, still up) with
the probe failure detail beside it; inconclusive checks render Unknown.
The old Error state is replaced — it no longer exists in the app once
desired and observed state are split.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-01 23:27:50 +02:00
docs/superpowers docs: add basefile website implementation plan 2026-03-27 15:42:17 +01:00
fonts feat: self-host fonts, add no-flash.js, remove Google Fonts import 2026-03-24 12:07:36 +01:00
bases.css feat: unhealthy and unknown badge variants + probe-detail display 2026-07-01 23:27:50 +02:00
CLAUDE.md feat: add login flow, register, home, service detail, unauthorized pages 2026-03-25 16:34:39 +01:00
home.html feat: convert all pages to htmx idiom 2026-03-27 14:23:21 +01:00
htmx.min.js feat: convert all pages to htmx idiom 2026-03-27 14:23:21 +01:00
index.html feat: convert all pages to htmx idiom 2026-03-27 14:23:21 +01:00
install.html feat: convert all pages to htmx idiom 2026-03-27 14:23:21 +01:00
login.html feat: convert all pages to htmx idiom 2026-03-27 14:23:21 +01:00
main.go Initial design system for bases 2026-03-24 10:30:54 +01:00
no-flash.js feat: self-host fonts, add no-flash.js, remove Google Fonts import 2026-03-24 12:07:36 +01:00
README.md feat: unhealthy and unknown badge variants + probe-detail display 2026-07-01 23:27:50 +02:00
register.html feat: convert all pages to htmx idiom 2026-03-27 14:23:21 +01:00
service-detail.html feat: unhealthy and unknown badge variants + probe-detail display 2026-07-01 23:27:50 +02:00
services.html feat: unhealthy and unknown badge variants + probe-detail display 2026-07-01 23:27:50 +02:00
settings.html feat: add htmx attributes to passkey rename flow 2026-03-27 15:04:35 +01:00
stopped.html feat: convert all pages to htmx idiom 2026-03-27 14:23:21 +01:00
theme.js feat: add login flow, register, home, service detail, unauthorized pages 2026-03-25 16:34:39 +01:00
TODO.md Add settings page and auto color scheme detection 2026-03-24 11:43:27 +01:00
unauthorized.html feat: convert all pages to htmx idiom 2026-03-27 14:23:21 +01:00
user-edit.html feat: convert all pages to htmx idiom 2026-03-27 14:23:21 +01:00
users.html feat: convert all pages to htmx idiom 2026-03-27 14:23:21 +01:00

README.md

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, unhealthy, unknown)
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 components
  • theme.js — dark mode toggle, persisted via localStorage, 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