Skip to content

Themes

HarborClient themes are installable plugin packages that change the app's appearance. See Using themes in the app for installation, management, and catalog sources.

Catalog updated 8/8/2026.

Ayu Mirage Theme

Install

Version
1.0.3
Publisher
HarborClient
Appearance
Dark
Repository
https://github.com/harborclient/theme-ayu-mirage (v1.0.3)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-ayu-mirage

Cool slate backgrounds with a warm gold accent and soft coral highlights — Ayu Mirage’s balanced, easy-on-the-eyes dark palette.

This is a JSON-only theme plugin: HarborClient loads the palette from exported.json via contributes.themes[].import. No JavaScript entry or build step is required.

Permissions

  • ui — theme registration

Package layout

ayu-mirage/
├── manifest.json      # contributes.themes[].import → exported.json
├── exported.json      # harborclientExport: "theme" envelope
├── README.md
├── screenshot.png
└── signature.json     # publisher signature (from pnpm release)

If you later add a sibling CSS file and set "stylesheet": "styles.css" in the export, HarborClient inlines that CSS into exported.json on first read so the theme stays a single self-contained file.

Usage

Enable the plugin, then choose Ayu Mirage from the Appearance dropdown.

Requires HarborClient >=2.5.0 (theme JSON import).

Development

  1. In HarborClient, open File → Themes (or Settings → Plugins) → Load unpacked… and select this project folder
  2. Enable the plugin and select Ayu Mirage under View → Theme or Settings → General → Appearance

Edit colors in exported.json and reload the unpacked plugin to preview changes. No pnpm build is needed.

Packaging

pnpm pack

Creates ../ayu-mirage.hcp with manifest.json, exported.json, README.md, screenshot.png, and signature.json.

To bump the version, resign, commit, and tag:

pnpm release

Catppuccin Latte Theme

Install

Version
1.1.3
Publisher
HarborClient
Appearance
Light
Repository
https://github.com/harborclient/theme-catppuccin-latte (v1.1.3)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-catppuccin-latte

Adds Catppuccin Latte to View → Theme and Settings → General → Appearance with token overrides and a bundled stylesheet (pastel gradients, scrollbars, and focus rings).

This is a JSON-only theme plugin: HarborClient loads the palette from exported.json via contributes.themes[].import. No JavaScript entry or build step is required.

Permissions

  • ui — theme registration

Package layout

catppuccin-latte/
├── manifest.json      # contributes.themes[].import → exported.json
├── exported.json      # harborclientExport: "theme" envelope
├── styles.css         # referenced by exported.json stylesheet (inlined on first read)
├── README.md
├── screenshot.png
└── signature.json     # publisher signature (from pnpm release)

On first read, HarborClient inlines styles.css into exported.json's stylesheet field so the theme becomes a single self-contained file afterward.

Usage

Enable the plugin, then choose Catppuccin Latte from the Appearance dropdown.

Requires HarborClient >=2.5.0 (theme JSON import).

Development

  1. In HarborClient, open File → Themes (or Settings → Plugins) → Load unpacked… and select this project folder
  2. Enable the plugin and select Catppuccin Latte under View → Theme or Settings → General → Appearance

Edit colors in exported.json or rules in styles.css, then reload the unpacked plugin to preview changes. No pnpm build is needed. After the first load inlines the CSS, edit the inlined stylesheet string in exported.json (or restore "stylesheet": "styles.css" and keep a sibling CSS file for iteration).

Packaging

pnpm pack

Creates ../catppuccin-latte.hcp with manifest.json, exported.json, styles.css, README.md, screenshot.png, and signature.json.

To bump the version, resign, commit, and tag:

pnpm release

Dracula Theme

Install

Version
1.1.3
Publisher
HarborClient
Appearance
Dark
Repository
https://github.com/harborclient/theme-dracula (v1.1.3)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-dracula

Adds Dracula to View → Theme and Settings → General → Appearance.

This is a JSON-only theme plugin: HarborClient loads the palette from exported.json via contributes.themes[].import. No JavaScript entry or build step is required.

Permissions

  • ui — theme registration

Package layout

