✨ Available for Obsidian, Typora & Ghostty

OpenCode Themes

OpenCode palette for your editors and terminal

OpenCode TUI palette meets terminal aesthetics. Now available for Obsidian, Typora, and Ghostty.

bash — opencode-themes
opencode-theme install obsidian
Installing OpenCode for Obsidian...
✓ Obsidian theme installed
opencode-theme install typora
Installing OpenCode for Typora...
✓ Typora theme installed
opencode-theme install ghostty
Installing OpenCode for Ghostty...
✓ Ghostty theme installed
opencode-theme preview

Available For

Obsidian

A powerful knowledge base that works on top of a local folder of plain text Markdown files. Perfect for building your second brain with linked notes and graph view.

Typora

A minimal markdown editor and reader that seamlessly blends writing and preview. What you see is what you get — no split screen, just pure writing flow.

Ghostty

A fast native terminal for macOS and Linux. The OpenCode theme maps the official TUI palette to Ghostty's background, foreground, cursor, selection, and ANSI colors.

See It In Action

README.md — Obsidian
Files
Graph
Search

OpenCode Theme

A terminal-inspired dark theme for Obsidian. Features the official OpenCode TUI palette with meticulous attention to detail.

Code Highlighting

const greeting = "Hello, OpenCode!";
const colors = {
  purple: "#9d7cd8",
  gold: "#fab283",
  cyan: "#56b6c2"
};

// Terminal aesthetics meet knowledge management
console.log(`Using ${colors.purple} for headings`);

Tables

Feature Status Quality
Syntax Highlighting Complete ★★★★★
Dark Mode Complete ★★★★★
Graph View Complete ★★★★★

"The best theme for developers who build their second brain."

Key Features

  • OpenCode palette — Synced with the official TUI colors
  • JetBrains Mono — Optimized code font
  • Full coverage — Every UI element styled
README.md — Typora

OpenCode Theme

A terminal-inspired dark theme for Typora, synced with the Obsidian and Ghostty variants. Features the official OpenCode TUI palette with meticulous attention to detail.

Code Highlighting

const greeting = "Hello, OpenCode!";
const colors = {
  purple: "#9d7cd8",
  gold: "#fab283",
  cyan: "#56b6c2"
};

// Terminal aesthetics meet writing elegance
console.log(`Using ${colors.purple} for headings`);

Tables

Feature Status Quality
Syntax Highlighting Complete ★★★★★
Dark Mode Complete ★★★★★
Source Mode Complete ★★★★★

"The best theme for developers who write documentation."

Key Features

  • OpenCode palette — Synced with the official TUI colors
  • JetBrains Mono — Optimized code font
  • Full coverage — Every UI element styled
ghostty — OpenCode

Ghostty OpenCode

Terminal colors synced to OpenCode. Deep black background, warm orange cursor, and ANSI colors mapped to the official TUI palette.

# ~/.config/ghostty/config
theme = dark:OpenCode,light:Aura

# ~/.config/ghostty/themes/OpenCode
background = #0a0a0a
foreground = #eeeeee
cursor-color = #fab283

ANSI Mapping

  • Primary — #fab283 cursor and actions
  • Secondary — #5c9cf5 blue terminal accents
  • Accent — #9d7cd8 purple syntax color

Crafted for Developers

OpenCode TUI Palette

Official OpenCode dark palette with warm orange, purple, blue, cyan, and deep black surfaces.

Code-First Design

Optimized syntax highlighting with JetBrains Mono. Every code block looks like it belongs in your IDE.

Full Coverage

Editors, terminal palettes, sidebars, modals, menus, and source mode share one consistent OpenCode language.

Print Ready

Clean light export for PDF and print. Professional output whether digital or physical.

Color Palette

Background
#0a0a0a
Secondary
#141414
Purple
#9d7cd8
Gold
#fab283
Cyan
#56b6c2
Blue
#5c9cf5
Green
#7fd88f
Red
#e06c75
Sky
#56b6c2

Installation

1

Download the Theme

Get the theme from GitHub Releases.

2

Open Obsidian Settings

Go to SettingsAppearanceThemesManage.

3

Install the Theme

Click Install on OpenCode theme, then Use to activate it.

4

Enjoy!

Your Obsidian now has a fresh terminal-inspired look. Start taking notes in style.

1

Download the Theme

Get opencode.css from the GitHub repository.

2

Open Theme Folder

In Typora: PreferencesAppearanceOpen Theme Folder

3

Copy the Theme File

Place opencode.css into the theme folder.

4

Activate the Theme

Restart Typora and select OpenCode from PreferencesAppearanceTheme.

1

Download the Theme

Get OpenCode from the Ghostty folder.

2

Copy to User Themes

mkdir -p ~/.config/ghostty/themes && cp OpenCode ~/.config/ghostty/themes/OpenCode

3

Activate in Config

Add theme = dark:OpenCode,light:Aura to ~/.config/ghostty/config.

4

Reload Ghostty

Press Cmd + Shift + , or restart Ghostty.

⚡ One-liner for AI Agents

Paste this into your AI coding assistant (Claude, Cursor, Copilot, etc.) to install all OpenCode themes automatically:

# Obsidian — install to vault theme folder
VAULT="$(find ~/Library/Application\ Support/obsidian -name '.obsidian' -maxdepth 3 2>/dev/null | head -1)" && \
mkdir -p "$VAULT/themes/OpenCode" && \
curl -sL https://raw.githubusercontent.com/nxxxsooo/obsidian-opencode-theme/main/theme.css -o "$VAULT/themes/OpenCode/theme.css" && \
curl -sL https://raw.githubusercontent.com/nxxxsooo/obsidian-opencode-theme/main/manifest.json -o "$VAULT/themes/OpenCode/manifest.json" && \
echo "✅ Obsidian OpenCode theme installed"

# Typora — install to theme folder
TYPORA_THEMES="$(find ~/Library/Application\ Support/abnerworks.Typora/themes -maxdepth 0 2>/dev/null || echo '')" && \
[ -n "$TYPORA_THEMES" ] && \
curl -sL https://raw.githubusercontent.com/nxxxsooo/opencode-themes/main/typora/opencode.css -o "$TYPORA_THEMES/opencode.css" && \
echo "✅ Typora OpenCode theme installed"

# Ghostty — install to user theme folder
mkdir -p "$HOME/.config/ghostty/themes" && \
curl -sL https://raw.githubusercontent.com/nxxxsooo/opencode-themes/main/ghostty/OpenCode -o "$HOME/.config/ghostty/themes/OpenCode" && \
grep -q '^theme = ' "$HOME/.config/ghostty/config" 2>/dev/null \
  && perl -0pi -e 's/^theme = .*$/theme = dark:OpenCode,light:Aura/m' "$HOME/.config/ghostty/config" \
  || printf '\ntheme = dark:OpenCode,light:Aura\n' >> "$HOME/.config/ghostty/config" && \
echo "✅ Ghostty OpenCode theme installed"

macOS paths shown. On Linux/Windows, adjust the vault/theme folder paths accordingly.