More Themes

Color themes

• 

  Coding Night

• 

  Doom Vibes

• 

  Fallout Vibes

• 

  Pink Party

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#21012b
• activityBar.foreground#f6b4ff
• activityBarBadge.background#af0ccf
• activityBarBadge.foreground#fcc3fc
• button.background#ff7aed
• button.foreground#21012b
• button.hoverBackground#ff9df3
• diffEditor.insertedTextBackground#ff8fe333
• diffEditor.removedTextBackground#fd002e33
• dropdown.background#2f0235
• editor.background#3a0e31f6
• editor.findMatchBackground#ff18ff66
• editor.findMatchHighlightBackground#ff18ff33
• editor.foreground#dd61ee
• editor.inactiveSelectionBackground#280a2b80
• editor.lineHighlightBackground#4a1240
• editor.selectionBackground#280a2b
• editor.wordHighlightBackground#ff8fe322
• editor.wordHighlightStrongBackground#ff8fe344
• editorBracketMatch.border#fcb2d5
• editorCursor.foreground#ff18ff
• editorError.foreground#fd002e
• editorHoverWidget.background#2f0235
• editorIndentGuide.activeBackground1#ff00aa
• editorIndentGuide.background1#66007a
• editorLineNumber.activeForeground#f6b4ff
• editorLineNumber.foreground#e699df
• editorOverviewRuler.border#dd68f5
• editorSuggestWidget.background#2f0235
• editorSuggestWidget.highlightForeground#ff18ff
• editorSuggestWidget.selectedBackground#3d0534
• editorWarning.foreground#fbff00
• editorWhitespace.foreground#7a4a73
• icon.foreground#f6b4ff
• input.background#2f0235
• input.foreground#e8d2fc
• list.activeSelectionBackground#3d0534
• list.hoverBackground#2b0229
• menu.background#2f0235
• menu.foreground#e8d2fc
• panel.background#580d6bb6
• panel.border#8c25b4
• quickInput.background#ffa4fa
• quickInput.foreground#330026
• scrollbarSlider.activeBackground#66007ad0
• scrollbarSlider.background#66007a80
• scrollbarSlider.hoverBackground#66007ab0
• sideBar.background#21012b
• sideBar.foreground#ffb2f9
• sideBarSectionHeader.background#66007a
• statusBar.background#2e1730
• statusBar.debuggingBackground#ff00aa
• statusBar.debuggingForeground#21012b
• statusBar.foreground#e8d2fc
• tab.activeBackground#3d0534
• tab.activeBorder#ff7aed
• tab.activeForeground#ffffff
• tab.inactiveBackground#2b0229
• tab.inactiveForeground#b58cc1
• terminal.background#240f29
• terminal.foreground#e9a1d7
• terminalCursor.foreground#ff87b9
• titleBar.activeBackground#562868
• titleBar.activeForeground#f6b4ff
• toolbar.hoverBackground#3d0534

tokenColors

TextMate scopes and font styles (syntax highlighting rules).