dracula/
├── manifest.json      # contributes.themes[].import → exported.json
├── exported.json      # harborclientExport: "theme" envelope
├── README.md
├── screenshot.png
└── signature.json     # publisher signature (from pnpm release)

If you later add a sibling CSS file and set "stylesheet": "styles.css" in the export, HarborClient inlines that CSS into exported.json on first read so the theme stays a single self-contained file.

Usage

Enable the plugin, then choose Dracula from the Appearance dropdown.

Requires HarborClient >=2.5.0 (theme JSON import).

Development

  1. In HarborClient, open File → Themes (or Settings → Plugins) → Load unpacked… and select this project folder
  2. Enable the plugin and select Dracula under View → Theme or Settings → General → Appearance

Edit colors in exported.json and reload the unpacked plugin to preview changes. No pnpm build is needed.

Packaging

pnpm pack

Creates ../dracula.hcp with manifest.json, exported.json, README.md, screenshot.png, and signature.json.

To bump the version, resign, commit, and tag:

pnpm release

Gruvbox Theme

Install

Version
1.1.4
Publisher
HarborClient
Appearance
Light
Repository
https://github.com/harborclient/theme-gruvbox (v1.1.4)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-gruvbox

Adds Gruvbox Light to View → Theme and Settings → General → Appearance.

This is a JSON-only theme plugin: HarborClient loads the palette from exported.json via contributes.themes[].import. No JavaScript entry or build step is required.

Permissions

  • ui — theme registration

Package layout

gruvbox/
├── manifest.json      # contributes.themes[].import → exported.json
├── exported.json      # harborclientExport: "theme" envelope
├── README.md
├── screenshot.png
└── signature.json     # publisher signature (from pnpm release)

If you later add a sibling CSS file and set "stylesheet": "styles.css" in the export, HarborClient inlines that CSS into exported.json on first read so the theme stays a single self-contained file.

Usage

Enable the plugin, then choose Gruvbox Light from the Appearance dropdown.

Requires HarborClient >=2.5.0 (theme JSON import).

Development

  1. In HarborClient, open File → Themes (or Settings → Plugins) → Load unpacked… and select this project folder
  2. Enable the plugin and select Gruvbox Light under View → Theme or Settings → General → Appearance

Edit colors in exported.json and reload the unpacked plugin to preview changes. No pnpm build is needed.

Packaging

pnpm pack

Creates ../gruvbox.hcp with manifest.json, exported.json, README.md, screenshot.png, and signature.json.

To bump the version, resign, commit, and tag:

pnpm release

Nord Theme

Install

Version
1.0.8
Publisher
HarborClient
Appearance
Dark
Repository
https://github.com/harborclient/theme-nord (v1.0.8)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-nord

Adds Nord to Settings → General → Appearance with both token overrides and a bundled stylesheet.

Permissions

  • ui — theme registration

Colors + stylesheet

This plugin demonstrates the full hc.themes.register() API:

  • colors — base --mac-* token overrides (surface, sidebar, text, accent, status colors)
  • stylesheetdist/theme.css for scoped rules beyond :root: aurora background, custom scrollbars, frost focus rings, HTTP method badge tokens, and select option styling

Usage

Enable the plugin, then choose Nord from the Appearance dropdown.

Development

  1. Run pnpm install
  2. Run pnpm build (or pnpm dev for watch mode)
  3. In HarborClient, open Settings → Plugins → Load unpacked… and select this project folder
  4. Enable the plugin and select Nord under Settings → General → Appearance

Packaging

pnpm pack

This builds the renderer bundle, copies theme.css to dist/, and creates ../nord.hcp.

One Dark Theme

Install

Version
1.0.3
Publisher
HarborClient
Appearance
Dark
Repository
https://github.com/harborclient/theme-one-dark (v1.0.3)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-one-dark

Cool charcoal grays with a familiar Atom blue accent — the widely loved One Dark palette in a clean, developer-friendly layout.

This is a JSON-only theme plugin: HarborClient loads the palette from exported.json via contributes.themes[].import. No JavaScript entry or build step is required.

Permissions

  • ui — theme registration

