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#ede8d0
- activityBar.border#d1d1d1
- activityBar.foreground#223355
- activityBar.inactiveForeground#898e99
- activityBarBadge.background#9c341f
- activityBarBadge.foreground#fdfdfa
- badge.background#9c341f
- badge.foreground#fdfdfa
- breadcrumb.activeSelectionForeground#223355
- breadcrumb.background#f5f5f0
- breadcrumb.focusForeground#000000
- breadcrumb.foreground#4b5363
- breadcrumbPicker.background#ede8d0
- button.background#223355
- button.border#223355
- button.foreground#fdfdfa
- button.hoverBackground#3a5a8f
- button.secondaryBackground#d1d1d1
- button.secondaryForeground#000000
- button.secondaryHoverBackground#e8e8e0
- commandCenter.background#f9f9f6
- commandCenter.border#d1d1d1
- commandCenter.foreground#000000
- debugConsole.errorForeground#9c341f
- debugConsole.infoForeground#223355
- debugConsole.sourceForeground#000000
- debugConsole.warningForeground#805619
- debugConsoleInputIcon.foreground#223355
- debugToolBar.background#ede8d0
- debugToolBar.border#d1d1d1
- diffEditor.diagonalFill#22335530
- diffEditor.insertedTextBackground#6dafb530
- diffEditor.insertedTextBorder#004c73
- diffEditor.removedTextBackground#f2826d30
- diffEditor.removedTextBorder#9c341f
- dropdown.background#f5f5f0
- dropdown.border#d1d1d1
- dropdown.foreground#000000
- dropdown.listBackground#ede8d0
- editor.background#fdfdfa
- editor.cursorForeground#223355
- editor.cursorLineNumberForeground#223355
- editor.findMatchBackground#e0ba70
- editor.findMatchBorder#805619
- editor.findMatchHighlightBackground#f5d9a0
- editor.findRangeHighlightBackground#f0ede0
- editor.foreground#000000
- editor.hoverHighlightBackground#ede8d0
- editor.lineHighlightBackground#f9f9f6
- editor.lineHighlightBorder#e8e8e0
- editor.lineNumberActiveForeground#223355
- editor.lineNumberForeground#898e99
- editor.rangeHighlightBackground#f5f5f0
- editor.selectionBackground#d1d1d1
- editor.selectionForeground#000000
- editor.selectionHighlightBackground#e8e8e8
- editor.wordHighlightBackground#f5f5f0
- editor.wordHighlightBorder#223355
- editor.wordHighlightStrongBackground#ece8d0
- editorBracketMatch.background#e0ba70
- editorBracketMatch.border#805619
- editorCodeLens.foreground#898e99
- editorCursorLine.background#f9f9f6
- editorError.border#9c341f
- editorError.foreground#9c341f
- editorGroup.border#d1d1d1
- editorGroup.emptyBackground#f5f5f0
- editorGroupHeader.border#d1d1d1
- editorGroupHeader.noTabsBackground#f5f5f0
- editorGroupHeader.tabsBackground#f5f5f0
- editorGroupHeader.tabsBorder#d1d1d1
- editorGutter.addedBackground#004c73
- editorGutter.background#f9f9f6
- editorGutter.deletedBackground#9c341f
- editorGutter.modifiedBackground#8fb4cd
- editorHint.border#004c73
- editorHint.foreground#004c73
- editorIndentGuide.activeForground#898e99
- editorIndentGuide.foreground#d1d1d1
- editorInfo.border#223355
- editorInfo.foreground#223355
- editorLightBulb.foreground#805619
- editorLightBulbAutoFix.foreground#004c73
- editorMarkerNavigationError.background#9c341f
- editorMarkerNavigationInfo.background#223355
- editorMarkerNavigationWarning.background#805619
- editorOverviewRuler.border#d1d1d1
- editorOverviewRuler.bracketMatchForeground#805619
- editorOverviewRuler.errorChannel#9c341f
- editorOverviewRuler.infoChannel#223355
- editorOverviewRuler.warningChannel#805619
- editorRuler.foreground#d1d1d1
- editorWarning.border#805619
- editorWarning.foreground#805619
- editorWhitespace.foreground#d1d1d1
- foreground#000000
- icon.foreground#4b5363
- input.background#f9f9f6
- input.border#d1d1d1
- input.foreground#000000
- input.placeholderForeground#898e99
- inputOption.activeBackground#d1d1d1
- inputOption.activeBorder#223355
- inputOption.activeForeground#000000
- inputValidation.errorBackground#9c341f
- inputValidation.errorBorder#9c341f
- inputValidation.errorForeground#fdfdfa
- inputValidation.infoBackground#223355
- inputValidation.infoBorder#223355
- inputValidation.infoForeground#fdfdfa
- inputValidation.warningBackground#805619
- inputValidation.warningBorder#805619
- inputValidation.warningForeground#fdfdfa
- keybindingLabel.background#ede8d0
- keybindingLabel.border#d1d1d1
- keybindingLabel.bottomBorder#898e99
- keybindingLabel.foreground#000000
- list.activeSelectionBackground#d1d1d1
- list.activeSelectionForeground#000000
- list.dropBackground#e0ba70
- list.focusBackground#e0ba70
- list.focusForeground#000000
- list.hoverBackground#ede8d0
- list.hoverForeground#000000
- list.inactiveFocusBackground#ede8d0
- list.inactiveFocusForeground#000000
- list.inactiveSelectionBackground#e8e8e0
- list.inactiveSelectionForeground#000000
- listFilterWidget.background#ede8d0
- listFilterWidget.noMatchesOutline#9c341f
- listFilterWidget.outline#805619
- listFilterWidget.shadow#00000020
- merge.border#d1d1d1
- merge.commonContentBackground#e0ba7030
- merge.commonHeaderBackground#805619
- merge.currentContentBackground#8fb4cd30
- merge.currentHeaderBackground#223355
- merge.incomingContentBackground#6dafb530
- merge.incomingHeaderBackground#004c73
- notification.background#ede8d0
- notification.border#d1d1d1
- notification.foreground#000000
- notificationCenter.border#d1d1d1
- notificationCenterHeader.background#f5f5f0
- notificationCenterHeader.foreground#000000
- notificationLink.foreground#223355
- notificationToast.border#d1d1d1
- panel.background#f5f5f0
- panel.border#d1d1d1
- panel.dropBorder#805619
- panelInput.border#d1d1d1
- panelTitle.activeBorder#223355
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#4b5363
- progressBar.background#223355
- scrollbar.shadow#00000010
- scrollbarSlider.activeBackground#989890
- scrollbarSlider.background#d1d1d180
- scrollbarSlider.hoverBackground#c0c0b8
- settings.headerForeground#223355
- settings.modifiedItemIndicator#9c341f
- settingsGroup.border#d1d1d1
- sideBar.background#f5f5f0
- sideBar.border#d1d1d1
- sideBar.foreground#000000
- sideBarSectionHeader.background#ede8d0
- sideBarSectionHeader.border#d1d1d1
- sideBarSectionHeader.foreground#000000
- sideBarTitle.foreground#223355
- statusBar.background#ede8d0
- statusBar.border#d1d1d1
- statusBar.debuggingBackground#8fb4cd
- statusBar.debuggingBorder#223355
- statusBar.debuggingForeground#000000
- statusBar.foreground#000000
- statusBar.noFolderBackground#f5f5f0
- statusBar.noFolderBorder#d1d1d1
- statusBar.noFolderForeground#4b5363
- statusBarItem.activeBackground#d1d1d1
- statusBarItem.hoverBackground#e8e8e0
- statusBarItem.prominentBackground#fdfdfa
- statusBarItem.prominentForeground#9c341f
- statusBarItem.prominentHoverBackground#ede8d0
- statusBarItem.remoteBackground#8fb4cd
- statusBarItem.remoteForeground#000000
- statusBarItem.settingsModifiedIcon#9c341f
- tab.activeBackground#fdfdfa
- tab.activeBorder#223355
- tab.activeForeground#000000
- tab.activeModifiedBorder#9c341f
- tab.border#d1d1d1
- tab.hoverBackground#f5f5f0
- tab.inactiveBackground#ede8d0
- tab.inactiveForeground#4b5363
- tab.inactiveModifiedBorder#805619
- tab.unfocusedActiveBackground#ede8d0
- tab.unfocusedActiveBorder#898e99
- tab.unfocusedHoverBackground#f5f5f0
- tab.unfocusedInactiveBackground#ede8d0
- terminal.ansiBlack#ffffff
- terminal.ansiBlue#223355
- terminal.ansiBrightBlack#686868
- terminal.ansiBrightBlue#223355
- terminal.ansiBrightCyan#002a40
- terminal.ansiBrightGreen#004c73
- terminal.ansiBrightMagenta#663d52
- terminal.ansiBrightRed#9c341f
- terminal.ansiBrightWhite#d1d1d1
- terminal.ansiBrightYellow#40290a
- terminal.ansiCyan#4b5363
- terminal.ansiGreen#004c73
- terminal.ansiMagenta#663d52
- terminal.ansiRed#9c341f
- terminal.ansiWhite#898e99
- terminal.ansiYellow#805619
- terminal.background#fdfdfa
- terminal.foreground#000000
- terminal.selectionBackground#d1d1d1
- terminalCursor.background#898e99
- terminalCursor.foreground#223355
- textCodeBlock.background#f5f5f0
- textLink.activeForeground#004c73
- textLink.foreground#223355
- textSeparator.foreground#d1d1d1
- walkThrough.embeddedEditorBackground#f9f9f6
- window.activeBorder#223355
- window.inactiveBorder#d1d1d1
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #898e99 | italic |
| comment.block.preprocessor | #898e99 | |
| comment.documentation, comment.block.documentation | #004c73 | — |
| invalid.illegal | #9c341f | underline |
| invalid.deprecated | #9c341f | italic |
| keyword.operator | #4b5363 | — |
| keyword, storage | #223355 | — |
| storage.type, support.type | #663d52 | — |
| constant.language, support.constant, variable.language | #805619 | — |
| variable, support.variable | #000000 | — |
| entity.name.function, support.function | #004c73 | — |
| entity.name.type, entity.other.inherited-class, support.class | #663d52 | — |
| entity.name.exception | #9c341f | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #805619 | — |
| string | #004c73 | — |
| constant.character.escape | #805619 | — |
| string.regexp | #223355 | — |
| constant.other.symbol | #805619 | — |
| punctuation | #4b5363 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #898e99 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #663d52 | — |
| entity.name.tag | #223355 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #663d52 | italic |
| constant.character.entity, punctuation.definition.entity | #805619 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #663d52 | — |
| meta.property-name, support.type.property-name | #223355 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #004c73 | — |
| keyword.other.important | #9c341f | — |
| markup.changed | #805619 | — |
| markup.deleted | #9c341f | — |
| markup.italic | — | italic |
| markup.error | #9c341f | — |
| markup.inserted | #004c73 | — |
| meta.link | #223355 | — |
| markup.output, markup.raw | #4b5363 | — |
| markup.prompt | #4b5363 | — |
| markup.heading | #223355 | — |
| markup.bold | — | bold |
| markup.traceback | #9c341f | — |
| markup.underline | — | underline |
| markup.quote | #663d52 | — |
| markup.list | #223355 | — |
| markup.bold, markup.italic | #004c73 | — |
| markup.inline.raw | #805619 | |
| meta.diff.range, meta.diff.index, meta.separator | #898e99 | — |
| meta.diff.header.from-file | #9c341f | — |
| meta.diff.header.to-file | #004c73 | — |