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#13131f
- activityBar.foreground#73daca
- activityBarBadge.background#73daca
- activityBarBadge.foreground#1a1b26
- badge.background#73daca
- badge.foreground#1a1b26
- button.background#73daca
- button.foreground#1a1b26
- button.hoverBackground#5ac4b4
- descriptionForeground#565f89
- editor.background#1a1b26
- editor.findMatchBackground#3d59a1
- editor.findMatchHighlightBackground#3d59a166
- editor.foreground#a9b1d6
- editor.inactiveSelectionBackground#2d3557
- editor.lineHighlightBackground#292e42
- editor.lineHighlightBorder#292e42
- editor.selectionBackground#33467c
- editorBracketHighlight.foreground1#7dcfff
- editorBracketHighlight.foreground2#73daca
- editorBracketHighlight.foreground3#bb9af7
- editorBracketHighlight.foreground4#e0af68
- editorBracketHighlight.foreground5#f7768e
- editorBracketHighlight.foreground6#9ece6a
- editorCursor.foreground#73daca
- editorIndentGuide.activeBackground#565f89
- editorIndentGuide.background#3b4261
- editorLineNumber.activeForeground#73daca
- editorLineNumber.foreground#3b4261
- errorForeground#f7768e
- focusBorder#73daca
- foreground#a9b1d6
- gitDecoration.conflictingResourceForeground#e0af68
- gitDecoration.deletedResourceForeground#f7768e
- gitDecoration.ignoredResourceForeground#565f89
- gitDecoration.modifiedResourceForeground#7dcfff
- gitDecoration.untrackedResourceForeground#9ece6a
- input.background#23253a
- input.border#3b4261
- input.foreground#a9b1d6
- list.activeSelectionBackground#2d3557
- list.activeSelectionForeground#a9b1d6
- list.highlightForeground#73daca
- list.hoverBackground#292e42
- list.inactiveSelectionBackground#23253a
- minimap.background#16161e
- panel.background#13131f
- panel.border#3b4261
- panelTitle.activeForeground#a9b1d6
- panelTitle.inactiveForeground#565f89
- progressBar.background#73daca
- scrollbar.shadow#000000
- scrollbarSlider.background#3b426180
- scrollbarSlider.hoverBackground#565f8980
- sideBar.background#13131f
- sideBarSectionHeader.background#1a1b26
- sideBarTitle.foreground#565f89
- statusBar.background#13131f
- statusBar.foreground#a9b1d6
- statusBar.noFolderBackground#13131f
- statusBarItem.hoverBackground#292e42
- tab.activeBackground#1a1b26
- tab.activeForeground#a9b1d6
- tab.inactiveBackground#13131f
- tab.inactiveForeground#565f89
- terminal.ansiBlack#3b4261
- terminal.ansiBlue#7dcfff
- terminal.ansiBrightBlack#3b4261
- terminal.ansiBrightBlue#7dcfff
- terminal.ansiBrightCyan#73daca
- terminal.ansiBrightGreen#9ece6a
- terminal.ansiBrightMagenta#bb9af7
- terminal.ansiBrightRed#f7768e
- terminal.ansiBrightWhite#c0caf5
- terminal.ansiBrightYellow#e0af68
- terminal.ansiCyan#73daca
- terminal.ansiGreen#9ece6a
- terminal.ansiMagenta#bb9af7
- terminal.ansiRed#f7768e
- terminal.ansiWhite#a9b1d6
- terminal.ansiYellow#e0af68
- terminal.background#1a1b26
- terminal.foreground#a9b1d6
- titleBar.activeBackground#13131f
- titleBar.activeForeground#a9b1d6
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #565f89 | italic |
| string | #9ece6a | — |
| string.regexp | #b4f9f8 | — |
| constant.numeric | #ff9e64 | — |
| constant.language | #ff9e64 | — |
| constant.character.escape | #73daca | — |
| variable.other.constant | #e0af68 | bold |
| keyword | #bb9af7 | — |
| keyword.control | #bb9af7 | — |
| keyword.operator | #89ddff | — |
| storage.type | #bb9af7 | — |
| storage.modifier | #bb9af7 | — |
| entity.name.function | #7dcfff | — |
| entity.name.type | #e0af68 | — |
| entity.name.class | #e0af68 | — |
| entity.name.tag | #f7768e | — |
| support.class | #e0af68 | — |
| support.function | #7dcfff | — |
| support.type | #73daca | — |
| support.constant | #ff9e64 | — |
| meta.function-call | #7dcfff | — |
| variable.parameter | #e0af68 | — |
| variable.language | #f7768e | — |
| variable.other | #c0caf5 | — |
| punctuation.definition.string | #9ece6a | — |
| punctuation.definition.comment | #565f89 | — |
| punctuation.separator | #89ddff | — |
| punctuation.terminator | #89ddff | — |
| punctuation.definition.block | #89ddff | — |
| punctuation.definition.parameters | #89ddff | — |
| invalid | #f7768e | bold |
| invalid.deprecated | #e0af68 | — |
| markup.heading | #7dcfff | bold |
| markup.bold | #e0af68 | bold |
| markup.italic | #bb9af7 | italic |
| markup.inline.raw | #9ece6a | — |
| markup.link | #73daca | — |
| markup.deleted | #f7768e | — |
| markup.inserted | #9ece6a | — |
| markup.changed | #7dcfff | — |