Package layout

one-dark/
├── manifest.json      # contributes.themes[].import → exported.json
├── exported.json      # harborclientExport: "theme" envelope
├── README.md
├── screenshot.png
└── signature.json     # publisher signature (from pnpm release)

If you later add a sibling CSS file and set "stylesheet": "styles.css" in the export, HarborClient inlines that CSS into exported.json on first read so the theme stays a single self-contained file.

Usage

Enable the plugin, then choose One Dark from the Appearance dropdown.

Requires HarborClient >=2.5.0 (theme JSON import).

Development

  1. In HarborClient, open File → Themes (or Settings → Plugins) → Load unpacked… and select this project folder
  2. Enable the plugin and select One Dark under View → Theme or Settings → General → Appearance

Edit colors in exported.json and reload the unpacked plugin to preview changes. No pnpm build is needed.

Packaging

pnpm pack

Creates ../one-dark.hcp with manifest.json, exported.json, README.md, screenshot.png, and signature.json.

To bump the version, resign, commit, and tag:

pnpm release

Primer Dark Theme

Install

Version
1.0.3
Publisher
HarborClient
Appearance
Dark
Repository
https://github.com/harborclient/theme-primer-dark (v1.0.3)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-primer-dark

Near-black surfaces, cool gray text, and a vivid blue accent — a polished dark palette inspired by GitHub’s Primer design system.

This is a JSON-only theme plugin: HarborClient loads the palette from exported.json via contributes.themes[].import. No JavaScript entry or build step is required.

Permissions

  • ui — theme registration

Package layout

primer-dark/
├── manifest.json      # contributes.themes[].import → exported.json
├── exported.json      # harborclientExport: "theme" envelope
├── README.md
├── screenshot.png
└── signature.json     # publisher signature (from pnpm release)

If you later add a sibling CSS file and set "stylesheet": "styles.css" in the export, HarborClient inlines that CSS into exported.json on first read so the theme stays a single self-contained file.

Usage

Enable the plugin, then choose Primer Dark from the Appearance dropdown.

Requires HarborClient >=2.5.0 (theme JSON import).

Development

  1. In HarborClient, open File → Themes (or Settings → Plugins) → Load unpacked… and select this project folder
  2. Enable the plugin and select Primer Dark under View → Theme or Settings → General → Appearance

Edit colors in exported.json and reload the unpacked plugin to preview changes. No pnpm build is needed.

Packaging

pnpm pack

Creates ../primer-dark.hcp with manifest.json, exported.json, README.md, screenshot.png, and signature.json.

To bump the version, resign, commit, and tag:

pnpm release

Primer Light Theme

Install

Version
1.0.4
Publisher
HarborClient
Appearance
Light
Repository
https://github.com/harborclient/theme-primer-light (v1.0.4)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-primer-light

Crisp white and light-gray surfaces with a strong blue accent — a bright, high-contrast light palette inspired by GitHub’s Primer design system.

This is a JSON-only theme plugin: HarborClient loads the palette from exported.json via contributes.themes[].import. No JavaScript entry or build step is required.

Permissions

  • ui — theme registration

Package layout

primer-light/
├── manifest.json      # contributes.themes[].import → exported.json
├── exported.json      # harborclientExport: "theme" envelope
├── README.md
├── screenshot.png
└── signature.json     # publisher signature (from pnpm release)

If you later add a sibling CSS file and set "stylesheet": "styles.css" in the export, HarborClient inlines that CSS into exported.json on first read so the theme stays a single self-contained file.

Usage

Enable the plugin, then choose Primer Light from the Appearance dropdown.

Requires HarborClient >=2.5.0 (theme JSON import).

Development

  1. In HarborClient, open File → Themes (or Settings → Plugins) → Load unpacked… and select this project folder
  2. Enable the plugin and select Primer Light under View → Theme or Settings → General → Appearance

Edit colors in exported.json and reload the unpacked plugin to preview changes. No pnpm build is needed.

Packaging

pnpm pack

Creates ../primer-light.hcp with manifest.json, exported.json, README.md, screenshot.png, and signature.json.

