# Zinn for OpenCode

The Zinn color palette for the OpenCode TUI, with light and dark appearances.

Verified with OpenCode 2.1.4.

## Gallery

### Welcome

![Welcome, dark mode](https://res.cloudinary.com/drwbqceye/image/upload/v1793041081/01-welcome-dark_dcihxx.png)

### Command picker

![Command picker, dark mode](https://res.cloudinary.com/drwbqceye/image/upload/v1793041081/02-command-picker-dark_eej4hk.png)

### Slash commands

![Slash commands, dark mode](https://res.cloudinary.com/drwbqceye/image/upload/v1793041080/03-slash-commands-dark_fbd0j2.png)

### Markdown

![Markdown, dark mode](https://res.cloudinary.com/drwbqceye/image/upload/v1793041081/04-markdown-dark_ewfvet.png)

![Markdown, light mode](https://res.cloudinary.com/drwbqceye/image/upload/v1793041081/05-markdown-light_dvhikt.png)

### Code & tables

![Code & tables, dark mode](https://res.cloudinary.com/drwbqceye/image/upload/v1793041081/06-code-and-tables-dark_vjskv7.png)

![Code & tables, light mode](https://res.cloudinary.com/drwbqceye/image/upload/v1793041081/07-code-and-tables-light_xqwjxo.png)

### Links & diagram

![Links & diagram, dark mode](https://res.cloudinary.com/drwbqceye/image/upload/v1793041082/08-links-and-diagram-dark_owzvyw.png)

![Links & diagram, light mode](https://res.cloudinary.com/drwbqceye/image/upload/v1793041082/09-links-and-diagram-light_h8l8ix.png)

### Settings

![Settings, light mode](https://res.cloudinary.com/drwbqceye/image/upload/v1793041082/10-settings-light_ocwvre.png)

### Tools & diff

![Tools & diff, dark mode](https://res.cloudinary.com/drwbqceye/image/upload/v1793041082/11-tool-output-and-diff-dark_euxbvg.png)

### Code output

![Code output, dark mode](https://res.cloudinary.com/drwbqceye/image/upload/v1793041083/12-code-output-dark_mzlwd5.png)

## Installation

Download the theme file and add it to OpenCode’s themes directory.

1. [Download zinn.json](https://zinn.sh/integrations/opencode/theme/zinn.json) and save it in `~/.config/opencode/themes/`.
2. Open `/themes` in OpenCode.
3. Select `zinn`.

OpenCode uses the filename as the theme name. Keep it `zinn.json` and choose light, dark or system mode in OpenCode’s settings.

```sh
mkdir -p ~/.config/opencode/themes
cp ~/Downloads/zinn.json ~/.config/opencode/themes/zinn.json
```

[Theme source](https://github.com/yethranayeh/zinn/tree/main/integrations/opencode/theme) · [All integrations](https://zinn.sh/integrations)