Tangere
Publisher: Mihail DolghintevThemes in package: 2
A beautiful and legible color theme inspired by the Tangere terminal 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#0f1820
- activityBar.border#2f4656
- activityBar.foreground#8fb4cd
- activityBar.inactiveForeground#b2babf
- activityBarBadge.background#f2826d
- activityBarBadge.foreground#1a2938
- badge.background#f2826d
- badge.foreground#1a2938
- breadcrumb.activeSelectionForeground#8fb4cd
- breadcrumb.background#161f2d
- breadcrumb.focusForeground#fdfdd9
- breadcrumb.foreground#b2babf
- breadcrumbPicker.background#1f3a4d
- button.background#8fb4cd
- button.border#8fb4cd
- button.foreground#1a2938
- button.hoverBackground#a9c9cc
- button.secondaryBackground#2f4656
- button.secondaryForeground#fdfdd9
- button.secondaryHoverBackground#1f3a4d
- commandCenter.background#202d3d
- commandCenter.border#2f4656
- commandCenter.foreground#fdfdd9
- debugConsole.errorForeground#f2826d
- debugConsole.infoForeground#8fb4cd
- debugConsole.sourceForeground#fdfdd9
- debugConsole.warningForeground#e0ba70
- debugConsoleInputIcon.foreground#8fb4cd
- debugToolBar.background#0f1820
- debugToolBar.border#2f4656
- diffEditor.diagonalFill#8fb4cd40
- diffEditor.insertedTextBackground#6dafb540
- diffEditor.insertedTextBorder#6dafb5
- diffEditor.removedTextBackground#f2826d40
- diffEditor.removedTextBorder#f2826d
- dropdown.background#161f2d
- dropdown.border#2f4656
- dropdown.foreground#fdfdd9
- dropdown.listBackground#1f3a4d
- editor.background#1a2938
- editor.cursorForeground#8fb4cd
- editor.cursorLineNumberForeground#8fb4cd
- editor.findMatchBackground#b5843d
- editor.findMatchBorder#e0ba70
- editor.findMatchHighlightBackground#66542b
- editor.findRangeHighlightBackground#1f3a4d
- editor.foreground#fdfdd9
- editor.hoverHighlightBackground#1f3a4d
- editor.lineHighlightBackground#202d3d
- editor.lineHighlightBorder#2f4656
- editor.lineNumberActiveForeground#8fb4cd
- editor.lineNumberForeground#b2babf
- editor.rangeHighlightBackground#1f3a4d
- editor.selectionBackground#2f4656
- editor.selectionForeground#fdfdd9
- editor.selectionHighlightBackground#2f465650
- editor.wordHighlightBackground#1f3a4d
- editor.wordHighlightBorder#8fb4cd
- editor.wordHighlightStrongBackground#1f3a4d
- editorBracketMatch.background#b5843d
- editorBracketMatch.border#e0ba70
- editorCodeLens.foreground#b2babf
- editorCursorLine.background#202d3d
- editorError.border#f2826d
- editorError.foreground#f2826d
- editorGroup.border#2f4656
- editorGroup.emptyBackground#0f1820
- editorGroupHeader.border#2f4656
- editorGroupHeader.noTabsBackground#161f2d
- editorGroupHeader.tabsBackground#161f2d
- editorGroupHeader.tabsBorder#2f4656
- editorGutter.addedBackground#6dafb5
- editorGutter.background#161f2d
- editorGutter.deletedBackground#f2826d
- editorGutter.modifiedBackground#bb98d9
- editorHint.border#6dafb5
- editorHint.foreground#6dafb5
- editorIndentGuide.activeForground#b2babf
- editorIndentGuide.foreground#2f4656
- editorInfo.border#8fb4cd
- editorInfo.foreground#8fb4cd
- editorLightBulb.foreground#e0ba70
- editorLightBulbAutoFix.foreground#6dafb5
- editorMarkerNavigationError.background#f2826d
- editorMarkerNavigationInfo.background#8fb4cd
- editorMarkerNavigationWarning.background#e0ba70
- editorOverviewRuler.border#2f4656
- editorOverviewRuler.bracketMatchForeground#e0ba70
- editorOverviewRuler.errorChannel#f2826d
- editorOverviewRuler.infoChannel#8fb4cd
- editorOverviewRuler.warningChannel#e0ba70
- editorRuler.foreground#2f4656
- editorWarning.border#e0ba70
- editorWarning.foreground#e0ba70
- editorWhitespace.foreground#2f4656
- foreground#fdfdd9
- icon.foreground#b2babf
- input.background#202d3d
- input.border#2f4656
- input.foreground#fdfdd9
- input.placeholderForeground#b2babf
- inputOption.activeBackground#2f4656
- inputOption.activeBorder#8fb4cd
- inputOption.activeForeground#fdfdd9
- inputValidation.errorBackground#f2826d
- inputValidation.errorBorder#f2826d
- inputValidation.errorForeground#1a2938
- inputValidation.infoBackground#8fb4cd
- inputValidation.infoBorder#8fb4cd
- inputValidation.infoForeground#1a2938
- inputValidation.warningBackground#e0ba70
- inputValidation.warningBorder#e0ba70
- inputValidation.warningForeground#1a2938
- keybindingLabel.background#1f3a4d
- keybindingLabel.border#2f4656
- keybindingLabel.bottomBorder#b2babf
- keybindingLabel.foreground#fdfdd9
- list.activeSelectionBackground#2f4656
- list.activeSelectionForeground#fdfdd9
- list.dropBackground#2f4656
- list.focusBackground#2f4656
- list.focusForeground#fdfdd9
- list.hoverBackground#202d3d
- list.hoverForeground#fdfdd9
- list.inactiveFocusBackground#202d3d
- list.inactiveFocusForeground#fdfdd9
- list.inactiveSelectionBackground#1f3a4d
- list.inactiveSelectionForeground#fdfdd9
- listFilterWidget.background#1f3a4d
- listFilterWidget.noMatchesOutline#f2826d
- listFilterWidget.outline#e0ba70
- listFilterWidget.shadow#00000050
- menu.background#0f1820
- menu.border#2f4656
- menu.foreground#fdfdd9
- menu.separatorBackground#2f4656
- menubar.selectionBackground#2f4656
- menubar.selectionBorder#8fb4cd
- menubar.selectionForeground#fdfdd9
- merge.border#2f4656
- merge.commonContentBackground#e0ba7030
- merge.commonHeaderBackground#e0ba70
- merge.currentContentBackground#8fb4cd30
- merge.currentHeaderBackground#8fb4cd
- merge.incomingContentBackground#6dafb530
- merge.incomingHeaderBackground#6dafb5
- notification.background#0f1820
- notification.border#2f4656
- notification.foreground#fdfdd9
- notificationCenter.border#2f4656
- notificationCenterHeader.background#161f2d
- notificationCenterHeader.foreground#fdfdd9
- notificationLink.foreground#8fb4cd
- notificationToast.border#2f4656
- panel.background#161f2d
- panel.border#2f4656
- panel.dropBorder#e0ba70
- panelInput.border#2f4656
- panelTitle.activeBorder#8fb4cd
- panelTitle.activeForeground#fdfdd9
- panelTitle.inactiveForeground#b2babf
- progressBar.background#8fb4cd
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#8fb4cd
- scrollbarSlider.background#2f465680
- scrollbarSlider.hoverBackground#3f5a6d
- settings.headerForeground#8fb4cd
- settings.modifiedItemIndicator#f2826d
- settingsGroup.border#2f4656
- sideBar.background#161f2d
- sideBar.border#2f4656
- sideBar.foreground#fdfdd9
- sideBarSectionHeader.background#0f1820
- sideBarSectionHeader.border#2f4656
- sideBarSectionHeader.foreground#fdfdd9
- sideBarTitle.foreground#8fb4cd
- statusBar.background#0f1820
- statusBar.border#2f4656
- statusBar.debuggingBackground#bb98d9
- statusBar.debuggingBorder#8fb4cd
- statusBar.debuggingForeground#1a2938
- statusBar.foreground#fdfdd9
- statusBar.noFolderBackground#161f2d
- statusBar.noFolderBorder#2f4656
- statusBar.noFolderForeground#b2babf
- statusBarItem.activeBackground#2f4656
- statusBarItem.hoverBackground#1f3a4d
- statusBarItem.prominentBackground#1a2938
- statusBarItem.prominentForeground#f2826d
- statusBarItem.prominentHoverBackground#0f1820
- statusBarItem.remoteBackground#bb98d9
- statusBarItem.remoteForeground#1a2938
- statusBarItem.settingsModifiedIcon#f2826d
- tab.activeBackground#1a2938
- tab.activeBorder#8fb4cd
- tab.activeForeground#fdfdd9
- tab.activeModifiedBorder#f2826d
- tab.border#2f4656
- tab.hoverBackground#202d3d
- tab.inactiveBackground#0f1820
- tab.inactiveForeground#a9c9cc
- tab.inactiveModifiedBorder#e0ba70
- tab.unfocusedActiveBackground#0f1820
- tab.unfocusedActiveBorder#b2babf
- tab.unfocusedHoverBackground#202d3d
- tab.unfocusedInactiveBackground#0f1820
- terminal.ansiBlack#000000
- terminal.ansiBlue#8fb4cd
- terminal.ansiBrightBlack#b3b3b3
- terminal.ansiBrightBlue#8fb4cd
- terminal.ansiBrightCyan#a9c9cc
- terminal.ansiBrightGreen#6dafb5
- terminal.ansiBrightMagenta#bb98d9
- terminal.ansiBrightRed#f2826d
- terminal.ansiBrightWhite#2f4656
- terminal.ansiBrightYellow#ffdd99
- terminal.ansiCyan#b2babf
- terminal.ansiGreen#6dafb5
- terminal.ansiMagenta#bb98d9
- terminal.ansiRed#f2826d
- terminal.ansiWhite#e6e4d3
- terminal.ansiYellow#e0ba70
- terminal.background#1a2938
- terminal.foreground#fdfdd9
- terminal.selectionBackground#2f4656
- terminalCursor.background#b2babf
- terminalCursor.foreground#8fb4cd
- textCodeBlock.background#161f2d
- textLink.activeForeground#6dafb5
- textLink.foreground#8fb4cd
- textSeparator.foreground#2f4656
- walkThrough.embeddedEditorBackground#202d3d
- window.activeBorder#8fb4cd
- window.inactiveBorder#2f4656
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #b2babf | italic |
| comment.block.preprocessor | #b2babf | |
| comment.documentation, comment.block.documentation | #6dafb5 | — |
| invalid.illegal | #f2826d | underline |
| invalid.deprecated | #f2826d | italic |
| keyword.operator | #a9c9cc | — |
| keyword, storage | #8fb4cd | — |
| storage.type, support.type | #bb98d9 | — |
| constant.language, support.constant, variable.language | #e0ba70 | — |
| variable, support.variable | #fdfdd9 | — |
| entity.name.function, support.function | #6dafb5 | — |
| entity.name.type, entity.other.inherited-class, support.class | #bb98d9 | — |
| entity.name.exception | #f2826d | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #e0ba70 | — |
| string | #6dafb5 | — |
| constant.character.escape | #e0ba70 | — |
| string.regexp | #8fb4cd | — |
| constant.other.symbol | #e0ba70 | — |
| punctuation | #a9c9cc | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #b2babf | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #bb98d9 | — |
| entity.name.tag | #8fb4cd | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #bb98d9 | italic |
| constant.character.entity, punctuation.definition.entity | #e0ba70 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #bb98d9 | — |
| meta.property-name, support.type.property-name | #8fb4cd | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #6dafb5 | — |
| keyword.other.important | #f2826d | — |
| markup.changed | #e0ba70 | — |
| markup.deleted | #f2826d | — |
| markup.italic | — | italic |
| markup.error | #f2826d | — |
| markup.inserted | #6dafb5 | — |
| meta.link | #8fb4cd | — |
| markup.output, markup.raw | #a9c9cc | — |
| markup.prompt | #a9c9cc | — |
| markup.heading | #8fb4cd | — |
| markup.bold | — | bold |
| markup.traceback | #f2826d | — |
| markup.underline | — | underline |
| markup.quote | #bb98d9 | — |
| markup.list | #8fb4cd | — |
| markup.bold, markup.italic | #6dafb5 | — |
| markup.inline.raw | #e0ba70 | |
| meta.diff.range, meta.diff.index, meta.separator | #b2babf | — |
| meta.diff.header.from-file | #f2826d | — |
| meta.diff.header.to-file | #6dafb5 | — |