# Configure/themes

> Configuration for OpenCode themes - customizing the visual appearance of the TUI and desktop app

- Skill: `timsonner/configure-themes` (Agent Skill)
- Install (CLI): `npx skillmds@latest add timsonner/configure-themes`
- Raw SKILL.md: https://api.skillmd.com/api/skills/timsonner/configure-themes/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- License: MIT
- Author: timsonner (https://skillmd.com/u/timsonner)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/timsonner/configure-themes

---


# OpenCode Themes Configuration

Customize the visual appearance of OpenCode's Terminal User Interface (TUI) and desktop application.

## Overview

OpenCode supports customizable themes that allow you to change colors, styles, and visual elements to match your preferences or working environment.

## Theme Configuration

Themes can be configured through:
- Configuration files that specify color schemes and styles
- Built-in theme selection options
- Custom theme creation and sharing

## Available Themes

OpenCode comes with several built-in themes:
- **Dark**: Dark background with light text (default)
- **Light**: Light background with dark text
- **Auto**: Automatically switches based on system preferences
- Additional community-contributed themes may be available

## Configuring Themes

You can typically configure themes through:
- Settings menus in the TUI or desktop app
- Configuration files
- Command-line options when launching OpenCode

## Theme Elements

Themes typically customize:
- Background colors
- Text colors (primary, secondary, accent)
- Highlight colors for selections and active elements
- Border and separator colors
- Icons and visual indicators
- Syntax highlighting colors for code display

## Creating Custom Themes

To create a custom theme:
1. Identify the color variables used in OpenCode's interface
2. Create a theme specification with your preferred values
3. Apply the theme through OpenCode's theme system
4. Share your theme with others if desired

## Best Practices for Theme Selection

1. **Consider Lighting Conditions**: Choose themes that work well in your typical lighting environment
2. **Prioritize Readability**: Ensure sufficient contrast between text and background
3. **Reduce Eye Strain**: Consider themes that minimize blue light or harsh contrasts
4. **Match Your Workflow**: Some developers prefer different themes for different types of work
5. **Accessibility**: Consider color blindness and other accessibility needs

## Example Theme Preferences

### For Low-Light Environments
- Dark theme with carefully selected accent colors
- Reduced brightness to minimize eye strain in dark rooms

### For Bright Environments
- Light theme with dark text for maximum readability
- Possibly increased contrast for visibility in bright conditions

### For Extended Coding Sessions
- Themes designed to reduce eye fatigue
- Softer color palettes with less contrast between elements

### For Presentations or Screen Sharing
- Themes with high contrast and clear visibility
- Colors that display well on projectors or shared screens

## Relationship to Other Customization

Themes work alongside other OpenCode customization options:
- Keybinds: Customize keyboard shortcuts
- Commands: Create custom slash commands
- Formatters: Configure code formatting tools
- Overall config: Modify OpenCode's behavior through configuration files

By customizing themes, you can make OpenCode more comfortable and visually appealing for your specific working conditions and preferences.