Lucy Edgerunner Theme
Publisher: JaviMGGThemes in package: 1
A theme inspired by the character Lucy from Cyberpunk: Edgerunners
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#0b0c15
- activityBar.activeBorder#ff0055
- activityBar.background#08090f
- activityBar.foreground#ff0055
- activityBar.inactiveForeground#3a3f55
- activityBarBadge.background#00f3ff
- activityBarBadge.foreground#000000
- badge.background#ff0055
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ff0055
- breadcrumb.background#0b0c15
- breadcrumb.focusForeground#dbebf7
- breadcrumb.foreground#6c7a96
- breadcrumbPicker.background#0b0c15
- button.background#ff0055
- button.foreground#ffffff
- button.hoverBackground#ff4d85
- button.secondaryBackground#1e2130
- button.secondaryForeground#dbebf7
- button.secondaryHoverBackground#2a2d3f
- charts.blue#00f3ff
- charts.foreground#dbebf7
- charts.green#29ffc6
- charts.lines#ff0055
- charts.orange#ff8800
- charts.purple#7000ff
- charts.red#ff0055
- charts.yellow#ffcc00
- debugToolBar.background#151725
- debugToolBar.border#ff0055
- descriptionForeground#8f9cb5
- disabledForeground#4c5570
- editor.background#0b0c15
- editor.findMatchBackground#7000ff60
- editor.findMatchHighlightBackground#7000ff30
- editor.focusedStackFrameHighlightBackground#00f3ff20
- editor.foreground#dbebf7
- editor.hoverHighlightBackground#2a2d3fe3
- editor.lineHighlightBackground#151725
- editor.lineHighlightBorder#151725
- editor.rangeHighlightBackground#151725e3
- editor.selectionBackground#ff005550
- editor.selectionHighlightBackground#00f3ff30
- editor.snippetFinalTabstopHighlightBackground#ff005520
- editor.snippetTabstopHighlightBackground#3a3f55
- editor.stackFrameHighlightBackground#ff005520
- editorCursor.foreground#00f3ff
- editorGroup.border#ff0055
- editorGroup.emptyBackground#0b0c15
- editorGroupHeader.noTabsBackground#0b0c15
- editorGroupHeader.tabsBackground#08090f
- editorLineNumber.activeForeground#ff0055
- editorLineNumber.foreground#3a3f55
- errorForeground#ff0055
- extensionButton.prominentBackground#ff0055
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#ff4d85
- focusBorder#00f3ff
- foreground#dbebf7
- gitDecoration.addedResourceForeground#00f3ff
- gitDecoration.conflictingResourceForeground#ff0055
- gitDecoration.deletedResourceForeground#ff0055
- gitDecoration.ignoredResourceForeground#4c5570
- gitDecoration.modifiedResourceForeground#ffcc00
- gitDecoration.renamedResourceForeground#00f3ff
- gitDecoration.submoduleResourceForeground#dbebf7
- gitDecoration.untrackedResourceForeground#7000ff
- input.background#08090f
- input.border#3a3f55
- input.foreground#00f3ff
- input.placeholderForeground#4c5570
- inputOption.activeBorder#ff0055
- inputValidation.errorBorder#ff0055
- inputValidation.infoBorder#00f3ff
- inputValidation.warningBorder#ffcc00
- list.activeSelectionBackground#1e2130
- list.activeSelectionForeground#ff0055
- list.highlightForeground#00f3ff
- list.hoverBackground#151725
- list.inactiveSelectionBackground#151725
- menu.background#0b0c15
- menu.foreground#dbebf7
- menu.selectionBackground#ff0055
- menu.selectionForeground#ffffff
- menu.separatorBackground#3a3f55
- merge.border#3a3f55
- merge.commonContentBackground#7000ff15
- merge.commonHeaderBackground#7000ff30
- merge.currentContentBackground#00f3ff15
- merge.currentHeaderBackground#00f3ff30
- merge.incomingContentBackground#ff005515
- merge.incomingHeaderBackground#ff005530
- minimap.background#0b0c15
- minimap.findMatchHighlight#00f2fff5
- minimapSlider.activeBackground#00f3ff40
- minimapSlider.background#ff005520
- minimapSlider.hoverBackground#ff005540
- notebook.cellBorderColor#3a3f55
- notebook.cellToolbarSeparator#3a3f55
- notebook.focusedCellBorder#ff0055
- notebook.focusedEditorBorder#ff0055
- notebook.selectedCellBorder#00f3ff
- notification.background#151725
- notification.buttonBackground#ff0055
- notification.buttonForeground#ffffff
- notification.buttonHoverBackground#ff4d85
- notification.errorBackground#ff0055
- notification.errorForeground#ffffff
- notification.foreground#dbebf7
- notification.infoBackground#00f3ff
- notification.infoForeground#000000
- notification.warningBackground#ffcc00
- notification.warningForeground#000000
- panel.background#0b0c15
- panel.border#ff0055
- panelInput.border#3a3f55
- panelTitle.activeBorder#ff0055
- panelTitle.activeForeground#dbebf7
- panelTitle.inactiveForeground#6c7a96
- pickerGroup.border#3a3f55
- pickerGroup.foreground#00f3ff
- progressBar.background#00f3ff
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#00f3ffcc
- scrollbarSlider.background#3a3f5580
- scrollbarSlider.hoverBackground#ff0055cc
- selection.background#ff005540
- settings.checkboxBackground#08090f
- settings.checkboxBorder#3a3f55
- settings.checkboxForeground#dbebf7
- settings.dropdownBackground#08090f
- settings.dropdownBorder#3a3f55
- settings.dropdownForeground#dbebf7
- settings.headerForeground#ff0055
- settings.modifiedItemIndicator#00f3ff
- settings.numberInputBackground#08090f
- settings.numberInputBorder#3a3f55
- settings.numberInputForeground#dbebf7
- settings.textInputBackground#08090f
- settings.textInputBorder#3a3f55
- settings.textInputForeground#dbebf7
- sideBar.background#0b0c15
- sideBar.border#1e2130
- sideBar.foreground#8f9cb5
- sideBarSectionHeader.background#08090f
- sideBarSectionHeader.foreground#00f3ff
- sideBarTitle.foreground#ff0055
- statusBar.background#ff0055
- statusBar.debuggingBackground#00f3ff
- statusBar.debuggingForeground#000000
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#1e2130
- statusBar.noFolderForeground#ff0055
- statusBarItem.activeBackground#c40042
- statusBarItem.hoverBackground#c40042
- statusBarItem.prominentBackground#00f3ff
- statusBarItem.prominentForeground#000000
- statusBarItem.prominentHoverBackground#00c4cf
- tab.activeBackground#0b0c15
- tab.activeBorder#0b0c15
- tab.activeBorderTop#ff0055
- tab.activeForeground#ff0055
- tab.border#08090f
- tab.hoverBackground#151725
- tab.inactiveBackground#08090f
- tab.inactiveForeground#6c7a96
- tab.unfocusedActiveBorder#0b0c15
- tab.unfocusedActiveForeground#8f9cb5
- tab.unfocusedHoverBackground#08090f
- tab.unfocusedInactiveForeground#4c5570
- terminal.ansiBlack#000000
- terminal.ansiBlue#7000ff
- terminal.ansiBrightBlack#4c5570
- terminal.ansiBrightBlue#994dff
- terminal.ansiBrightCyan#80f9ff
- terminal.ansiBrightGreen#80f9ff
- terminal.ansiBrightMagenta#ff66e6
- terminal.ansiBrightRed#ff4d85
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe066
- terminal.ansiCyan#00f3ff
- terminal.ansiGreen#00f3ff
- terminal.ansiMagenta#ff00cc
- terminal.ansiRed#ff0055
- terminal.ansiWhite#dbebf7
- terminal.ansiYellow#ffcc00
- terminal.background#0b0c15
- terminal.foreground#dbebf7
- terminal.selectionBackground#ff005540
- terminalCursor.background#000000
- terminalCursor.foreground#00f3ff
- textLink.activeForeground#ff0055
- textLink.foreground#00f3ff
- titleBar.activeBackground#08090f
- titleBar.activeForeground#dbebf7
- titleBar.inactiveBackground#08090f
- titleBar.inactiveForeground#4c5570
- walkThrough.embeddedEditorBackground#0b0c15
- welcomePage.buttonBackground#1e2130
- welcomePage.buttonHoverBackground#2a2d3f
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #00f3ff | italic |
| keyword, storage.type, storage.modifier | #ff0055 | bold |
| string, punctuation.definition.string | #e889f4 | — |
| entity.name.function, support.function | #bc1bf2 | italic |
| variable | #ffffff | — |
| constant.numeric, constant.language | #ffcc00 | — |
| entity.name.type | #7000ff | — |
| markup.bold, markup.heading | #ff0055 | bold |
| markup.italic | — | italic |
| markup.inserted | #00f3ff | — |
| markup.deleted | #ff0055 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...