Yerba
Publisher: sebastian-j-ibanezThemes in package: 1
A warm, low-contrast dark theme with earthy tones.
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#181818
- activityBar.border#333333
- activityBar.foreground#bcbcbc
- activityBarBadge.background#6a9a6a
- activityBarBadge.foreground#000000
- badge.background#6a9a6a
- badge.foreground#000000
- button.background#6a9a6a
- button.foreground#000000
- button.hoverBackground#7aaa7a
- diffEditor.insertedTextBackground#6a9a6a20
- diffEditor.removedTextBackground#a05a4a20
- dropdown.background#222222
- dropdown.border#333333
- dropdown.foreground#bcbcbc
- editor.background#181818
- editor.foreground#bcbcbc
- editor.lineHighlightBackground#222222
- editor.selectionBackground#6a9a6a40
- editor.selectionHighlightBackground#6a9a6a25
- editorBracketMatch.background#22222200
- editorBracketMatch.border#6a9a6a
- editorCursor.foreground#bcbcbc
- editorError.foreground#a05a4a
- editorGroupHeader.tabsBackground#181818
- editorHint.foreground#3a3a3a
- editorIndentGuide.activeBackground#3a3a3a
- editorIndentGuide.background#333333
- editorInfo.foreground#909088
- editorLineNumber.activeForeground#6a9a6a
- editorLineNumber.foreground#333333
- editorRuler.foreground#222222
- editorWarning.foreground#b87848
- editorWhitespace.foreground#333333
- editorWidget.background#222222
- editorWidget.border#333333
- errorForeground#a05a4a
- focusBorder#333333
- foreground#bcbcbc
- gitDecoration.conflictingResourceForeground#a05a4a
- gitDecoration.deletedResourceForeground#a05a4a
- gitDecoration.ignoredResourceForeground#3a3a3a
- gitDecoration.modifiedResourceForeground#b87848
- gitDecoration.untrackedResourceForeground#6a9a6a
- input.background#222222
- input.border#333333
- input.foreground#bcbcbc
- input.placeholderForeground#686868
- inputOption.activeBorder#6a9a6a
- list.activeSelectionBackground#222222
- list.activeSelectionForeground#bcbcbc
- list.focusBackground#222222
- list.highlightForeground#6a9a6a
- list.hoverBackground#222222
- list.inactiveSelectionBackground#222222
- minimap.errorHighlight#a05a4a
- minimap.warningHighlight#b87848
- panel.background#181818
- panel.border#333333
- panelTitle.activeBorder#6a9a6a
- panelTitle.activeForeground#bcbcbc
- panelTitle.inactiveForeground#686868
- peekView.border#333333
- peekViewEditor.background#222222
- peekViewResult.background#181818
- peekViewResult.selectionBackground#222222
- peekViewTitle.background#222222
- peekViewTitleDescription.foreground#686868
- peekViewTitleLabel.foreground#bcbcbc
- scrollbarSlider.activeBackground#68686880
- scrollbarSlider.background#33333380
- scrollbarSlider.hoverBackground#3a3a3a80
- selection.background#3d5c3d
- sideBar.background#181818
- sideBar.border#333333
- sideBar.foreground#bcbcbc
- sideBarSectionHeader.background#222222
- sideBarSectionHeader.foreground#bcbcbc
- sideBarTitle.foreground#bcbcbc
- statusBar.background#333333
- statusBar.border#333333
- statusBar.debuggingBackground#a05a4a
- statusBar.debuggingForeground#bcbcbc
- statusBar.foreground#bcbcbc
- statusBar.noFolderBackground#222222
- tab.activeBackground#222222
- tab.activeForeground#bcbcbc
- tab.border#181818
- tab.inactiveBackground#181818
- tab.inactiveForeground#686868
- terminal.ansiBlack#000000
- terminal.ansiBlue#909088
- terminal.ansiBrightBlack#333333
- terminal.ansiBrightBlue#a0a098
- terminal.ansiBrightCyan#787878
- terminal.ansiBrightGreen#7aaa7a
- terminal.ansiBrightMagenta#b8a890
- terminal.ansiBrightRed#b86a5a
- terminal.ansiBrightWhite#d3d3d3
- terminal.ansiBrightYellow#c88858
- terminal.ansiCyan#686868
- terminal.ansiGreen#6a9a6a
- terminal.ansiMagenta#a89880
- terminal.ansiRed#a05a4a
- terminal.ansiWhite#bcbcbc
- terminal.ansiYellow#b87848
- terminal.background#181818
- terminal.foreground#bcbcbc
- terminal.selectionBackground#6a9a6a40
- terminalCursor.foreground#bcbcbc
- textLink.activeForeground#7aaa7a
- textLink.foreground#6a9a6a
- titleBar.activeBackground#181818
- titleBar.activeForeground#bcbcbc
- titleBar.inactiveBackground#181818
- titleBar.inactiveForeground#686868
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #686868 | |
| keyword, storage, storage.type, storage.modifier | #a05a4a | |
| keyword.other.directive, meta.preprocessor | #909088 | |
| entity.name.function, support.function | #6a9a6a | |
| entity.name.function.macro, support.function.macro | #a05a4a | |
| variable.language | #6a9a6a | |
| string | #a89880 | |
| string.regexp | #6a9a6a | |
| constant.numeric | #909088 | |
| constant.character.escape | #909088 | |
| entity.name.type, support.type | #bcbcbc | |
| support.type.builtin, storage.type.built-in | #909088 | |
| entity.name.type.enum, variable.other.enummember | #909088 | |
| keyword.operator | #b87848 | |
| punctuation | #686868 | |
| entity.other.attribute-name | #a89880 | |
| entity.name.tag | #b87848 | |
| entity.name.namespace, entity.name.module | #686868 | |
| constant, variable.other.constant | #bcbcbc | |
| entity.name.label | #b87848 | |
| variable | #bcbcbc | |
| markup.heading | #6a9a6a | |
| markup.list | #a05a4a | |
| markup.bold | #bcbcbc | |
| markup.italic | #bcbcbc | |
| markup.inline.raw, markup.fenced_code | #b87848 | |
| markup.quote | #686868 | |
| markup.underline.link | #a89880 |