OpenCode Theme (Unofficial)
Publisher: Jack ScottThemes in package: 2
An unofficial VS Code theme pack inspired by OpenCode's default dark interface and syntax palette.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#0a0a0a
- activityBar.border#282828
- activityBar.foreground#ff9649
- activityBar.inactiveForeground#9f9693
- activityBarBadge.background#ff9649
- activityBarBadge.foreground#0a0a0a
- badge.background#1e1e1e
- badge.foreground#ff9649
- breadcrumb.activeSelectionForeground#ff9649
- breadcrumb.background#0a0a0a
- breadcrumb.focusForeground#f6f0ef
- breadcrumb.foreground#9f9693
- button.background#ff9649
- button.foreground#0a0a0a
- button.hoverBackground#ffb38b
- button.secondaryBackground#1e1e1e
- button.secondaryForeground#f6f0ef
- button.secondaryHoverBackground#282828
- descriptionForeground#9f9693
- diffEditor.border#484848
- diffEditor.diagonalFill#282828
- diffEditor.insertedLineBackground#1d303e
- diffEditor.insertedTextBackground#1d303e
- diffEditor.removedLineBackground#38212c
- diffEditor.removedTextBackground#38212c
- diffEditor.unchangedRegionBackground#141414
- diffEditor.unchangedRegionForeground#a29996
- diffEditor.unchangedRegionShadow#0a0a0a00
- diffEditorGutter.insertedLineBackground#1e303c
- diffEditorGutter.removedLineBackground#38212c
- diffEditorOverview.insertedForeground#00cab0
- diffEditorOverview.removedForeground#ff6e81
- disabledForeground#9f9693
- dropdown.background#141414
- dropdown.border#484848
- dropdown.foreground#f6f0ef
- editor.background#0a0a0a
- editor.findMatchBackground#ff964955
- editor.findMatchBorder#ff9649
- editor.findMatchHighlightBackground#ff964922
- editor.foreground#f6f0ef
- editor.lineHighlightBackground#141414
- editor.lineHighlightBorder#28282800
- editor.selectionBackground#323232
- editor.selectionHighlightBackground#32323288
- editor.wordHighlightBackground#282828b8
- editor.wordHighlightStrongBackground#3c3c3cb8
- editorBracketHighlight.foreground1#ff9649
- editorBracketHighlight.foreground2#bc97ff
- editorBracketHighlight.foreground3#00bbcc
- editorBracketHighlight.foreground4#3ccd65
- editorBracketHighlight.foreground5#eaab00
- editorBracketHighlight.foreground6#f79d00
- editorCursor.foreground#ff9649
- editorError.foreground#ff7681
- editorGroup.border#282828
- editorGroup.dropBackground#1d303e99
- editorGroupHeader.noTabsBackground#0a0a0a
- editorGroupHeader.tabsBackground#0a0a0a
- editorGroupHeader.tabsBorder#282828
- editorGutter.addedBackground#00cab0
- editorGutter.background#0a0a0a
- editorGutter.deletedBackground#ff6e81
- editorGutter.modifiedBackground#ff9649
- editorIndentGuide.activeBackground1#606060
- editorIndentGuide.background1#282828
- editorLineNumber.activeForeground#ff9649
- editorLineNumber.foreground#606060
- editorOverviewRuler.addedForeground#00cab0
- editorOverviewRuler.border#0a0a0a
- editorOverviewRuler.deletedForeground#ff6e81
- editorOverviewRuler.modifiedForeground#ff9649
- editorWarning.foreground#f79d00
- editorWidget.background#141414
- editorWidget.border#484848
- editorWidget.foreground#f6f0ef
- errorForeground#ff7681
- focusBorder#606060
- foreground#f6f0ef
- gitDecoration.addedResourceForeground#00cab0
- gitDecoration.deletedResourceForeground#ff6e81
- gitDecoration.ignoredResourceForeground#606060
- gitDecoration.modifiedResourceForeground#ff9649
- gitDecoration.untrackedResourceForeground#00cab0
- input.background#141414
- input.border#3c3c3c
- input.foreground#f6f0ef
- input.placeholderForeground#9f9693
- inputOption.activeBackground#282828
- inputOption.activeBorder#ff9649
- inputValidation.errorBackground#38212c
- inputValidation.errorBorder#ff7681
- inputValidation.infoBackground#1d303e
- inputValidation.infoBorder#00bbcc
- inputValidation.warningBackground#312716
- inputValidation.warningBorder#f79d00
- list.activeSelectionBackground#282828
- list.activeSelectionForeground#f6f0ef
- list.dropBackground#1d303e99
- list.errorForeground#ff7681
- list.focusBackground#1e1e1e
- list.focusForeground#f6f0ef
- list.highlightForeground#ff9649
- list.hoverBackground#141414
- list.hoverForeground#f6f0ef
- list.inactiveSelectionBackground#1e1e1e
- list.inactiveSelectionForeground#f6f0ef
- list.warningForeground#f79d00
- menu.background#141414
- menu.foreground#f6f0ef
- menu.selectionBackground#282828
- menu.selectionForeground#f6f0ef
- menubar.selectionBackground#141414
- menubar.selectionForeground#f6f0ef
- merge.border#484848
- merge.currentContentBackground#1d303e
- merge.currentHeaderBackground#1e303c
- merge.incomingContentBackground#38212c
- merge.incomingHeaderBackground#38212c
- minimapGutter.addedBackground#00cab0
- minimapGutter.deletedBackground#ff6e81
- minimapGutter.modifiedBackground#ff9649
- notificationCenter.border#484848
- notificationCenterHeader.background#141414
- notifications.background#141414
- notifications.border#484848
- notifications.foreground#f6f0ef
- notificationsErrorIcon.foreground#ff7681
- notificationsInfoIcon.foreground#00bbcc
- notificationsWarningIcon.foreground#f79d00
- notificationToast.border#484848
- panel.background#0a0a0a
- panel.border#282828
- panelTitle.activeBorder#ff9649
- panelTitle.activeForeground#f6f0ef
- panelTitle.inactiveForeground#9f9693
- peekView.border#484848
- peekViewEditor.background#0a0a0a
- peekViewEditor.matchHighlightBackground#ff964944
- peekViewResult.background#141414
- peekViewResult.matchHighlightBackground#ff964944
- peekViewTitle.background#1e1e1e
- pickerGroup.border#282828
- pickerGroup.foreground#ff9649
- progressBar.background#ff9649
- quickInput.background#141414
- quickInput.foreground#f6f0ef
- quickInputTitle.background#1e1e1e
- scrollbar.shadow#0a0a0a00
- scrollbarSlider.activeBackground#606060cc
- scrollbarSlider.background#32323299
- scrollbarSlider.hoverBackground#484848cc
- selection.background#323232
- settings.headerForeground#ff9649
- settings.modifiedItemIndicator#ff9649
- sideBar.background#0a0a0a
- sideBar.border#282828
- sideBar.foreground#f6f0ef
- sideBarSectionHeader.background#141414
- sideBarSectionHeader.border#282828
- sideBarTitle.foreground#f6f0ef
- statusBar.background#0a0a0a
- statusBar.border#282828
- statusBar.debuggingBackground#bc97ff
- statusBar.debuggingForeground#0a0a0a
- statusBar.foreground#f6f0ef
- statusBar.noFolderBackground#0a0a0a
- statusBarItem.prominentBackground#1e1e1e
- statusBarItem.remoteBackground#ff9649
- statusBarItem.remoteForeground#0a0a0a
- tab.activeBackground#141414
- tab.activeBorderTop#ff9649
- tab.activeForeground#f6f0ef
- tab.border#282828
- tab.inactiveBackground#0a0a0a
- tab.inactiveForeground#9f9693
- tab.unfocusedActiveForeground#f6f0ef
- tab.unfocusedInactiveForeground#606060
- terminal.ansiBlack#0a0a0a
- terminal.ansiBlue#6ba9ff
- terminal.ansiBrightBlack#606060
- terminal.ansiBrightBlue#6ba9ff
- terminal.ansiBrightCyan#00bbcc
- terminal.ansiBrightGreen#3ccd65
- terminal.ansiBrightMagenta#bc97ff
- terminal.ansiBrightRed#ff7681
- terminal.ansiBrightWhite#f6f0ef
- terminal.ansiBrightYellow#eaab00
- terminal.ansiCyan#00bbcc
- terminal.ansiGreen#3ccd65
- terminal.ansiMagenta#bc97ff
- terminal.ansiRed#ff7681
- terminal.ansiWhite#f6f0ef
- terminal.ansiYellow#f79d00
- terminal.background#0a0a0a
- terminal.foreground#f6f0ef
- terminalCursor.foreground#ff9649
- textBlockQuote.background#141414
- textBlockQuote.border#484848
- textCodeBlock.background#141414
- textLink.activeForeground#ffb38b
- textLink.foreground#ff9649
- textPreformat.foreground#3ccd65
- titleBar.activeBackground#0a0a0a
- titleBar.activeForeground#f6f0ef
- titleBar.border#282828
- titleBar.inactiveBackground#0a0a0a
- titleBar.inactiveForeground#9f9693
- welcomePage.progress.background#1e1e1e
- welcomePage.progress.foreground#ff9649
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9d8f8b | italic |
| keyword, storage.type, storage.modifier, support.type.property-name.css | #bc97ff | italic |
| entity.name.function, support.function, meta.function-call, variable.function | #ff9649 | — |
| string, constant.other.symbol, markup.inline.raw.string | #3ccd65 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined | #f79d00 | — |
| entity.name.type, entity.name.class, entity.name.struct, support.class, support.type, meta.type.annotation | #eaab00 | — |
| variable, variable.other.readwrite, entity.name.variable | #ff8890 | — |
| variable.other.property, support.variable.property, meta.object-literal.key, property | #ff8890 | — |
| entity.other.attribute-name, meta.attribute, storage.type.annotation | #f79d00 | — |
| entity.name.tag, support.class.component | #ff7681 | — |
| punctuation.definition.tag | #00bdce | — |
| keyword.operator, punctuation.separator, punctuation.accessor | #00bdce | — |
| punctuation, meta.brace, meta.delimiter | #e4dcd9 | — |
| markup.heading, markup.heading entity.name | #be9bff | bold |
| markup.bold, markup.strong | #f6f0ef | bold |
| markup.italic | #eaab00 | italic |
| markup.list, punctuation.definition.list | #ff9649 | — |
| markup.raw.inline | #3ccd65 | — |
| markup.raw.block | #d4a800 | — |
| markup.underline.link | #ff9649 | — |
| string.other.link, markup.underline.link.image | #00c1d2 | — |
| markup.quote | #d69d02 | italic |
| markup.inserted, markup.diff.header.to-file, diff.plus | #00cab0 | — |
| markup.deleted, markup.diff.header.from-file, diff.minus | #ff6e81 | — |
| markup.changed, diff.delta | #8b9af2 | — |
| meta.diff.header, meta.diff.range, markup.diff | #909fff | — |
| punctuation.definition.inserted.diff | #a1d543 | — |
| punctuation.definition.deleted.diff | #ff828c | — |
| invalid | #ff7681 | — |