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#f5efea
- activityBar.foreground#d4697a
- activityBarBadge.background#d4697a
- activityBarBadge.foreground#faf4f0
- badge.background#d4697a
- badge.foreground#faf4f0
- button.background#d4697a
- button.foreground#faf4f0
- button.hoverBackground#e08090
- descriptionForeground#8a7568
- editor.background#faf4f0
- editor.findMatchBackground#f5d0d0
- editor.findMatchHighlightBackground#f5d0d066
- editor.foreground#4a3728
- editor.inactiveSelectionBackground#f5e4e4
- editor.lineHighlightBackground#f0e8e0
- editor.lineHighlightBorder#f0e8e0
- editor.selectionBackground#f0d8d8
- editorBracketHighlight.foreground1#d4697a
- editorBracketHighlight.foreground2#e8a0bf
- editorBracketHighlight.foreground3#8a6d8a
- editorBracketHighlight.foreground4#c4a35a
- editorBracketHighlight.foreground5#5c8a6a
- editorBracketHighlight.foreground6#6a8ab0
- editorCursor.foreground#d4697a
- editorIndentGuide.activeBackground#8a7568
- editorIndentGuide.background#d0c4b8
- editorLineNumber.activeForeground#d4697a
- editorLineNumber.foreground#d0c4b8
- errorForeground#c44050
- focusBorder#d4697a
- foreground#4a3728
- gitDecoration.conflictingResourceForeground#c4a35a
- gitDecoration.deletedResourceForeground#c44050
- gitDecoration.ignoredResourceForeground#8a7568
- gitDecoration.modifiedResourceForeground#6a8ab0
- gitDecoration.untrackedResourceForeground#5c8a6a
- input.background#f0e8e0
- input.border#d0c4b8
- input.foreground#4a3728
- list.activeSelectionBackground#f5e4e4
- list.activeSelectionForeground#4a3728
- list.highlightForeground#d4697a
- list.hoverBackground#f0e8e0
- list.inactiveSelectionBackground#f0e8e0
- minimap.background#f5efea
- panel.background#f5efea
- panel.border#d0c4b8
- panelTitle.activeForeground#4a3728
- panelTitle.inactiveForeground#8a7568
- progressBar.background#e8a0bf
- scrollbar.shadow#00000030
- scrollbarSlider.background#d0c4b880
- scrollbarSlider.hoverBackground#8a756880
- sideBar.background#f5efea
- sideBarSectionHeader.background#faf4f0
- sideBarTitle.foreground#8a7568
- statusBar.background#f5efea
- statusBar.foreground#4a3728
- statusBar.noFolderBackground#f5efea
- statusBarItem.hoverBackground#f0e8e0
- tab.activeBackground#faf4f0
- tab.activeForeground#4a3728
- tab.inactiveBackground#f5efea
- tab.inactiveForeground#8a7568
- terminal.ansiBlack#3a2a1a
- terminal.ansiBlue#6a8ab0
- terminal.ansiBrightBlack#5a4a3a
- terminal.ansiBrightBlue#80a0c8
- terminal.ansiBrightCyan#f0b8d0
- terminal.ansiBrightGreen#70a880
- terminal.ansiBrightMagenta#e08898
- terminal.ansiBrightRed#e06070
- terminal.ansiBrightWhite#5a4a3a
- terminal.ansiBrightYellow#d8b870
- terminal.ansiCyan#e8a0bf
- terminal.ansiGreen#5c8a6a
- terminal.ansiMagenta#d4697a
- terminal.ansiRed#c44050
- terminal.ansiWhite#4a3728
- terminal.ansiYellow#c4a35a
- terminal.background#faf4f0
- terminal.foreground#4a3728
- titleBar.activeBackground#f5efea
- titleBar.activeForeground#4a3728
- widget.shadow#00000015
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #8a7568 | italic |
| string | #5c8a6a | — |
| string.regexp | #e8a0bf | — |
| constant.numeric | #c4a35a | — |
| constant.language | #c4a35a | — |
| constant.character.escape | #d4697a | — |
| variable.other.constant | #6a8ab0 | bold |
| keyword | #d4697a | — |
| keyword.control | #d4697a | — |
| keyword.operator | #8a6d8a | — |
| storage.type | #d4697a | — |
| storage.modifier | #d4697a | — |
| entity.name.function | #6a8ab0 | — |
| entity.name.type | #c4a35a | — |
| entity.name.class | #c4a35a | — |
| entity.name.tag | #d4697a | — |
| support.class | #c4a35a | — |
| support.function | #6a8ab0 | — |
| support.type | #d4697a | — |
| support.constant | #c4a35a | — |
| meta.function-call | #6a8ab0 | — |
| variable.parameter | #c4a35a | — |
| variable.language | #c44050 | — |
| variable.other | #3a2a1a | — |
| punctuation.definition.string | #5c8a6a | — |
| punctuation.definition.comment | #8a7568 | — |
| punctuation.separator | #8a6d8a | — |
| punctuation.terminator | #8a6d8a | — |
| punctuation.definition.block | #8a6d8a | — |
| punctuation.definition.parameters | #8a6d8a | — |
| invalid | #c44050 | bold |
| invalid.deprecated | #c4a35a | — |
| markup.heading | #6a8ab0 | bold |
| markup.bold | #c4a35a | bold |
| markup.italic | #d4697a | italic |
| markup.inline.raw | #5c8a6a | — |
| markup.link | #d4697a | — |
| markup.deleted | #c44050 | — |
| markup.inserted | #5c8a6a | — |
| markup.changed | #6a8ab0 | — |