- HTML 40%
- CSS 29.8%
- Go 17.8%
- Lua 8.7%
- JavaScript 3.7%
Each .preview-frame__body now enforces aspect-ratio: 4 / 3 with overflow hidden, and every mockup fills it via flex/grid. tmux pane content no longer borrows tmux chrome colors (those belong to the status bar and borders only) — pane backgrounds let the design-system bg show through, with htop-style content using accent/red/amber for load and process state. The tmux mockup also gains a richer process list (8 rows), a build log with [OK]/[INFO]/[WARN] tags and a prompt, and a third window in the status bar so the powerline reads as a real session. |
||
|---|---|---|
| blink | ||
| cmd/site | ||
| docs/superpowers | ||
| fish | ||
| forgejo | ||
| ghostty | ||
| helix | ||
| nvim | ||
| site | ||
| tmux | ||
| .gitignore | ||
| Basefile | ||
| CLAUDE.md | ||
| go.mod | ||
| go.sum | ||
| README.md | ||
| Taskfile.yaml | ||
bases themes
Terminal and editor color schemes for bases. Two variants: bases (dark) and bases-light (light).
Live preview at theme.bas.es.
Website
The site at theme.bas.es is generated from the theme files in this repo by a Go program at cmd/site/. Each app's mockup pulls its colors directly from the actual theme file, so the website can never advertise colors that aren't in the themes themselves.
go run ./cmd/site -out site/ # build
go run ./cmd/site -serve # preview on http://localhost:8080
Blink Shell
Blink themes are loaded from a URL. Host bases.js / bases-light.js somewhere reachable, then in Blink:
- Appearance → Themes → New Theme
- Paste the URL to
bases.jsorbases-light.js - Select it from the themes list
Fish
cp fish/bases.theme fish/bases-light.theme ~/.config/fish/themes/
fish_config theme choose bases
Forgejo
cp forgejo/theme-bases.css forgejo/theme-bases-light.css "$FORGEJO_CUSTOM/public/assets/css/"
Then add bases and bases-light to the THEMES list in app.ini:
[ui]
THEMES = forgejo-auto,forgejo-light,forgejo-dark,bases,bases-light
Ghostty
cp ghostty/bases ghostty/bases-light ~/.config/ghostty/themes/
In ~/.config/ghostty/config:
theme = bases
Helix
mkdir -p ~/.config/helix/themes
cp helix/bases.toml helix/bases-light.toml ~/.config/helix/themes/
In ~/.config/helix/config.toml:
theme = "bases"
Neovim
cp nvim/bases.lua nvim/bases-light.lua ~/.config/nvim/colors/
vim.cmd.colorscheme('bases')
Covers standard syntax groups, Treesitter, LSP, diagnostics, gitsigns, Telescope, and nvim-tree.
Tmux
# in ~/.config/tmux/tmux.conf
source-file /path/to/tmux/bases.conf
The tmux theme uses Powerline glyphs. If your font doesn't include them, replace the separator values with plain text.