Panoboard Community Themes

A collection of community themes for Panoboard, published as @panoboard/themes on npm.

Installation

npm install @panoboard/themes

All community themes are bundled into Panoboard by default. Set your theme in config.yaml:

theme: dracula

Available Themes

Dark

| Theme | Name | Accent | | ---------------- | ------------------ | ---------- | | Catppuccin Mocha | catppuccin-mocha | Mauve | | Dracula | dracula | Pink | | Everforest | everforest | Green | | Ghostty | ghostty | Indigo | | Gruvbox Dark | gruvbox-dark | Yellow | | Kanagawa | kanagawa | Purple | | Midnight | midnight | Indigo | | Monokai | monokai | Green | | Nord | nord | Frost blue | | Ocean | ocean | Blue | | One Dark | one-dark | Blue | | Rose Pine | rose-pine | Iris | | Solarized Dark | solarized-dark | Blue | | Synthwave | synthwave | Coral | | Tokyo Night | tokyo-night | Purple |

Light

| Theme | Name | Accent | | ---------------- | ------------------ | ------ | | Ayu Light | ayu-light | Amber | | Catppuccin Latte | catppuccin-latte | Mauve | | Everforest Light | everforest-light | Green | | GitHub Light | github-light | Blue | | Gruvbox Light | gruvbox-light | Orange | | Kanagawa Lotus | kanagawa-lotus | Purple | | One Light | one-light | Blue | | Rose Pine Dawn | rose-pine-dawn | Purple | | Solarized Light | solarized-light | Blue |

Custom Themes

To create a custom theme, add a .yaml file to your Panoboard config's themes/ directory. Custom themes override bundled themes by name.

See the theme schema for an example of the required structure.

Programmatic Usage

import { bundledThemes } from "@panoboard/themes";

// All themes as a Record<string, Theme>
console.log(Object.keys(bundledThemes));

// Individual theme access
const { dracula, nord, tokyoNight } = await import("@panoboard/themes");

Contributing

Want to add a theme? See CONTRIBUTING.md for guidelines on submitting new themes.

License

This project is licensed under the Apache License 2.0.