Cyber Vivid Collection
Publisher: Fernando-RodriguesThemes in package: 6
A premium collection of high-contrast neon and dark themes.
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.activeBackground#3d375e40
- activityBar.activeBorder#a277ff
- activityBar.background#15141b
- activityBar.foreground#a277ff
- activityBar.inactiveForeground#6d6d6d
- activityBarBadge.background#a277ff
- activityBarBadge.foreground#15141b
- badge.background#a277ff
- badge.foreground#15141b
- breadcrumb.background#15141b
- breadcrumb.focusForeground#edecee
- breadcrumb.foreground#6d6d6d
- button.background#a277ff
- button.foreground#15141b
- button.hoverBackground#8464c6
- button.secondaryBackground#6d6d6d40
- button.secondaryForeground#edecee
- button.secondaryHoverBackground#6d6d6d80
- diffEditor.insertedTextBackground#61ffca20
- diffEditor.removedTextBackground#ff676720
- editor.background#15141b
- editor.findMatchBackground#3d375e7f
- editor.findMatchHighlightBackground#3d375e40
- editor.foldBackground#3d375e40
- editor.foreground#edecee
- editor.hoverHighlightBackground#3d375e40
- editor.inactiveSelectionBackground#3d375e40
- editor.lineHighlightBackground#edecee0A
- editor.lineHighlightBorder#3d375e40
- editor.selectionBackground#3d375e7f
- editor.selectionHighlightBackground#3d375e40
- editor.wordHighlightBackground#3d375e40
- editor.wordHighlightStrongBackground#3d375e7f
- editorBracketMatch.background#a277ff40
- editorBracketMatch.border#a277ff
- editorCursor.background#15141b
- editorCursor.foreground#a277ff
- editorError.foreground#ff6767
- editorGroupHeader.tabsBackground#15141b
- editorGutter.addedBackground#61ffca
- editorGutter.background#15141b
- editorGutter.deletedBackground#ff6767
- editorGutter.modifiedBackground#82e2ff
- editorIndentGuide.activeBackground1#a277ff
- editorIndentGuide.background1#6d6d6d40
- editorInfo.foreground#82e2ff
- editorLineNumber.activeForeground#a277ff
- editorLineNumber.foreground#6d6d6d
- editorSuggestWidget.background#15141b
- editorSuggestWidget.border#3d375e7f
- editorSuggestWidget.foreground#edecee
- editorSuggestWidget.highlightForeground#a277ff
- editorSuggestWidget.selectedBackground#3d375e7f
- editorWarning.foreground#ffca85
- editorWidget.background#15141b
- editorWidget.border#3d375e7f
- editorWidget.foreground#edecee
- focusBorder#a277ff40
- foreground#edecee
- list.activeSelectionBackground#3d375e7f
- list.activeSelectionForeground#edecee
- list.focusBackground#3d375e7f
- list.focusForeground#edecee
- list.highlightForeground#a277ff
- list.hoverBackground#3d375e40
- list.inactiveSelectionBackground#3d375e40
- list.inactiveSelectionForeground#edecee
- menu.background#15141b
- menu.foreground#edecee
- menu.selectionBackground#3d375e7f
- menu.selectionForeground#edecee
- minimap.background#15141b
- minimap.errorHighlight#ff676780
- minimap.findMatchHighlight#a277ff80
- minimap.selectionHighlight#3d375e80
- minimap.warningHighlight#ffca8580
- notifications.background#15141b
- notifications.border#3d375e7f
- notifications.foreground#edecee
- notificationsErrorIcon.foreground#ff6767
- notificationsInfoIcon.foreground#82e2ff
- notificationsWarningIcon.foreground#ffca85
- panel.background#15141b
- panel.border#15141b
- panelTitle.activeBorder#a277ff
- panelTitle.activeForeground#edecee
- panelTitle.inactiveForeground#6d6d6d
- pickerGroup.border#3d375e7f
- pickerGroup.foreground#a277ff
- progressBar.background#a277ff
- scrollbarSlider.activeBackground#a277ff80
- scrollbarSlider.background#6d6d6d40
- scrollbarSlider.hoverBackground#6d6d6d80
- selection.background#3d375e7f
- sideBar.background#15141b
- sideBar.border#15141b
- sideBar.foreground#edecee
- sideBarSectionHeader.background#15141b
- sideBarSectionHeader.border#15141b
- sideBarSectionHeader.foreground#edecee
- sideBarTitle.foreground#6d6d6d
- statusBar.background#15141b
- statusBar.border#15141b
- statusBar.debuggingBackground#ffca85
- statusBar.debuggingForeground#15141b
- statusBar.foreground#edecee
- statusBar.noFolderBackground#15141b
- tab.activeBackground#15141b
- tab.activeBorderTop#a277ff
- tab.activeForeground#edecee
- tab.border#15141b
- tab.inactiveBackground#15141b
- tab.inactiveForeground#6d6d6d
- terminal.ansiBlack#15141b
- terminal.ansiBlue#82e2ff
- terminal.ansiBrightBlack#6d6d6d
- terminal.ansiBrightBlue#6cb2c7
- terminal.ansiBrightCyan#54c59f
- terminal.ansiBrightGreen#54c59f
- terminal.ansiBrightMagenta#c17ac8
- terminal.ansiBrightRed#c55858
- terminal.ansiBrightWhite#bdbdbd
- terminal.ansiBrightYellow#c7a06f
- terminal.ansiCyan#61ffca
- terminal.ansiGreen#61ffca
- terminal.ansiMagenta#f694ff
- terminal.ansiRed#ff6767
- terminal.ansiWhite#edecee
- terminal.ansiYellow#ffca85
- terminal.background#15141b
- terminal.foreground#edecee
- terminalCursor.background#a277ff
- terminalCursor.foreground#15141b
- titleBar.activeBackground#15141b
- titleBar.activeForeground#edecee
- titleBar.inactiveBackground#15141b
- titleBar.inactiveForeground#6d6d6d
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6d6d6d | italic |
| keyword, storage.type, storage.modifier, keyword.control | #a277ff | — |
| string, punctuation.definition.string, string.quoted | #61ffca | — |
| entity.name.function, support.function, meta.function-call | #82e2ff | — |
| variable, variable.parameter, entity.name.variable, variable.other.readwrite | #edecee | — |
| constant.numeric, constant.language, support.constant | #ffca85 | — |
| entity.name.type, entity.name.class, support.class | #f694ff | — |
| entity.name.tag, entity.other.attribute-name | #82e2ff | — |
| punctuation, keyword.operator | #edecee | — |
| invalid, invalid.illegal | #ff6767 | — |
| markup.heading, markup.bold | #a277ff | bold |
| markup.italic | #61ffca | italic |