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#141c10
- activityBar.foreground#8b9a46
- activityBarBadge.background#8b9a46
- activityBarBadge.foreground#1a2314
- badge.background#8b9a46
- badge.foreground#1a2314
- button.background#8b9a46
- button.foreground#1a2314
- button.hoverBackground#9aab56
- descriptionForeground#6b7a50
- editor.background#1a2314
- editor.findMatchBackground#4a5a30
- editor.findMatchHighlightBackground#4a5a3066
- editor.foreground#b8c4a0
- editor.inactiveSelectionBackground#2e3d22
- editor.lineHighlightBackground#253320
- editor.lineHighlightBorder#253320
- editor.selectionBackground#3a4a28
- editorBracketHighlight.foreground1#8b9a46
- editorBracketHighlight.foreground2#c4a35a
- editorBracketHighlight.foreground3#4a9c5d
- editorBracketHighlight.foreground4#d4a574
- editorBracketHighlight.foreground5#d46a6a
- editorBracketHighlight.foreground6#a0b868
- editorCursor.foreground#8b9a46
- editorIndentGuide.activeBackground#6b7a50
- editorIndentGuide.background#3a4a2a
- editorLineNumber.activeForeground#8b9a46
- editorLineNumber.foreground#3a4a2a
- errorForeground#d46a6a
- focusBorder#8b9a46
- foreground#b8c4a0
- gitDecoration.conflictingResourceForeground#c4a35a
- gitDecoration.deletedResourceForeground#d46a6a
- gitDecoration.ignoredResourceForeground#6b7a50
- gitDecoration.modifiedResourceForeground#4a9c5d
- gitDecoration.untrackedResourceForeground#8b9a46
- input.background#253320
- input.border#3a4a2a
- input.foreground#b8c4a0
- list.activeSelectionBackground#2e3d22
- list.activeSelectionForeground#b8c4a0
- list.highlightForeground#8b9a46
- list.hoverBackground#253320
- list.inactiveSelectionBackground#253320
- minimap.background#141c10
- panel.background#141c10
- panel.border#3a4a2a
- panelTitle.activeForeground#b8c4a0
- panelTitle.inactiveForeground#6b7a50
- progressBar.background#8b9a46
- scrollbar.shadow#000000
- scrollbarSlider.background#3a4a2a80
- scrollbarSlider.hoverBackground#6b7a5080
- sideBar.background#141c10
- sideBarSectionHeader.background#1a2314
- sideBarTitle.foreground#6b7a50
- statusBar.background#141c10
- statusBar.foreground#b8c4a0
- statusBar.noFolderBackground#141c10
- statusBarItem.hoverBackground#253320
- tab.activeBackground#1a2314
- tab.activeForeground#b8c4a0
- tab.inactiveBackground#141c10
- tab.inactiveForeground#6b7a50
- terminal.ansiBlack#3a4a2a
- terminal.ansiBlue#8b9a46
- terminal.ansiBrightBlack#6b7a50
- terminal.ansiBrightBlue#9aaa56
- terminal.ansiBrightCyan#7ac05a
- terminal.ansiBrightGreen#60b870
- terminal.ansiBrightMagenta#b0c878
- terminal.ansiBrightRed#e08080
- terminal.ansiBrightWhite#c8d4b0
- terminal.ansiBrightYellow#d4b870
- terminal.ansiCyan#6aaa4a
- terminal.ansiGreen#4a9c5d
- terminal.ansiMagenta#a0b868
- terminal.ansiRed#d46a6a
- terminal.ansiWhite#b8c4a0
- terminal.ansiYellow#c4a35a
- terminal.background#1a2314
- terminal.foreground#b8c4a0
- titleBar.activeBackground#141c10
- titleBar.activeForeground#b8c4a0
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6b7a50 | italic |
| string | #4a9c5d | — |
| string.regexp | #6aaa4a | — |
| constant.numeric | #c4a35a | — |
| constant.language | #c4a35a | — |
| constant.character.escape | #8b9a46 | — |
| variable.other.constant | #d4a574 | bold |
| keyword | #a0b868 | — |
| keyword.control | #a0b868 | — |
| keyword.operator | #8b9a46 | — |
| storage.type | #a0b868 | — |
| storage.modifier | #a0b868 | — |
| entity.name.function | #4a9c5d | — |
| entity.name.type | #c4a35a | — |
| entity.name.class | #c4a35a | — |
| entity.name.tag | #d46a6a | — |
| support.class | #c4a35a | — |
| support.function | #4a9c5d | — |
| support.type | #8b9a46 | — |
| support.constant | #c4a35a | — |
| meta.function-call | #4a9c5d | — |
| variable.parameter | #c4a35a | — |
| variable.language | #d46a6a | — |
| variable.other | #c8d4b0 | — |
| punctuation.definition.string | #4a9c5d | — |
| punctuation.definition.comment | #6b7a50 | — |
| punctuation.separator | #8b9a46 | — |
| punctuation.terminator | #8b9a46 | — |
| punctuation.definition.block | #8b9a46 | — |
| punctuation.definition.parameters | #8b9a46 | — |
| invalid | #d46a6a | bold |
| invalid.deprecated | #c4a35a | — |
| markup.heading | #4a9c5d | bold |
| markup.bold | #c4a35a | bold |
| markup.italic | #a0b868 | italic |
| markup.inline.raw | #4a9c5d | — |
| markup.link | #8b9a46 | — |
| markup.deleted | #d46a6a | — |
| markup.inserted | #4a9c5d | — |
| markup.changed | #8b9a46 | — |