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#fab283
- activityBar.inactiveForeground#808080
- activityBarBadge.background#fab283
- activityBarBadge.foreground#0a0a0a
- badge.background#1e1e1e
- badge.foreground#fab283
- breadcrumb.activeSelectionForeground#fab283
- breadcrumb.background#0a0a0a
- breadcrumb.focusForeground#eeeeee
- breadcrumb.foreground#808080
- button.background#fab283
- button.foreground#0a0a0a
- button.hoverBackground#ffc09f
- button.secondaryBackground#1e1e1e
- button.secondaryForeground#eeeeee
- button.secondaryHoverBackground#282828
- descriptionForeground#808080
- diffEditor.border#484848
- diffEditor.diagonalFill#282828
- diffEditor.insertedLineBackground#20303b
- diffEditor.insertedTextBackground#20303b
- diffEditor.removedLineBackground#37222c
- diffEditor.removedTextBackground#37222c
- diffEditor.unchangedRegionBackground#141414
- diffEditor.unchangedRegionForeground#8f8f8f
- diffEditor.unchangedRegionShadow#0a0a0a00
- diffEditorGutter.insertedLineBackground#1b2b34
- diffEditorGutter.removedLineBackground#2d1f26
- diffEditorOverview.insertedForeground#4fd6be
- diffEditorOverview.removedForeground#c53b53
- disabledForeground#808080
- dropdown.background#141414
- dropdown.border#484848
- dropdown.foreground#eeeeee
- editor.background#0a0a0a
- editor.findMatchBackground#fab28355
- editor.findMatchBorder#fab283
- editor.findMatchHighlightBackground#fab28322
- editor.foreground#eeeeee
- editor.lineHighlightBackground#141414
- editor.lineHighlightBorder#28282800
- editor.selectionBackground#323232
- editor.selectionHighlightBackground#32323288
- editor.wordHighlightBackground#282828b8
- editor.wordHighlightStrongBackground#3c3c3cb8
- editorBracketHighlight.foreground1#fab283
- editorBracketHighlight.foreground2#9d7cd8
- editorBracketHighlight.foreground3#56b6c2
- editorBracketHighlight.foreground4#7fd88f
- editorBracketHighlight.foreground5#e5c07b
- editorBracketHighlight.foreground6#f5a742
- editorCursor.foreground#fab283
- editorError.foreground#e06c75
- editorGroup.border#282828
- editorGroup.dropBackground#20303b99
- editorGroupHeader.noTabsBackground#0a0a0a
- editorGroupHeader.tabsBackground#0a0a0a
- editorGroupHeader.tabsBorder#282828
- editorGutter.addedBackground#4fd6be
- editorGutter.background#0a0a0a
- editorGutter.deletedBackground#c53b53
- editorGutter.modifiedBackground#fab283
- editorIndentGuide.activeBackground1#606060
- editorIndentGuide.background1#282828
- editorLineNumber.activeForeground#fab283
- editorLineNumber.foreground#606060
- editorOverviewRuler.addedForeground#4fd6be
- editorOverviewRuler.border#0a0a0a
- editorOverviewRuler.deletedForeground#c53b53
- editorOverviewRuler.modifiedForeground#fab283
- editorWarning.foreground#f5a742
- editorWidget.background#141414
- editorWidget.border#484848
- editorWidget.foreground#eeeeee
- errorForeground#e06c75
- focusBorder#606060
- foreground#eeeeee
- gitDecoration.addedResourceForeground#4fd6be
- gitDecoration.deletedResourceForeground#c53b53
- gitDecoration.ignoredResourceForeground#606060
- gitDecoration.modifiedResourceForeground#fab283
- gitDecoration.untrackedResourceForeground#4fd6be
- input.background#141414
- input.border#3c3c3c
- input.foreground#eeeeee
- input.placeholderForeground#808080
- inputOption.activeBackground#282828
- inputOption.activeBorder#fab283
- inputValidation.errorBackground#37222c
- inputValidation.errorBorder#e06c75
- inputValidation.infoBackground#20303b
- inputValidation.infoBorder#56b6c2
- inputValidation.warningBackground#2d281f
- inputValidation.warningBorder#f5a742
- list.activeSelectionBackground#282828
- list.activeSelectionForeground#eeeeee
- list.dropBackground#20303b99
- list.errorForeground#e06c75
- list.focusBackground#1e1e1e
- list.focusForeground#eeeeee
- list.highlightForeground#fab283
- list.hoverBackground#141414
- list.hoverForeground#eeeeee
- list.inactiveSelectionBackground#1e1e1e
- list.inactiveSelectionForeground#eeeeee
- list.warningForeground#f5a742
- menu.background#141414
- menu.foreground#eeeeee
- menu.selectionBackground#282828
- menu.selectionForeground#eeeeee
- menubar.selectionBackground#141414
- menubar.selectionForeground#eeeeee
- merge.border#484848
- merge.currentContentBackground#20303b
- merge.currentHeaderBackground#1b2b34
- merge.incomingContentBackground#37222c
- merge.incomingHeaderBackground#2d1f26
- minimapGutter.addedBackground#4fd6be
- minimapGutter.deletedBackground#c53b53
- minimapGutter.modifiedBackground#fab283
- notificationCenter.border#484848
- notificationCenterHeader.background#141414
- notifications.background#141414
- notifications.border#484848
- notifications.foreground#eeeeee
- notificationsErrorIcon.foreground#e06c75
- notificationsInfoIcon.foreground#56b6c2
- notificationsWarningIcon.foreground#f5a742
- notificationToast.border#484848
- panel.background#0a0a0a
- panel.border#282828
- panelTitle.activeBorder#fab283
- panelTitle.activeForeground#eeeeee
- panelTitle.inactiveForeground#808080
- peekView.border#484848
- peekViewEditor.background#0a0a0a
- peekViewEditor.matchHighlightBackground#fab28344
- peekViewResult.background#141414
- peekViewResult.matchHighlightBackground#fab28344
- peekViewTitle.background#1e1e1e
- pickerGroup.border#282828
- pickerGroup.foreground#fab283
- progressBar.background#fab283
- quickInput.background#141414
- quickInput.foreground#eeeeee
- quickInputTitle.background#1e1e1e
- scrollbar.shadow#0a0a0a00
- scrollbarSlider.activeBackground#606060cc
- scrollbarSlider.background#32323299
- scrollbarSlider.hoverBackground#484848cc
- selection.background#323232
- settings.headerForeground#fab283
- settings.modifiedItemIndicator#fab283
- sideBar.background#0a0a0a
- sideBar.border#282828
- sideBar.foreground#eeeeee
- sideBarSectionHeader.background#141414
- sideBarSectionHeader.border#282828
- sideBarTitle.foreground#eeeeee
- statusBar.background#0a0a0a
- statusBar.border#282828
- statusBar.debuggingBackground#9d7cd8
- statusBar.debuggingForeground#0a0a0a
- statusBar.foreground#eeeeee
- statusBar.noFolderBackground#0a0a0a
- statusBarItem.prominentBackground#1e1e1e
- statusBarItem.remoteBackground#fab283
- statusBarItem.remoteForeground#0a0a0a
- tab.activeBackground#141414
- tab.activeBorderTop#fab283
- tab.activeForeground#eeeeee
- tab.border#282828
- tab.inactiveBackground#0a0a0a
- tab.inactiveForeground#808080
- tab.unfocusedActiveForeground#eeeeee
- tab.unfocusedInactiveForeground#606060
- terminal.ansiBlack#0a0a0a
- terminal.ansiBlue#5c9cf5
- terminal.ansiBrightBlack#606060
- terminal.ansiBrightBlue#5c9cf5
- terminal.ansiBrightCyan#56b6c2
- terminal.ansiBrightGreen#7fd88f
- terminal.ansiBrightMagenta#9d7cd8
- terminal.ansiBrightRed#e06c75
- terminal.ansiBrightWhite#eeeeee
- terminal.ansiBrightYellow#e5c07b
- terminal.ansiCyan#56b6c2
- terminal.ansiGreen#7fd88f
- terminal.ansiMagenta#9d7cd8
- terminal.ansiRed#e06c75
- terminal.ansiWhite#eeeeee
- terminal.ansiYellow#f5a742
- terminal.background#0a0a0a
- terminal.foreground#eeeeee
- terminalCursor.foreground#fab283
- textBlockQuote.background#141414
- textBlockQuote.border#484848
- textCodeBlock.background#141414
- textLink.activeForeground#ffc09f
- textLink.foreground#fab283
- textPreformat.foreground#7fd88f
- titleBar.activeBackground#0a0a0a
- titleBar.activeForeground#eeeeee
- titleBar.border#282828
- titleBar.inactiveBackground#0a0a0a
- titleBar.inactiveForeground#808080
- welcomePage.progress.background#1e1e1e
- welcomePage.progress.foreground#fab283
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #808080 | italic |
| keyword, storage.type, storage.modifier, support.type.property-name.css | #9d7cd8 | italic |
| entity.name.function, support.function, meta.function-call, variable.function | #fab283 | — |
| string, constant.other.symbol, markup.inline.raw.string | #7fd88f | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined | #f5a742 | — |
| entity.name.type, entity.name.class, entity.name.struct, support.class, support.type, meta.type.annotation | #e5c07b | — |
| variable, variable.other.readwrite, entity.name.variable | #e06c75 | — |
| variable.other.property, support.variable.property, meta.object-literal.key, property | #e06c75 | — |
| entity.other.attribute-name, meta.attribute, storage.type.annotation | #f5a742 | — |
| entity.name.tag, support.class.component | #e06c75 | — |
| punctuation.definition.tag | #56b6c2 | — |
| keyword.operator, punctuation.separator, punctuation.accessor | #56b6c2 | — |
| punctuation, meta.brace, meta.delimiter | #eeeeee | — |
| markup.heading, markup.heading entity.name | #9d7cd8 | bold |
| markup.bold, markup.strong | #f5a742 | bold |
| markup.italic | #e5c07b | italic |
| markup.list, punctuation.definition.list | #fab283 | — |
| markup.raw.inline | #7fd88f | — |
| markup.raw.block | #eeeeee | — |
| markup.underline.link | #fab283 | — |
| string.other.link, markup.underline.link.image | #56b6c2 | — |
| markup.quote | #e5c07b | italic |
| markup.inserted, markup.diff.header.to-file, diff.plus | #4fd6be | — |
| markup.deleted, markup.diff.header.from-file, diff.minus | #c53b53 | — |
| markup.changed, diff.delta | #828bb8 | — |
| meta.diff.header, meta.diff.range, markup.diff | #828bb8 | — |
| punctuation.definition.inserted.diff | #b8db87 | — |
| punctuation.definition.deleted.diff | #e26a75 | — |
| invalid | #e06c75 | — |