The official Higharc developer theme family. Consistent brand colors across code editors, terminals, and developer tools. Built for engineers who spend hours in their editor daily.
| Theme | Appearance | Location |
|---|---|---|
| Higharc Dark | Dark | apps/zed/higharc.json |
| Higharc Light | Light | apps/zed/higharc.json |
Installation:
- Open Zed's command palette (
Cmd+Shift+P) - Search for "Higharc" or "theme"
- Select "Higharc Dark" or "Higharc Light"
| App | Theme | Location | Format |
|---|---|---|---|
| Ghostty | Dark/Light | apps/ghostty/ |
Key-value |
| OpenChamber | Dark/Light | apps/openchamber/ |
JSON (detailed) |
| VS Code | Dark/Light | apps/vscode/ |
VS Code extension |
| Chrome DevTools | Dark/Light | apps/chrome/ |
JSON |
All themes share the same core brand colors for consistency across your workflow:
| Element | Color | Usage |
|---|---|---|
| Background | #141414 |
Primary editor background |
| Surface | #1A1A1A |
Panels, sidebars |
| Accent | #62D491 |
Keywords, links, highlights |
| Comments | #666666E6 |
Code comments (italic) |
| Functions | #85D3EC |
Function names |
| Strings | #81D89D |
String literals |
| Element | Color | Usage |
|---|---|---|
| Background | #F5F5F5 |
Primary editor background |
| Surface | #FFFFFF |
Panels, sidebars |
| Accent | #4DD689 |
Keywords, links, highlights |
| Comments | #8B7355 |
Code comments (italic) |
| Functions | #2563EB |
Function names |
| Strings | #2E8B57 |
String literals |
cp apps/ghostty/higharc-dark ~/.config/ghostty/themes/
cp apps/ghostty/higharc-light ~/.config/ghostty/themes/Then: Settings → Theme → higharc-dark or higharc-light
cp apps/openchamber/higharc-dark.json ~/.config/openchamber/themes/
cp apps/openchamber/higharc-light.json ~/.config/openchamber/themes/Then: Settings → Theme → Reload themes → Select "Higharc Dark/Light"
cp -r apps/vscode ~/.vscode/extensions/higharc-themeRestart VS Code, then: Cmd+Shift+P → "Preferences: Color Theme" → Select "Higharc Dark/Light"
Chrome DevTools has limited theme support. See apps/chrome/README.md for installation methods.
tokens/
├── colors.json # Brand color tokens (dark/light)
├── syntax.json # Syntax highlighting rules
├── manifest.json # Theme variant definitions
└── base.json # Base theme structure
apps/
├── zed/ # Zed extension (higharc.json)
├── ghostty/ # Ghostty themes
├── openchamber/ # OpenChamber themes
├── vscode/ # VS Code extension
└── chrome/ # Chrome DevTools themes
scripts/
└── generate.ts # Theme generation script
To regenerate themes after modifying tokens:
npx tsx scripts/generate.tsSyntax highlighting follows tonsky.me best practices:
- Comments highlighted — they add value, not noise
- Keywords in brand green — consistent across all apps
- Functions in cyan/blue — distinguishable at a glance
- Strings/Constants in soft green — reference points
- Punctuation dimmed — reduces visual noise
To add a new app theme:
- Create a folder under
apps/ - Follow the app's theme format (see existing apps)
- Add installation instructions to this README
MIT