HackElectron
Publisher: TheVoidsteppersThemes in package: 1
Vscode 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#21222c
- activityBar.activeBorder#a64dff
- activityBar.background#16171d
- activityBar.foreground#33cc33
- activityBar.inactiveForeground#33cc3395
- activityBarBadge.background#486484
- badge.background#21222c
- badge.foreground#bbd1dd
- breadcrumb.background#21222c
- breadcrumb.foreground#486484
- button.background#486484
- button.foreground#bbd1dd
- dropdown.background#16171d
- dropdown.border#486484
- editor.background#16171d
- editor.findMatchHighlightBackground#3ba73b75
- editor.foldBackground#2c2d3a50
- editor.foreground#bbd1dd
- editor.hoverHighlightBackground#21222c
- editor.inactiveSelectionBackground#33cc3350
- editor.lineHighlightBackground#33cc3315
- editor.rangeHighlightBackground#16171d
- editor.selectionBackground#33cc3350
- editor.selectionHighlightBackground#33cc3320
- editorBracketMatch.border#486484
- editorCursor.foreground#33cc33
- editorGroup.border#21222c
- editorGroupHeader.tabsBackground#16171d
- editorHoverWidget.background#21222c
- editorHoverWidget.border#486484
- editorHoverWidget.foreground#bbd1dd
- editorIndentGuide.background#21222c95
- editorLineNumber.activeForeground#bbd1dd
- editorLineNumber.foreground#486484
- editorMarkerNavigationError.background#ff661a
- editorMarkerNavigationWarning.background#21222c
- editorPane.background#16171d
- editorSuggestWidget.selectedBackground#2c2d3a
- editorUnnecessaryCode.opacity#000000c0
- editorWarning.foreground#ffff1a
- editorWidget.background#21222c
- editorWidget.border#486484
- errorForeground#bbd1dd
- focusBorder#a64dff
- input.background#16171d
- input.border#21222c
- input.foreground#bbd1dd
- input.placeholderForeground#bbd1dd
- inputOption.activeBorder#a64dff
- inputValidation.errorBackground#21222c
- inputValidation.errorBorder#486484
- inputValidation.infoBackground#21222c
- inputValidation.infoBorder#486484
- inputValidation.warningBackground#21222c
- inputValidation.warningBorder#486484
- list.activeSelectionBackground#2c2d3a50
- list.activeSelectionForeground#33cc33
- list.dropBackground#21222c
- list.focusBackground#2c2d3a50
- list.highlightForeground#33cc33
- list.hoverBackground#2c2d3a50
- list.inactiveSelectionBackground#a64dff30
- list.inactiveSelectionForeground#33cc33
- minimap.findMatchHighlight#bbd1dd
- minimap.selectionHighlight#33cc33
- minimapSlider.activeBackground#2c2d3ab0
- minimapSlider.background#2c2d3a80
- minimapSlider.hoverBackground#2c2d3ab0
- notificationCenterHeader.background#2c2d3a
- notificationCenterHeader.foreground#33cc33
- notifications.background#21222c
- notifications.foreground#bbd1dd
- panel.border#486484
- panelTitle.activeBorder#a64dff
- panelTitle.activeForeground#33cc33
- peekView.border#486484
- peekViewEditor.background#16171d
- peekViewEditor.matchHighlightBackground#486484
- peekViewEditorGutter.background#21222c
- peekViewResult.background#21222c
- peekViewTitle.background#21222c
- pickerGroup.border#486484
- pickerGroup.foreground#21222c
- progressBar.background#486484
- scrollbarSlider.activeBackground#2c2d3ab0
- scrollbarSlider.background#2c2d3a80
- scrollbarSlider.hoverBackground#2c2d3ab0
- selection.background#33cc3390
- settings.checkboxBorder#486484
- settings.checkboxForeground#bbd1dd
- settings.dropdownForeground#bbd1dd
- settings.headerForeground#33cc33
- settings.modifiedItemIndicator#a64dff
- settings.numberInputBackground#21222c
- settings.textInputBackground#21222c
- settings.textInputForeground#bbd1dd
- sideBar.background#16171d
- sideBar.border#486484
- sideBar.foreground#bbd1dd
- sideBarSectionHeader.background#21222c
- sideBarSectionHeader.foreground#a64dff
- sideBarTitle.foreground#33cc33
- statusBar.background#16171d
- statusBar.foreground#33cc33
- tab.activeBorder#a64dff
- tab.activeForeground#33cc33
- tab.inactiveForeground#33cc3390
- tab.unfocusedActiveForeground#33cc3395
- tab.unfocusedInactiveForeground#33cc3390
- terminal.ansiBlack#21222c
- terminal.ansiBlue#268BD2
- terminal.ansiBrightBlack#7a7a8c
- terminal.ansiBrightBlue#1fada6
- terminal.ansiBrightCyan#00ffff
- terminal.ansiBrightGreen#33cc33
- terminal.ansiBrightMagenta#a64dff
- terminal.ansiBrightRed#ff661a
- terminal.ansiBrightWhite#c4edc4
- terminal.ansiBrightYellow#ffff1a
- terminal.ansiCyan#1b9891
- terminal.ansiGreen#33cc33
- terminal.ansiMagenta#9933ff
- terminal.ansiRed#ff704d
- terminal.ansiWhite#bbd1dd
- terminal.ansiYellow#ffff99
- terminal.foreground#bbd1dd
- tree.indentGuidesStroke#21222c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | — | |
| comment | #7D7D69 | bold italic |
| string | #C7BA00 | — |
| string.regexp | #9EFFFF | — |
| constant.numeric | #37D6CB | — |
| variable.language, variable.other | #1BDE3B | — |
| keyword | #A1AD64 | bold |
| storage | #999 | bold italic |
| entity.name.class, entity.name.type.class | #CDF5CC | — |
| entity.name.function | #E3CD26 | — |
| punctuation.definition.variable | — | |
| punctuation.section.embedded.begin, punctuation.section.embedded.end | #54814eff | — |
| constant.language, meta.preprocessor | #07A85D | — |
| support.function.construct, keyword.other.new | #a64dff | — |
| constant.character, constant.other | #3F8A16 | — |
| entity.other.inherited-class | — | |
| variable.parameter | #a64dff | — |
| entity.name.tag | #a64dff95 | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end | #337275 | — |
| entity.other.attribute-name | #8DAD56 | — |
| support.function | #998842 | — |
| punctuation.separator.continuation | #54814eff | — |
| support.constant | — | |
| support.type, support.class | #5cb3ffb9 | — |
| support.type.exception | #4f8949ff | — |
| support.other.variable | — | |
| invalid | #CC7E7E | — |
| markup.quote | #68AD1F | — |
| markup.list | #9DC734 | — |
| markup.bold, markup.italic | #519b49ff | — |
| markup.inline.raw | #54814eff | — |
| markup.heading | #E08C48 | — |
| markup.heading.setext | #519449ff | — |
| variable.language | #8FFFE9 | — |
| entity.name.function | #ffaf12 | — |
| meta.brace.round | #99FF7A | — |
| string.quoted.double.html | #82FF5C | — |
| punctuation.definition.tag | #a64dff90 | — |
| entity.name.type.instance | #a64dff85 | — |
| string.quoted.js | #C7BA00 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...