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#080808
- activityBar.foreground#ff006e
- activityBarBadge.background#ff006e
- activityBarBadge.foreground#0d0d0d
- badge.background#ff006e
- badge.foreground#0d0d0d
- button.background#ff006e
- button.foreground#0d0d0d
- button.hoverBackground#ff2080
- descriptionForeground#555555
- editor.background#0d0d0d
- editor.findMatchBackground#3a1a4e
- editor.findMatchHighlightBackground#3a1a4e66
- editor.foreground#c0c0c0
- editor.inactiveSelectionBackground#1e1230
- editor.lineHighlightBackground#1a1a2e
- editor.lineHighlightBorder#1a1a2e
- editor.selectionBackground#2a1a3e
- editorBracketHighlight.foreground1#ff006e
- editorBracketHighlight.foreground2#00f5d4
- editorBracketHighlight.foreground3#3a86ff
- editorBracketHighlight.foreground4#ffbe0b
- editorBracketHighlight.foreground5#fb5607
- editorBracketHighlight.foreground6#8338ec
- editorCursor.foreground#ff006e
- editorIndentGuide.activeBackground#555555
- editorIndentGuide.background#2a2a3e
- editorLineNumber.activeForeground#00f5d4
- editorLineNumber.foreground#2a2a3e
- errorForeground#ff006e
- focusBorder#00f5d4
- foreground#c0c0c0
- gitDecoration.conflictingResourceForeground#ffbe0b
- gitDecoration.deletedResourceForeground#ff006e
- gitDecoration.ignoredResourceForeground#555555
- gitDecoration.modifiedResourceForeground#3a86ff
- gitDecoration.untrackedResourceForeground#00f5d4
- input.background#1a1a2e
- input.border#2a2a3e
- input.foreground#c0c0c0
- list.activeSelectionBackground#1e1230
- list.activeSelectionForeground#c0c0c0
- list.highlightForeground#00f5d4
- list.hoverBackground#1a1a2e
- list.inactiveSelectionBackground#1a1a2e
- minimap.background#080808
- panel.background#080808
- panel.border#2a2a3e
- panelTitle.activeForeground#c0c0c0
- panelTitle.inactiveForeground#555555
- progressBar.background#00f5d4
- scrollbar.shadow#000000
- scrollbarSlider.background#2a2a3e80
- scrollbarSlider.hoverBackground#55555580
- sideBar.background#080808
- sideBarSectionHeader.background#0d0d0d
- sideBarTitle.foreground#555555
- statusBar.background#080808
- statusBar.foreground#c0c0c0
- statusBar.noFolderBackground#080808
- statusBarItem.hoverBackground#1a1a2e
- tab.activeBackground#0d0d0d
- tab.activeForeground#c0c0c0
- tab.inactiveBackground#080808
- tab.inactiveForeground#555555
- terminal.ansiBlack#2a2a3e
- terminal.ansiBlue#3a86ff
- terminal.ansiBrightBlack#555555
- terminal.ansiBrightBlue#60a0ff
- terminal.ansiBrightCyan#33ffe0
- terminal.ansiBrightGreen#33ffe0
- terminal.ansiBrightMagenta#a060f0
- terminal.ansiBrightRed#ff3090
- terminal.ansiBrightWhite#e0e0e0
- terminal.ansiBrightYellow#ffd040
- terminal.ansiCyan#00f5d4
- terminal.ansiGreen#00f5d4
- terminal.ansiMagenta#8338ec
- terminal.ansiRed#ff006e
- terminal.ansiWhite#c0c0c0
- terminal.ansiYellow#ffbe0b
- terminal.background#0d0d0d
- terminal.foreground#c0c0c0
- titleBar.activeBackground#080808
- titleBar.activeForeground#c0c0c0
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #555555 | italic |
| string | #00f5d4 | — |
| string.regexp | #8338ec | — |
| constant.numeric | #ffbe0b | — |
| constant.language | #ffbe0b | — |
| constant.character.escape | #ff006e | — |
| variable.other.constant | #3a86ff | bold |
| keyword | #ff006e | — |
| keyword.control | #ff006e | — |
| keyword.operator | #8338ec | — |
| storage.type | #ff006e | — |
| storage.modifier | #ff006e | — |
| entity.name.function | #00f5d4 | — |
| entity.name.type | #ffbe0b | — |
| entity.name.class | #ffbe0b | — |
| entity.name.tag | #ff006e | — |
| support.class | #ffbe0b | — |
| support.function | #00f5d4 | — |
| support.type | #3a86ff | — |
| support.constant | #ffbe0b | — |
| meta.function-call | #00f5d4 | — |
| variable.parameter | #ffbe0b | — |
| variable.language | #ff006e | — |
| variable.other | #e0e0e0 | — |
| punctuation.definition.string | #00f5d4 | — |
| punctuation.definition.comment | #555555 | — |
| punctuation.separator | #8338ec | — |
| punctuation.terminator | #8338ec | — |
| punctuation.definition.block | #8338ec | — |
| punctuation.definition.parameters | #8338ec | — |
| invalid | #ff006e | bold |
| invalid.deprecated | #ffbe0b | — |
| markup.heading | #00f5d4 | bold |
| markup.bold | #ffbe0b | bold |
| markup.italic | #ff006e | italic |
| markup.inline.raw | #00f5d4 | — |
| markup.link | #3a86ff | — |
| markup.deleted | #ff006e | — |
| markup.inserted | #00f5d4 | — |
| markup.changed | #3a86ff | — |