Neon Dark
Publisher: Francisco Manuel López GarciaThemes in package: 1
Theme with dark neon colors
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.activeBorder#a04dff
- activityBar.background#0c0318
- activityBar.dropBorder#a04dff
- activityBar.foreground#a2ff56
- activityBar.inactiveForeground#808080
- activityBarBadge.background#3b0967
- activityBarBadge.foreground#a2ff56
- badge.background#3b0967
- badge.foreground#a2ff56
- banner.background#0c0318
- button.background#3b0967
- button.foreground#ae5aaa
- button.hoverBackground#4b0e81
- commandCenter.background#0c0318
- dropdown.background#0c0318
- editor.background#0c0318
- editor.lineHighlightBackground#9dd45f40
- editor.selectionBackground#734f9a82
- editorCursor.foreground#f4490b
- editorGroupHeader.tabsBackground#0c0318
- editorGroupHeader.tabsBorder#a2ff56
- editorWidget.background#191024
- editorWidget.border#a04dff
- extensionButton.prominentBackground#a2ff56
- extensionButton.prominentForeground#a04dff
- extensionButton.prominentHoverBackground#a2ff56
- focusBorder#a04dff
- foreground#dcdcdc
- gitDecoration.addedResourceForeground#f7bb2a
- gitDecoration.conflictingResourceForeground#ff0099
- gitDecoration.deletedResourceForeground#fb00d1
- gitDecoration.ignoredResourceForeground#a2b2df
- gitDecoration.modifiedResourceForeground#a2da5a
- gitDecoration.renamedResourceForeground#aff5a4
- gitDecoration.stageDeletedResourceForeground#ff00b7
- gitDecoration.stageModifiedResourceForeground#22ff00
- gitDecoration.submoduleResourceForeground#ff00ff
- gitDecoration.untrackedResourceForeground#a877c8
- input.background#0c0318
- input.border#a04dff
- inputOption.activeBackground#a04dff
- inputOption.hoverBackground#a2ff56
- keybindingLabel.background#0c0318
- keybindingLabel.border#a2ff56
- menu.background#0c0318
- panel.background#0c0318
- panel.border#a04dff
- panelInput.border#a04dff
- panelTitle.activeBorder#a04dff
- progressBar.background#0c0318
- selection.background#734f9a82
- sideBar.background#0c0318
- sideBarSectionHeader.background#0c0318
- sideBarSectionHeader.foreground#a04dff
- sideBarTitle.foreground#a2ff56
- statusBar.background#0c0318
- tab.activeBackground#3b0967
- tab.activeBorder#a04dff
- tab.hoverBackground#3b0967
- tab.inactiveBackground#180432
- terminal.background#0c0318
- terminal.tab.activeBorder#a04dff
- terminalCursor.foreground#f4490b
- textBlockQuote.border#a04dff
- textLink.activeForeground#a2ff56
- textLink.foreground#a04dff
- titleBar.activeBackground#0c0318
- titleBar.border#a04dff
- titleBar.inactiveBackground#0c0318
- welcomePage.background#0c0318
- window.activeBorder#a04dff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...