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#061224
- activityBar.foreground#64ffda
- activityBarBadge.background#64ffda
- activityBarBadge.foreground#0a192f
- badge.background#64ffda
- badge.foreground#0a192f
- button.background#64ffda
- button.foreground#0a192f
- button.hoverBackground#4de8c2
- descriptionForeground#4a5568
- editor.background#0a192f
- editor.findMatchBackground#1e3a5f
- editor.findMatchHighlightBackground#1e3a5f66
- editor.foreground#ccd6f6
- editor.inactiveSelectionBackground#172a45
- editor.lineHighlightBackground#112240
- editor.lineHighlightBorder#112240
- editor.selectionBackground#1e3a5f
- editorBracketHighlight.foreground1#64ffda
- editorBracketHighlight.foreground2#00b4d8
- editorBracketHighlight.foreground3#7ec8e3
- editorBracketHighlight.foreground4#f0e68c
- editorBracketHighlight.foreground5#fc8181
- editorBracketHighlight.foreground6#a8e6cf
- editorCursor.foreground#64ffda
- editorIndentGuide.activeBackground#4a5568
- editorIndentGuide.background#233554
- editorLineNumber.activeForeground#64ffda
- editorLineNumber.foreground#233554
- errorForeground#fc8181
- focusBorder#64ffda
- foreground#ccd6f6
- gitDecoration.conflictingResourceForeground#f0e68c
- gitDecoration.deletedResourceForeground#fc8181
- gitDecoration.ignoredResourceForeground#4a5568
- gitDecoration.modifiedResourceForeground#00b4d8
- gitDecoration.untrackedResourceForeground#a8e6cf
- input.background#112240
- input.border#233554
- input.foreground#ccd6f6
- list.activeSelectionBackground#172a45
- list.activeSelectionForeground#ccd6f6
- list.highlightForeground#64ffda
- list.hoverBackground#112240
- list.inactiveSelectionBackground#112240
- minimap.background#061224
- panel.background#061224
- panel.border#233554
- panelTitle.activeForeground#ccd6f6
- panelTitle.inactiveForeground#4a5568
- progressBar.background#64ffda
- scrollbar.shadow#000000
- scrollbarSlider.background#23355480
- scrollbarSlider.hoverBackground#4a556880
- sideBar.background#061224
- sideBarSectionHeader.background#0a192f
- sideBarTitle.foreground#4a5568
- statusBar.background#061224
- statusBar.foreground#ccd6f6
- statusBar.noFolderBackground#061224
- statusBarItem.hoverBackground#112240
- tab.activeBackground#0a192f
- tab.activeForeground#ccd6f6
- tab.inactiveBackground#061224
- tab.inactiveForeground#4a5568
- terminal.ansiBlack#233554
- terminal.ansiBlue#00b4d8
- terminal.ansiBrightBlack#4a5568
- terminal.ansiBrightBlue#33c4e8
- terminal.ansiBrightCyan#80ffe8
- terminal.ansiBrightGreen#b8f0d8
- terminal.ansiBrightMagenta#90d8f0
- terminal.ansiBrightRed#ffa5a5
- terminal.ansiBrightWhite#e6eef8
- terminal.ansiBrightYellow#f8f0a0
- terminal.ansiCyan#64ffda
- terminal.ansiGreen#a8e6cf
- terminal.ansiMagenta#7ec8e3
- terminal.ansiRed#fc8181
- terminal.ansiWhite#ccd6f6
- terminal.ansiYellow#f0e68c
- terminal.background#0a192f
- terminal.foreground#ccd6f6
- titleBar.activeBackground#061224
- titleBar.activeForeground#ccd6f6
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #4a5568 | italic |
| string | #a8e6cf | — |
| string.regexp | #7ec8e3 | — |
| constant.numeric | #f0e68c | — |
| constant.language | #f0e68c | — |
| constant.character.escape | #64ffda | — |
| variable.other.constant | #00b4d8 | bold |
| keyword | #7ec8e3 | — |
| keyword.control | #7ec8e3 | — |
| keyword.operator | #64ffda | — |
| storage.type | #7ec8e3 | — |
| storage.modifier | #7ec8e3 | — |
| entity.name.function | #00b4d8 | — |
| entity.name.type | #f0e68c | — |
| entity.name.class | #f0e68c | — |
| entity.name.tag | #fc8181 | — |
| support.class | #f0e68c | — |
| support.function | #00b4d8 | — |
| support.type | #64ffda | — |
| support.constant | #f0e68c | — |
| meta.function-call | #00b4d8 | — |
| variable.parameter | #f0e68c | — |
| variable.language | #fc8181 | — |
| variable.other | #e6eef8 | — |
| punctuation.definition.string | #a8e6cf | — |
| punctuation.definition.comment | #4a5568 | — |
| punctuation.separator | #64ffda | — |
| punctuation.terminator | #64ffda | — |
| punctuation.definition.block | #64ffda | — |
| punctuation.definition.parameters | #64ffda | — |
| invalid | #fc8181 | bold |
| invalid.deprecated | #f0e68c | — |
| markup.heading | #00b4d8 | bold |
| markup.bold | #f0e68c | bold |
| markup.italic | #7ec8e3 | italic |
| markup.inline.raw | #a8e6cf | — |
| markup.link | #64ffda | — |
| markup.deleted | #fc8181 | — |
| markup.inserted | #a8e6cf | — |
| markup.changed | #00b4d8 | — |