Themes
Built-in theme catalog and how to switch.
diffing ships 52 themes (counted from ThemeModal.tsx). Default: rose-pine.
Switch theme
- Keyboard: g t
- Settings UI / toolbar
- Persist:
themein~/.config/diffing/settings.json
t alone cycles tab size, not themes.
Catalog
| Id | Notes |
|---|---|
nord | |
github-dark, github-dark-dimmed, github-dark-high-contrast | |
github-light, github-light-high-contrast | |
dracula, one-dark, synthwave-84, tokyo-night | |
catppuccin-mocha, catppuccin-frappe, catppuccin-macchiato, catppuccin-latte | |
solarized-dark, solarized-light | |
monokai, ayu-dark, ayu-light | |
nightfox, nordfox, duskfox, terafox, carbonfox, dayfox, dawnfox | Nightfox family |
andromeeda, aurora-x, dark-plus, light-plus, houston, laserwave | |
material-theme, material-theme-darker, material-theme-lighter, material-theme-ocean, material-theme-palenight | |
min-dark, min-light, night-owl, one-light, plastic, poimandres | |
rose-pine, rose-pine-moon, rose-pine-dawn | Default family |
slack-dark, slack-ochre | |
vesper, vitesse-black, vitesse-dark, vitesse-light |
Syntax highlighting uses Shiki via @pierre/diffs with dark/light pairs mapped per theme.
Gridline requirement
Every theme must keep primary text readable and focus color visible. Components consume --gl-* roles derived from the theme palette.