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#140e0a
- activityBar.foreground#ff9e64
- activityBarBadge.background#ff9e64
- activityBarBadge.foreground#1c1410
- badge.background#ff9e64
- badge.foreground#1c1410
- button.background#ff9e64
- button.foreground#1c1410
- button.hoverBackground#ffb080
- descriptionForeground#7a6e58
- editor.background#1c1410
- editor.findMatchBackground#5a3a20
- editor.findMatchHighlightBackground#5a3a2066
- editor.foreground#d4c4a8
- editor.inactiveSelectionBackground#3e2214
- editor.lineHighlightBackground#2e1e14
- editor.lineHighlightBorder#2e1e14
- editor.selectionBackground#4a2a18
- editorBracketHighlight.foreground1#ff9e64
- editorBracketHighlight.foreground2#f7768e
- editorBracketHighlight.foreground3#e5c07b
- editorBracketHighlight.foreground4#d4a06a
- editorBracketHighlight.foreground5#c8553d
- editorBracketHighlight.foreground6#b8860b
- editorCursor.foreground#ff9e64
- editorIndentGuide.activeBackground#7a6e58
- editorIndentGuide.background#4a3828
- editorLineNumber.activeForeground#ff9e64
- editorLineNumber.foreground#4a3828
- errorForeground#f7768e
- focusBorder#ff9e64
- foreground#d4c4a8
- gitDecoration.conflictingResourceForeground#c8553d
- gitDecoration.deletedResourceForeground#f7768e
- gitDecoration.ignoredResourceForeground#7a6e58
- gitDecoration.modifiedResourceForeground#e5c07b
- gitDecoration.untrackedResourceForeground#d4a06a
- input.background#2e1e14
- input.border#4a3828
- input.foreground#d4c4a8
- list.activeSelectionBackground#3e2214
- list.activeSelectionForeground#d4c4a8
- list.highlightForeground#ff9e64
- list.hoverBackground#2e1e14
- list.inactiveSelectionBackground#2e1e14
- minimap.background#140e0a
- panel.background#140e0a
- panel.border#4a3828
- panelTitle.activeForeground#d4c4a8
- panelTitle.inactiveForeground#7a6e58
- progressBar.background#ff9e64
- scrollbar.shadow#000000
- scrollbarSlider.background#4a382880
- scrollbarSlider.hoverBackground#7a6e5880
- sideBar.background#140e0a
- sideBarSectionHeader.background#1c1410
- sideBarTitle.foreground#7a6e58
- statusBar.background#140e0a
- statusBar.foreground#d4c4a8
- statusBar.noFolderBackground#140e0a
- statusBarItem.hoverBackground#2e1e14
- tab.activeBackground#1c1410
- tab.activeForeground#d4c4a8
- tab.inactiveBackground#140e0a
- tab.inactiveForeground#7a6e58
- terminal.ansiBlack#4a3828
- terminal.ansiBlue#e5c07b
- terminal.ansiBrightBlack#7a6e58
- terminal.ansiBrightBlue#f0d090
- terminal.ansiBrightCyan#d0a020
- terminal.ansiBrightGreen#e8b878
- terminal.ansiBrightMagenta#e07050
- terminal.ansiBrightRed#ff9090
- terminal.ansiBrightWhite#e8dcc8
- terminal.ansiBrightYellow#ffb878
- terminal.ansiCyan#b8860b
- terminal.ansiGreen#d4a06a
- terminal.ansiMagenta#c8553d
- terminal.ansiRed#f7768e
- terminal.ansiWhite#d4c4a8
- terminal.ansiYellow#ff9e64
- terminal.background#1c1410
- terminal.foreground#d4c4a8
- titleBar.activeBackground#140e0a
- titleBar.activeForeground#d4c4a8
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #7a6e58 | italic |
| string | #d4a06a | — |
| string.regexp | #b8860b | — |
| constant.numeric | #ff9e64 | — |
| constant.language | #ff9e64 | — |
| constant.character.escape | #e5c07b | — |
| variable.other.constant | #e5c07b | bold |
| keyword | #f7768e | — |
| keyword.control | #f7768e | — |
| keyword.operator | #c8553d | — |
| storage.type | #f7768e | — |
| storage.modifier | #f7768e | — |
| entity.name.function | #ff9e64 | — |
| entity.name.type | #e5c07b | — |
| entity.name.class | #e5c07b | — |
| entity.name.tag | #f7768e | — |
| support.class | #e5c07b | — |
| support.function | #ff9e64 | — |
| support.type | #d4a06a | — |
| support.constant | #ff9e64 | — |
| meta.function-call | #ff9e64 | — |
| variable.parameter | #e5c07b | — |
| variable.language | #f7768e | — |
| variable.other | #e8dcc8 | — |
| punctuation.definition.string | #d4a06a | — |
| punctuation.definition.comment | #7a6e58 | — |
| punctuation.separator | #c8553d | — |
| punctuation.terminator | #c8553d | — |
| punctuation.definition.block | #c8553d | — |
| punctuation.definition.parameters | #c8553d | — |
| invalid | #f7768e | bold |
| invalid.deprecated | #e5c07b | — |
| markup.heading | #ff9e64 | bold |
| markup.bold | #e5c07b | bold |
| markup.italic | #f7768e | italic |
| markup.inline.raw | #d4a06a | — |
| markup.link | #ff9e64 | — |
| markup.deleted | #f7768e | — |
| markup.inserted | #d4a06a | — |
| markup.changed | #ff9e64 | — |