✨ Available for Obsidian & Typora

OpenCode Themes

A terminal-inspired dark theme for your writing tools

Tokyo Night palette meets terminal aesthetics. Available for both Obsidian and Typora editors.

Download for Obsidian Download for Typora View on GitHub
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 preview
Choose Your Editor

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.

Download GitHub

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.

Download GitHub
Live Preview

See It In Action

README.md — Obsidian
Files
Graph
Search

OpenCode Theme

A terminal-inspired dark theme for Obsidian. Features the Tokyo Night color palette with meticulous attention to detail.

Code Highlighting

const greeting = "Hello, OpenCode!";
const colors = {
  purple: "#d19af8",
  gold: "#e5a030",
  cyan: "#5fd4bb"
};

// 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

  • Tokyo Night palette — Carefully curated colors
  • JetBrains Mono — Optimized code font
  • Full coverage — Every UI element styled
README.md — Typora

OpenCode Theme

A terminal-inspired dark theme for Typora, ported from the popular Obsidian theme. Features the Tokyo Night color palette with meticulous attention to detail.

Code Highlighting

const greeting = "Hello, OpenCode!";
const colors = {
  purple: "#d19af8",
  gold: "#e5a030",
  cyan: "#5fd4bb"
};

// 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

  • Tokyo Night palette — Carefully curated colors
  • JetBrains Mono — Optimized code font
  • Full coverage — Every UI element styled
Why OpenCode

Crafted for Developers

Tokyo Night Palette

Carefully curated dark color scheme inspired by Tokyo Night. Easy on the eyes during long writing sessions.

Code-First Design

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

Full Coverage

Sidebars, modals, menus, source mode — every corner of your editor is styled with consistency.

Print Ready

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

Design Tokens

Color Palette

Background
#0d1117
Secondary
#161b22
Purple
#d19af8
Gold
#e5a030
Cyan
#5fd4bb
Blue
#7aa2f7
Green
#9ece6a
Red
#f7768e
Sky
#89ddff
Get Started

Installation

1

Download the Theme

Get the theme from GitHub Releases.

2

Open Obsidian Settings

Go to Settings → Appearance → Themes → Manage.

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: Preferences → Appearance → Open Theme Folder

3

Copy the Theme File

Place opencode.css into the theme folder.

4

Activate the Theme

Restart Typora and select OpenCode from Preferences → Appearance → Theme.

⚡ One-liner for AI Agents

Paste this into your AI coding assistant (Claude, Cursor, Copilot, etc.) to install both 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"

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