To bump the version, resign, commit, and tag:

pnpm release

Rose Pine Dawn Theme

Install

Version
1.0.3
Publisher
HarborClient
Appearance
Light
Repository
https://github.com/harborclient/theme-rose-pine-dawn (v1.0.3)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-rose-pine-dawn

Warm parchment and cream surfaces with dusty mauve text and muted iris accents — a soft, airy light palette for the Rosé Pine family.

This is a JSON-only theme plugin: HarborClient loads the palette from exported.json via contributes.themes[].import. No JavaScript entry or build step is required.

Permissions

  • ui — theme registration

Package layout

rose-pine-dawn/
├── manifest.json      # contributes.themes[].import → exported.json
├── exported.json      # harborclientExport: "theme" envelope
├── README.md
├── screenshot.png
└── signature.json     # publisher signature (from pnpm release)

If you later add a sibling CSS file and set "stylesheet": "styles.css" in the export, HarborClient inlines that CSS into exported.json on first read so the theme stays a single self-contained file.

Usage

Enable the plugin, then choose Rose Pine Dawn from the Appearance dropdown.

Requires HarborClient >=2.5.0 (theme JSON import).

Development

  1. In HarborClient, open File → Themes (or Settings → Plugins) → Load unpacked… and select this project folder
  2. Enable the plugin and select Rose Pine Dawn under View → Theme or Settings → General → Appearance

Edit colors in exported.json and reload the unpacked plugin to preview changes. No pnpm build is needed.

Packaging

pnpm pack

Creates ../rose-pine-dawn.hcp with manifest.json, exported.json, README.md, screenshot.png, and signature.json.

To bump the version, resign, commit, and tag:

pnpm release

Rose Pine Theme

Install

Version
1.0.3
Publisher
HarborClient
Appearance
Dark
Repository
https://github.com/harborclient/theme-rose-pine (v1.0.3)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-rose-pine

Deep aubergine surfaces with soft lavender iris accents and warm rose-gold highlights — a calm, minimalist dark palette inspired by Rosé Pine.

This is a JSON-only theme plugin: HarborClient loads the palette from exported.json via contributes.themes[].import. No JavaScript entry or build step is required.

Permissions

  • ui — theme registration

Package layout

rose-pine/
├── manifest.json      # contributes.themes[].import → exported.json
├── exported.json      # harborclientExport: "theme" envelope
├── README.md
├── screenshot.png
└── signature.json     # publisher signature (from pnpm release)

If you later add a sibling CSS file and set "stylesheet": "styles.css" in the export, HarborClient inlines that CSS into exported.json on first read so the theme stays a single self-contained file.

Usage

Enable the plugin, then choose Rose Pine from the Appearance dropdown.

Requires HarborClient >=2.5.0 (theme JSON import).

Development

  1. In HarborClient, open File → Themes (or Settings → Plugins) → Load unpacked… and select this project folder
  2. Enable the plugin and select Rose Pine under View → Theme or Settings → General → Appearance

Edit colors in exported.json and reload the unpacked plugin to preview changes. No pnpm build is needed.

Packaging

pnpm pack

Creates ../rose-pine.hcp with manifest.json, exported.json, README.md, screenshot.png, and signature.json.

To bump the version, resign, commit, and tag:

pnpm release

Solarized Theme

Install

Version
1.1.4
Publisher
HarborClient
Appearance
Dark
Repository
https://github.com/harborclient/theme-solarized (v1.1.4)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-solarized

Adds Solarized Dark to View → Theme and Settings → General → Appearance.

This is a JSON-only theme plugin: HarborClient loads the palette from exported.json via contributes.themes[].import. No JavaScript entry or build step is required.

Permissions

  • ui — theme registration

Package layout

solarized/
├── manifest.json      # contributes.themes[].import → exported.json
├── exported.json      # harborclientExport: "theme" envelope
├── README.md
├── screenshot.png
└── signature.json     # publisher signature (from pnpm release)

If you later add a sibling CSS file and set "stylesheet": "styles.css" in the export, HarborClient inlines that CSS into exported.json on first read so the theme stays a single self-contained file.

Usage

