Automatically assign themes based on the LLM provider/model you're using across multiple code editors:

• OpenCode - Automatic theme switching
• VS Code - Complete theme extensions for each provider
• Claude Code - Model-aware environment configuration

Automatic Theme Switching:

# Launch with Claude - Orange theme applied
$ opencode -m anthropic/claude-sonnet-4-5
🎨 Theme: Anthropic (Orange) • Model: claude-sonnet-4-5

# Launch with Gemini - Yellow theme applied
$ opencode -m google/gemini-pro
🎨 Theme: Google (Yellow) • Model: gemini-pro

# Launch with local Qwen - Purple theme applied
$ opencode -m ollama/qwen2.5-coder
🎨 Theme: Ollama (Purple) • Model: qwen2.5-coder

Theme Preview:

Full theme switching with automatic model detection and 8 pre-configured provider themes.

Installation: Copy to ~/.config/opencode/ and use the wrapper script.

📖 OpenCode Setup Guide

Complete VS Code theme extensions for each AI provider with syntax highlighting, UI colors, and git decorations.

Installation: ./scripts/install-vscode-themes.sh --all

📖 VS Code Setup Guide

Model-aware environment configuration using SessionStart hooks. Sets environment variables and customizes terminal prompts.

Installation: ./scripts/setup-claude-code.sh

📖 Claude Code Setup Guide

This project provides scripts and theme configurations to dynamically switch your code editor's visual theme based on which AI model you're working with. Each provider gets a unique color scheme for better visual context and brand recognition.

• Multi-editor support - OpenCode, VS Code, and Claude Code
• Automatic theme switching based on model provider
• 8 pre-configured themes for major AI providers
• VS Code theme extensions with full syntax highlighting
• Claude Code hooks for environment customization
• Easy model addition with helper scripts
• Environment variable support for flexibility
• Extensible - add your own providers and themes

Choose your editor:

• OpenCode: See OpenCode Installation below
• VS Code: Run ./scripts/install-vscode-themes.sh --all or see VS Code README
• Claude Code: Run ./scripts/setup-claude-code.sh or see Claude Code README

# Clone or copy to your config directory
cp -r opencode ~/.config/

# Add the main script to your PATH
mkdir -p ~/bin
cp ~/.config/opencode/scripts/opencode-model-theme ~/bin/opencode
chmod +x ~/bin/opencode

# Ensure ~/bin is in your PATH
export PATH="$HOME/bin:$PATH"

# Launch OpenCode with automatic theme selection
opencode -m anthropic/claude-sonnet-4-5    # Uses orange theme
opencode -m google/gemini-pro              # Uses yellow theme
opencode -m ollama/qwen2.5-coder          # Uses purple theme

# Force a specific theme regardless of model
opencode -t deepseek -m anthropic/claude-opus-4

# List available themes
opencode -l

# Add a new model
~/.config/opencode/scripts/opencode-add-model provider/model-name "Display Name"

# Generate themes from OpenCode theme files
python3 scripts/generate-vscode-themes.py

# Install all themes
./scripts/install-vscode-themes.sh --all

# Install specific themes
./scripts/install-vscode-themes.sh anthropic google openai

# Then in VS Code: Cmd/Ctrl+Shift+P → "Color Theme" → Select your AI provider theme

# Setup for current project
./scripts/setup-claude-code.sh --local

# Setup globally for all projects
./scripts/setup-claude-code.sh --global

# The hook runs automatically on SessionStart
# Check environment variables:
echo $AI_PROVIDER        # e.g., "anthropic"
echo $AI_MODEL_THEME     # e.g., "Anthropic Claude"
echo $AI_THEME_COLOR     # e.g., "#FF6B35"

opencode-model-themes/
├── README.md                           # This file
├── scripts/
│   ├── opencode-add-model             # Helper to add new models (OpenCode)
│   ├── opencode-model-theme           # Main wrapper script (OpenCode)
│   ├── generate-vscode-themes.py      # Generate VS Code theme extensions
│   ├── install-vscode-themes.sh       # Install VS Code themes
│   └── setup-claude-code.sh           # Setup Claude Code integration
├── themes/                             # OpenCode theme JSON files
│   ├── README.md                      # Theme documentation
│   ├── anthropic.json                 # Claude/Anthropic theme
│   ├── deepseek.json                  # DeepSeek theme
│   ├── google.json                    # Gemini/Google theme
│   ├── groq.json                      # Groq theme
│   ├── ollama.json                    # Ollama/Local models theme
│   ├── openai.json                    # OpenAI/GPT theme
│   ├── perplexity.json                # Perplexity theme
│   └── xai.json                       # xAI/Grok theme
├── vscode-themes/                      # Generated VS Code extensions
│   ├── vscode-anthropic-theme/
│   ├── vscode-google-theme/
│   ├── vscode-openai-theme/
│   └── ... (8 themes total)
└── claude-code/                        # Claude Code integration
    ├── README.md                      # Claude Code setup guide
    └── hooks/
        └── session-start.sh           # SessionStart hook script

1. Create a theme file in ~/.config/opencode/themes/yourprovider.json
2. Edit scripts/opencode-model-theme and add your provider to the PROVIDER_THEMES mapping
3. Use it: opencode -m yourprovider/model-name

See themes/README.md for detailed theme creation instructions.

• OPENCODE_MODEL - Set default model (format: provider/model-id)
• OPENCODE_THEME - Force a specific theme
• OPENCODE_CONFIG - Custom config file path

Contributions welcome! To add a new provider theme:

1. Create the theme JSON file
2. Add provider mapping to the script
3. Test with a model from that provider
4. Submit a pull request

MIT

• OpenCode - The AI-powered code editor
• ai-tools-hub - Unified AI tools management system

Note: This is a community project and is not officially affiliated with OpenCode.