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#171424
- activityBar.foreground#cba6f7
- activityBarBadge.background#cba6f7
- activityBarBadge.foreground#1e1b2e
- badge.background#cba6f7
- badge.foreground#1e1b2e
- button.background#cba6f7
- button.foreground#1e1b2e
- button.hoverBackground#ddb8ff
- descriptionForeground#6c6888
- editor.background#1e1b2e
- editor.findMatchBackground#4a3f6a
- editor.findMatchHighlightBackground#4a3f6a66
- editor.foreground#c9c4d8
- editor.inactiveSelectionBackground#332e50
- editor.lineHighlightBackground#2a2640
- editor.lineHighlightBorder#2a2640
- editor.selectionBackground#3d3460
- editorBracketHighlight.foreground1#b4befe
- editorBracketHighlight.foreground2#cba6f7
- editorBracketHighlight.foreground3#f5c2e7
- editorBracketHighlight.foreground4#f9e2af
- editorBracketHighlight.foreground5#f38ba8
- editorBracketHighlight.foreground6#a6e3a1
- editorCursor.foreground#cba6f7
- editorIndentGuide.activeBackground#6c6888
- editorIndentGuide.background#3e3858
- editorLineNumber.activeForeground#cba6f7
- editorLineNumber.foreground#3e3858
- errorForeground#f38ba8
- focusBorder#b4befe
- foreground#c9c4d8
- gitDecoration.conflictingResourceForeground#f9e2af
- gitDecoration.deletedResourceForeground#f38ba8
- gitDecoration.ignoredResourceForeground#6c6888
- gitDecoration.modifiedResourceForeground#b4befe
- gitDecoration.untrackedResourceForeground#a6e3a1
- input.background#2a2640
- input.border#3e3858
- input.foreground#c9c4d8
- list.activeSelectionBackground#332e50
- list.activeSelectionForeground#c9c4d8
- list.highlightForeground#cba6f7
- list.hoverBackground#2a2640
- list.inactiveSelectionBackground#2a2640
- minimap.background#171424
- panel.background#171424
- panel.border#3e3858
- panelTitle.activeForeground#c9c4d8
- panelTitle.inactiveForeground#6c6888
- progressBar.background#b4befe
- scrollbar.shadow#000000
- scrollbarSlider.background#3e385880
- scrollbarSlider.hoverBackground#6c688880
- sideBar.background#171424
- sideBarSectionHeader.background#1e1b2e
- sideBarTitle.foreground#6c6888
- statusBar.background#171424
- statusBar.foreground#c9c4d8
- statusBar.noFolderBackground#171424
- statusBarItem.hoverBackground#2a2640
- tab.activeBackground#1e1b2e
- tab.activeForeground#c9c4d8
- tab.inactiveBackground#171424
- tab.inactiveForeground#6c6888
- terminal.ansiBlack#3e3858
- terminal.ansiBlue#b4befe
- terminal.ansiBrightBlack#6c6888
- terminal.ansiBrightBlue#c8ccff
- terminal.ansiBrightCyan#ffd0f0
- terminal.ansiBrightGreen#b8f0b0
- terminal.ansiBrightMagenta#ddb8ff
- terminal.ansiBrightRed#ffa0be
- terminal.ansiBrightWhite#ddd8ee
- terminal.ansiBrightYellow#fce8c0
- terminal.ansiCyan#f5c2e7
- terminal.ansiGreen#a6e3a1
- terminal.ansiMagenta#cba6f7
- terminal.ansiRed#f38ba8
- terminal.ansiWhite#c9c4d8
- terminal.ansiYellow#f9e2af
- terminal.background#1e1b2e
- terminal.foreground#c9c4d8
- titleBar.activeBackground#171424
- titleBar.activeForeground#c9c4d8
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6c6888 | italic |
| string | #a6e3a1 | — |
| string.regexp | #f5c2e7 | — |
| constant.numeric | #f9e2af | — |
| constant.language | #f9e2af | — |
| constant.character.escape | #b4befe | — |
| variable.other.constant | #f9e2af | bold |
| keyword | #cba6f7 | — |
| keyword.control | #cba6f7 | — |
| keyword.operator | #b4befe | — |
| storage.type | #cba6f7 | — |
| storage.modifier | #cba6f7 | — |
| entity.name.function | #b4befe | — |
| entity.name.type | #f9e2af | — |
| entity.name.class | #f9e2af | — |
| entity.name.tag | #f38ba8 | — |
| support.class | #f9e2af | — |
| support.function | #b4befe | — |
| support.type | #b4befe | — |
| support.constant | #f9e2af | — |
| meta.function-call | #b4befe | — |
| variable.parameter | #f9e2af | — |
| variable.language | #f38ba8 | — |
| variable.other | #ddd8ee | — |
| punctuation.definition.string | #a6e3a1 | — |
| punctuation.definition.comment | #6c6888 | — |
| punctuation.separator | #b4befe | — |
| punctuation.terminator | #b4befe | — |
| punctuation.definition.block | #b4befe | — |
| punctuation.definition.parameters | #b4befe | — |
| invalid | #f38ba8 | bold |
| invalid.deprecated | #f9e2af | — |
| markup.heading | #b4befe | bold |
| markup.bold | #f9e2af | bold |
| markup.italic | #cba6f7 | italic |
| markup.inline.raw | #a6e3a1 | — |
| markup.link | #b4befe | — |
| markup.deleted | #f38ba8 | — |
| markup.inserted | #a6e3a1 | — |
| markup.changed | #b4befe | — |