Enable the plugin, then choose Solarized Dark from the Appearance dropdown.

Requires HarborClient >=2.5.0 (theme JSON import).

Development

  1. In HarborClient, open File → Themes (or Settings → Plugins) → Load unpacked… and select this project folder
  2. Enable the plugin and select Solarized Dark under View → Theme or Settings → General → Appearance

Edit colors in exported.json and reload the unpacked plugin to preview changes. No pnpm build is needed.

Packaging

pnpm pack

Creates ../solarized.hcp with manifest.json, exported.json, README.md, screenshot.png, and signature.json.

To bump the version, resign, commit, and tag:

pnpm release

Tokyo Night Storm Theme

Install

Version
1.0.3
Publisher
HarborClient
Appearance
Dark
Repository
https://github.com/harborclient/theme-tokyo-night-storm (v1.0.3)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-tokyo-night-storm

Stormy blue-gray slate surfaces with the same electric blue accent family as Tokyo Night — a slightly brighter, moodier variant of the palette.

This is a JSON-only theme plugin: HarborClient loads the palette from exported.json via contributes.themes[].import. No JavaScript entry or build step is required.

Permissions

  • ui — theme registration

Package layout

tokyo-night-storm/
├── manifest.json      # contributes.themes[].import → exported.json
├── exported.json      # harborclientExport: "theme" envelope
├── README.md
├── screenshot.png
└── signature.json     # publisher signature (from pnpm release)

If you later add a sibling CSS file and set "stylesheet": "styles.css" in the export, HarborClient inlines that CSS into exported.json on first read so the theme stays a single self-contained file.

Usage

Enable the plugin, then choose Tokyo Night Storm from the Appearance dropdown.

Requires HarborClient >=2.5.0 (theme JSON import).

Development

  1. In HarborClient, open File → Themes (or Settings → Plugins) → Load unpacked… and select this project folder
  2. Enable the plugin and select Tokyo Night Storm under View → Theme or Settings → General → Appearance

Edit colors in exported.json and reload the unpacked plugin to preview changes. No pnpm build is needed.

Packaging

pnpm pack

Creates ../tokyo-night-storm.hcp with manifest.json, exported.json, README.md, screenshot.png, and signature.json.

To bump the version, resign, commit, and tag:

pnpm release

Tokyo Night Theme

Install

Version
1.0.3
Publisher
HarborClient
Appearance
Dark
Repository
https://github.com/harborclient/theme-tokyo-night (v1.0.3)
Permissions
ui
Homepage
https://github.com/harborclient/plugin-tokyo-night

Deep indigo backgrounds with electric blue accents and neon-tinted status colors — the classic Tokyo Night look for late-night work.

This is a JSON-only theme plugin: HarborClient loads the palette from exported.json via contributes.themes[].import. No JavaScript entry or build step is required.

Permissions

  • ui — theme registration

Package layout

tokyo-night/
├── manifest.json      # contributes.themes[].import → exported.json
├── exported.json      # harborclientExport: "theme" envelope
├── README.md
├── screenshot.png
└── signature.json     # publisher signature (from pnpm release)

If you later add a sibling CSS file and set "stylesheet": "styles.css" in the export, HarborClient inlines that CSS into exported.json on first read so the theme stays a single self-contained file.

Usage

Enable the plugin, then choose Tokyo Night from the Appearance dropdown.

Requires HarborClient >=2.5.0 (theme JSON import).

Development

  1. In HarborClient, open File → Themes (or Settings → Plugins) → Load unpacked… and select this project folder
  2. Enable the plugin and select Tokyo Night under View → Theme or Settings → General → Appearance

Edit colors in exported.json and reload the unpacked plugin to preview changes. No pnpm build is needed.

Packaging

pnpm pack

Creates ../tokyo-night.hcp with manifest.json, exported.json, README.md, screenshot.png, and signature.json.

To bump the version, resign, commit, and tag:

pnpm release

Submit your theme

Host your theme in a public GitHub repository with categories: ["themes"] in manifest.json, then open a pull request that adds an entry to plugins/catalog.json. See Publish to the marketplace for the required fields and review process.