Theme Changer Collection
Publisher: Tan XinThemes in package: 10
A curated collection of 10 unique VS Code themes — 8 dark themes and 2 light themes, with a quick theme switcher command.
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#231911
- activityBar.foreground#ffa657
- activityBarBadge.background#ff6b6b
- activityBarBadge.foreground#2d2016
- badge.background#ff6b6b
- badge.foreground#2d2016
- button.background#ff6b6b
- button.foreground#2d2016
- button.hoverBackground#ff8787
- descriptionForeground#7a6b5d
- editor.background#2d2016
- editor.findMatchBackground#7a4a2a
- editor.findMatchHighlightBackground#7a4a2a66
- editor.foreground#e6d5c3
- editor.inactiveSelectionBackground#4a2f1a
- editor.lineHighlightBackground#3d2e1e
- editor.lineHighlightBorder#3d2e1e
- editor.selectionBackground#5c3a20
- editorBracketHighlight.foreground1#ffa657
- editorBracketHighlight.foreground2#ff6b6b
- editorBracketHighlight.foreground3#f7768e
- editorBracketHighlight.foreground4#ffd8a3
- editorBracketHighlight.foreground5#e8a0bf
- editorBracketHighlight.foreground6#c4a35a
- editorCursor.foreground#ffa657
- editorIndentGuide.activeBackground#7a6b5d
- editorIndentGuide.background#5a4636
- editorLineNumber.activeForeground#ffa657
- editorLineNumber.foreground#5a4636
- errorForeground#ff6b6b
- focusBorder#ff6b6b
- foreground#e6d5c3
- gitDecoration.conflictingResourceForeground#f7768e
- gitDecoration.deletedResourceForeground#ff6b6b
- gitDecoration.ignoredResourceForeground#7a6b5d
- gitDecoration.modifiedResourceForeground#ffa657
- gitDecoration.untrackedResourceForeground#c4a35a
- input.background#3d2e1e
- input.border#5a4636
- input.foreground#e6d5c3
- list.activeSelectionBackground#4a2f1a
- list.activeSelectionForeground#e6d5c3
- list.highlightForeground#ffa657
- list.hoverBackground#3d2e1e
- list.inactiveSelectionBackground#3d2e1e
- minimap.background#231911
- panel.background#231911
- panel.border#5a4636
- panelTitle.activeForeground#e6d5c3
- panelTitle.inactiveForeground#7a6b5d
- progressBar.background#ffa657
- scrollbar.shadow#000000
- scrollbarSlider.background#5a463680
- scrollbarSlider.hoverBackground#7a6b5d80
- sideBar.background#231911
- sideBarSectionHeader.background#2d2016
- sideBarTitle.foreground#7a6b5d
- statusBar.background#231911
- statusBar.foreground#e6d5c3
- statusBar.noFolderBackground#231911
- statusBarItem.hoverBackground#3d2e1e
- tab.activeBackground#2d2016
- tab.activeForeground#e6d5c3
- tab.inactiveBackground#231911
- tab.inactiveForeground#7a6b5d
- terminal.ansiBlack#5a4636
- terminal.ansiBlue#e8a0bf
- terminal.ansiBrightBlack#7a6b5d
- terminal.ansiBrightBlue#f0b0d0
- terminal.ansiBrightCyan#ffa8a8
- terminal.ansiBrightGreen#ffd8a3
- terminal.ansiBrightMagenta#ff99aa
- terminal.ansiBrightRed#ff8787
- terminal.ansiBrightWhite#f5e6d6
- terminal.ansiBrightYellow#ffbd7a
- terminal.ansiCyan#ff8787
- terminal.ansiGreen#c4a35a
- terminal.ansiMagenta#f7768e
- terminal.ansiRed#ff6b6b
- terminal.ansiWhite#e6d5c3
- terminal.ansiYellow#ffa657
- terminal.background#2d2016
- terminal.foreground#e6d5c3
- titleBar.activeBackground#231911
- titleBar.activeForeground#e6d5c3
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #7a6b5d | italic |
| string | #c4a35a | — |
| string.regexp | #ff8787 | — |
| constant.numeric | #ffa657 | — |
| constant.language | #ffa657 | — |
| constant.character.escape | #ff6b6b | — |
| variable.other.constant | #ffd8a3 | bold |
| keyword | #f7768e | — |
| keyword.control | #f7768e | — |
| keyword.operator | #e8a0bf | — |
| storage.type | #f7768e | — |
| storage.modifier | #f7768e | — |
| entity.name.function | #ffa657 | — |
| entity.name.type | #ffd8a3 | — |
| entity.name.class | #ffd8a3 | — |
| entity.name.tag | #ff6b6b | — |
| support.class | #ffd8a3 | — |
| support.function | #ffa657 | — |
| support.type | #ff6b6b | — |
| support.constant | #ffa657 | — |
| meta.function-call | #ffa657 | — |
| variable.parameter | #ffd8a3 | — |
| variable.language | #ff6b6b | — |
| variable.other | #f5e6d6 | — |
| punctuation.definition.string | #c4a35a | — |
| punctuation.definition.comment | #7a6b5d | — |
| punctuation.separator | #e8a0bf | — |
| punctuation.terminator | #e8a0bf | — |
| punctuation.definition.block | #e8a0bf | — |
| punctuation.definition.parameters | #e8a0bf | — |
| invalid | #ff6b6b | bold |
| invalid.deprecated | #ffa657 | — |
| markup.heading | #ffa657 | bold |
| markup.bold | #ffd8a3 | bold |
| markup.italic | #f7768e | italic |
| markup.inline.raw | #c4a35a | — |
| markup.link | #ff6b6b | — |
| markup.deleted | #ff6b6b | — |
| markup.inserted | #c4a35a | — |
| markup.changed | #ffa657 | — |