| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [Original HTTPS Page] |
| Name | Name | Last commit date | ||
|---|---|---|---|---|
OpenCode theme ports of the built-in VS Code themes from the vscode.theme-defaults extension.
Each theme includes both dark and light variants. OpenCode automatically selects the appropriate variant based on your terminal's background color.
| Theme | Dark variant source | Light variant source | Description |
|---|---|---|---|
| vscode-modern | Dark Modern | Light Modern | The current default VS Code theme. Slightly lighter dark background (#1F1F1F), modern blue accents. |
| vscode-plus | Dark+ | Light+ | The previous default. Enhanced syntax highlighting with distinct colors for functions, types, and variables. |
| vscode-vs | Dark Visual Studio | Light Visual Studio | Classic Visual Studio colors. Simpler syntax highlighting with fewer token distinctions. |
| vscode-hc | High Contrast Dark | High Contrast Light | Accessibility-focused high contrast theme. Pure black dark mode, strong borders. |
Run the install script:
curl -fsSL https://raw.githubusercontent.com/regen45t/opencode-vscode-themes/main/install.sh | bashOr clone and copy manually:
git clone https://github.com/regen45t/opencode-vscode-themes.git
mkdir -p ~/.config/opencode/themes
cp opencode-vscode-themes/*.json ~/.config/opencode/themes/Then select a theme via the /theme command in OpenCode, or set it in your config:
{
"$schema": "https://opencode.ai/config.json",
"theme": "vscode-modern"
}VS Code themes define hundreds of granular UI and token colors. OpenCode themes use a smaller, more focused set of properties. Here's how the VS Code colors were mapped:
| OpenCode property | VS Code source |
|---|---|
| background | editor.background |
| backgroundPanel | panel.background / sideBar.background |
| backgroundElement | input.background / editorWidget.background |
| text | foreground / editor.foreground |
| textMuted | descriptionForeground / panelTitle.inactiveForeground |
| primary | focusBorder / activityBar.activeBorder |
| border | panel.border / sideBar.border |
| syntaxComment | comment token scope |
| syntaxKeyword | keyword / storage token scopes |
| syntaxFunction | entity.name.function / support.function token scopes |
| syntaxVariable | variable / meta.definition.variable.name token scopes |
| syntaxString | string token scope |
| syntaxNumber | constant.numeric token scope |
| syntaxType | support.type / entity.name.type token scopes |
All colors are derived from the microsoft/vscode repository, specifically the extensions/theme-defaults/themes/ directory.
The original VS Code themes are licensed under the MIT License by Microsoft Corporation.
| Back | FazBrowse Home | New Git URL |