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#060606
- activityBar.foreground#00ff41
- activityBarBadge.background#00ff41
- activityBarBadge.foreground#0a0a0a
- badge.background#00ff41
- badge.foreground#0a0a0a
- button.background#00ff41
- button.foreground#0a0a0a
- button.hoverBackground#33ff66
- descriptionForeground#4a4a4a
- editor.background#0a0a0a
- editor.findMatchBackground#1a3a1a
- editor.findMatchHighlightBackground#1a3a1a66
- editor.foreground#c0c0c0
- editor.inactiveSelectionBackground#081e08
- editor.lineHighlightBackground#0f1a0f
- editor.lineHighlightBorder#0f1a0f
- editor.selectionBackground#0a2a0a
- editorBracketHighlight.foreground1#00ff41
- editorBracketHighlight.foreground2#ffb000
- editorBracketHighlight.foreground3#00d4ff
- editorBracketHighlight.foreground4#ff6600
- editorBracketHighlight.foreground5#ff3388
- editorBracketHighlight.foreground6#9933ff
- editorCursor.foreground#00ff41
- editorIndentGuide.activeBackground#4a4a4a
- editorIndentGuide.background#1a2a1a
- editorLineNumber.activeForeground#00ff41
- editorLineNumber.foreground#1a2a1a
- errorForeground#ff3333
- focusBorder#00ff41
- foreground#c0c0c0
- gitDecoration.conflictingResourceForeground#ffb000
- gitDecoration.deletedResourceForeground#ff3333
- gitDecoration.ignoredResourceForeground#4a4a4a
- gitDecoration.modifiedResourceForeground#00d4ff
- gitDecoration.untrackedResourceForeground#00ff41
- input.background#0f1a0f
- input.border#1a2a1a
- input.foreground#c0c0c0
- list.activeSelectionBackground#081e08
- list.activeSelectionForeground#c0c0c0
- list.highlightForeground#00ff41
- list.hoverBackground#0f1a0f
- list.inactiveSelectionBackground#0f1a0f
- minimap.background#060606
- panel.background#060606
- panel.border#1a2a1a
- panelTitle.activeForeground#c0c0c0
- panelTitle.inactiveForeground#4a4a4a
- progressBar.background#00ff41
- scrollbar.shadow#000000
- scrollbarSlider.background#1a2a1a80
- scrollbarSlider.hoverBackground#4a4a4a80
- sideBar.background#060606
- sideBarSectionHeader.background#0a0a0a
- sideBarTitle.foreground#4a4a4a
- statusBar.background#060606
- statusBar.foreground#c0c0c0
- statusBar.noFolderBackground#060606
- statusBarItem.hoverBackground#0f1a0f
- tab.activeBackground#0a0a0a
- tab.activeForeground#c0c0c0
- tab.inactiveBackground#060606
- tab.inactiveForeground#4a4a4a
- terminal.ansiBlack#1a2a1a
- terminal.ansiBlue#00d4ff
- terminal.ansiBrightBlack#4a4a4a
- terminal.ansiBrightBlue#33e0ff
- terminal.ansiBrightCyan#33e0ff
- terminal.ansiBrightGreen#33ff66
- terminal.ansiBrightMagenta#ff55aa
- terminal.ansiBrightRed#ff5555
- terminal.ansiBrightWhite#e0e0e0
- terminal.ansiBrightYellow#ffc833
- terminal.ansiCyan#00d4ff
- terminal.ansiGreen#00ff41
- terminal.ansiMagenta#ff3388
- terminal.ansiRed#ff3333
- terminal.ansiWhite#c0c0c0
- terminal.ansiYellow#ffb000
- terminal.background#0a0a0a
- terminal.foreground#c0c0c0
- titleBar.activeBackground#060606
- titleBar.activeForeground#c0c0c0
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #4a4a4a | italic |
| string | #ffb000 | — |
| string.regexp | #00d4ff | — |
| constant.numeric | #00ff41 | — |
| constant.language | #00ff41 | — |
| constant.character.escape | #00ff41 | — |
| variable.other.constant | #ffb000 | bold |
| keyword | #00ff41 | — |
| keyword.control | #00ff41 | — |
| keyword.operator | #00d4ff | — |
| storage.type | #00ff41 | — |
| storage.modifier | #00ff41 | — |
| entity.name.function | #00ff41 | — |
| entity.name.type | #ffb000 | — |
| entity.name.class | #ffb000 | — |
| entity.name.tag | #ff3333 | — |
| support.class | #ffb000 | — |
| support.function | #00ff41 | — |
| support.type | #00d4ff | — |
| support.constant | #ffb000 | — |
| meta.function-call | #00ff41 | — |
| variable.parameter | #ffb000 | — |
| variable.language | #ff3333 | — |
| variable.other | #e0e0e0 | — |
| punctuation.definition.string | #ffb000 | — |
| punctuation.definition.comment | #4a4a4a | — |
| punctuation.separator | #00d4ff | — |
| punctuation.terminator | #00d4ff | — |
| punctuation.definition.block | #00d4ff | — |
| punctuation.definition.parameters | #00d4ff | — |
| invalid | #ff3333 | bold |
| invalid.deprecated | #ffb000 | — |
| markup.heading | #00ff41 | bold |
| markup.bold | #ffb000 | bold |
| markup.italic | #00ff41 | italic |
| markup.inline.raw | #ffb000 | — |
| markup.link | #00d4ff | — |
| markup.deleted | #ff3333 | — |
| markup.inserted | #00ff41 | — |
| markup.changed | #00d4ff | — |