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#e8eef4
- activityBar.foreground#5e81ac
- activityBarBadge.background#5e81ac
- activityBarBadge.foreground#f0f4f8
- badge.background#5e81ac
- badge.foreground#f0f4f8
- button.background#5e81ac
- button.foreground#f0f4f8
- button.hoverBackground#7098c0
- descriptionForeground#7a8a9a
- editor.background#f0f4f8
- editor.findMatchBackground#c8d8e8
- editor.findMatchHighlightBackground#c8d8e866
- editor.foreground#3b4252
- editor.inactiveSelectionBackground#dde6f0
- editor.lineHighlightBackground#e2e8f0
- editor.lineHighlightBorder#e2e8f0
- editor.selectionBackground#d0dce8
- editorBracketHighlight.foreground1#5e81ac
- editorBracketHighlight.foreground2#88c0d0
- editorBracketHighlight.foreground3#b48ead
- editorBracketHighlight.foreground4#ebcb8b
- editorBracketHighlight.foreground5#d08770
- editorBracketHighlight.foreground6#a3be8c
- editorCursor.foreground#5e81ac
- editorIndentGuide.activeBackground#7a8a9a
- editorIndentGuide.background#b0bec5
- editorLineNumber.activeForeground#5e81ac
- editorLineNumber.foreground#b0bec5
- errorForeground#bf616a
- focusBorder#5e81ac
- foreground#3b4252
- gitDecoration.conflictingResourceForeground#ebcb8b
- gitDecoration.deletedResourceForeground#bf616a
- gitDecoration.ignoredResourceForeground#7a8a9a
- gitDecoration.modifiedResourceForeground#88c0d0
- gitDecoration.untrackedResourceForeground#a3be8c
- input.background#e2e8f0
- input.border#b0bec5
- input.foreground#3b4252
- list.activeSelectionBackground#dde6f0
- list.activeSelectionForeground#3b4252
- list.highlightForeground#5e81ac
- list.hoverBackground#e2e8f0
- list.inactiveSelectionBackground#e2e8f0
- minimap.background#e8eef4
- panel.background#e8eef4
- panel.border#b0bec5
- panelTitle.activeForeground#3b4252
- panelTitle.inactiveForeground#7a8a9a
- progressBar.background#88c0d0
- scrollbar.shadow#00000030
- scrollbarSlider.background#b0bec580
- scrollbarSlider.hoverBackground#7a8a9a80
- sideBar.background#e8eef4
- sideBarSectionHeader.background#f0f4f8
- sideBarTitle.foreground#7a8a9a
- statusBar.background#e8eef4
- statusBar.foreground#3b4252
- statusBar.noFolderBackground#e8eef4
- statusBarItem.hoverBackground#e2e8f0
- tab.activeBackground#f0f4f8
- tab.activeForeground#3b4252
- tab.inactiveBackground#e8eef4
- tab.inactiveForeground#7a8a9a
- terminal.ansiBlack#3b4252
- terminal.ansiBlue#88c0d0
- terminal.ansiBrightBlack#4c566a
- terminal.ansiBrightBlue#98d0e0
- terminal.ansiBrightCyan#a0d0d0
- terminal.ansiBrightGreen#b0d0a0
- terminal.ansiBrightMagenta#c8a0c0
- terminal.ansiBrightRed#d07078
- terminal.ansiBrightWhite#4c566a
- terminal.ansiBrightYellow#f0dca0
- terminal.ansiCyan#8fbcbb
- terminal.ansiGreen#a3be8c
- terminal.ansiMagenta#b48ead
- terminal.ansiRed#bf616a
- terminal.ansiWhite#3b4252
- terminal.ansiYellow#ebcb8b
- terminal.background#f0f4f8
- terminal.foreground#3b4252
- titleBar.activeBackground#e8eef4
- titleBar.activeForeground#3b4252
- widget.shadow#00000015
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #7a8a9a | italic |
| string | #a3be8c | — |
| string.regexp | #b48ead | — |
| constant.numeric | #ebcb8b | — |
| constant.language | #ebcb8b | — |
| constant.character.escape | #88c0d0 | — |
| variable.other.constant | #d08770 | bold |
| keyword | #5e81ac | — |
| keyword.control | #5e81ac | — |
| keyword.operator | #88c0d0 | — |
| storage.type | #5e81ac | — |
| storage.modifier | #5e81ac | — |
| entity.name.function | #88c0d0 | — |
| entity.name.type | #d08770 | — |
| entity.name.class | #d08770 | — |
| entity.name.tag | #bf616a | — |
| support.class | #d08770 | — |
| support.function | #88c0d0 | — |
| support.type | #88c0d0 | — |
| support.constant | #ebcb8b | — |
| meta.function-call | #88c0d0 | — |
| variable.parameter | #d08770 | — |
| variable.language | #bf616a | — |
| variable.other | #2e3440 | — |
| punctuation.definition.string | #a3be8c | — |
| punctuation.definition.comment | #7a8a9a | — |
| punctuation.separator | #88c0d0 | — |
| punctuation.terminator | #88c0d0 | — |
| punctuation.definition.block | #88c0d0 | — |
| punctuation.definition.parameters | #88c0d0 | — |
| invalid | #bf616a | bold |
| invalid.deprecated | #ebcb8b | — |
| markup.heading | #88c0d0 | bold |
| markup.bold | #d08770 | bold |
| markup.italic | #5e81ac | italic |
| markup.inline.raw | #a3be8c | — |
| markup.link | #5e81ac | — |
| markup.deleted | #bf616a | — |
| markup.inserted | #a3be8c | — |
| markup.changed | #88c0d0 | — |