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#101722
• activityBar.foreground#C7D1E0
• activityBarBadge.background#3CFF91
• activityBarBadge.foreground#0B0F14
• button.background#4DA6FF
• button.foreground#0B0F14
• button.hoverBackground#6BB6FF
• diffEditor.insertedTextBackground#3CFF9133
• diffEditor.removedTextBackground#FF5C7033
• dropdown.background#101722
• editor.background#0B0F14
• editor.findMatchBackground#4DA6FF66
• editor.findMatchHighlightBackground#4DA6FF33
• editor.foreground#C7D1E0
• editor.inactiveSelectionBackground#16202E80
• editor.lineHighlightBackground#121C29
• editor.selectionBackground#16202E
• editor.wordHighlightBackground#FFD16622
• editor.wordHighlightStrongBackground#FFD16644
• editorBracketMatch.border#5F6C80
• editorCursor.foreground#4DA6FF
• editorError.foreground#FF5C70
• editorGroup.border#0B0F14
• editorGroupHeader.noTabsBackground#0B0F14
• editorGroupHeader.tabsBackground#0B0F14
• editorGroupHeader.tabsBorder#0B0F14
• editorHoverWidget.background#101722
• editorIndentGuide.activeBackground1#5F6C80
• editorIndentGuide.background1#16202E
• editorLineNumber.activeForeground#C7D1E0
• editorLineNumber.foreground#5F6C80
• editorOverviewRuler.border#0B0F14
• editorSuggestWidget.background#101722
• editorSuggestWidget.highlightForeground#4DA6FF
• editorSuggestWidget.selectedBackground#16202E
• editorWarning.foreground#FFD166
• editorWhitespace.foreground#16202E
• icon.foreground#18c9ff
• input.background#16202E
• input.foreground#C7D1E0
• list.activeSelectionBackground#16202E
• list.hoverBackground#16202E
• menu.background#101722
• menu.foreground#C7D1E0
• panel.background#101722
• panel.border#0B0F14
• quickInput.background#101722
• quickInput.foreground#C7D1E0
• scrollbarSlider.activeBackground#16202ED0
• scrollbarSlider.background#16202E80
• scrollbarSlider.hoverBackground#16202EB0
• sideBar.background#101722
• sideBar.foreground#C7D1E0
• sideBarSectionHeader.background#16202E
• statusBar.background#101722
• statusBar.debuggingBackground#FF5C70
• statusBar.debuggingForeground#0B0F14
• statusBar.foreground#C7D1E0
• tab.activeBackground#0B0F14
• tab.activeBorder#3CFF91
• tab.activeForeground#C7D1E0
• tab.inactiveBackground#101722
• tab.inactiveForeground#5F6C80
• terminal.background#0B0F14
• terminal.foreground#C7D1E0
• terminalCursor.foreground#3CFF91
• titleBar.activeBackground#0B0F14
• titleBar.activeForeground#C7D1E0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).