Jackhammer Syntax
Publisher: VoidThemes in package: 2
Dark and bright syntax theme for VS Code
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.background#1D212E
- activityBar.border#262B3D
- activityBar.foreground#c5c8c6
- activityBar.inactiveForeground#485375
- activityBarBadge.background#8ABCD5
- activityBarBadge.foreground#1D212E
- badge.background#8ABCD5
- badge.foreground#1D212E
- breadcrumb.activeSelectionForeground#c5c8c6
- breadcrumb.focusForeground#c5c8c6
- breadcrumb.foreground#485375
- debugExceptionWidget.background#E04D6930
- debugExceptionWidget.border#E04D69
- debugToolBar.background#262B3D
- dropdown.background#262B3D
- dropdown.border#373F59
- dropdown.foreground#c5c8c6
- dropdown.listBackground#1D212E
- editor.background#1D212E
- editor.findMatchBackground#65759B40
- editor.findMatchHighlightBackground#65759B30
- editor.foreground#c5c8c6
- editor.hoverHighlightBackground#262B3D60
- editor.inactiveSelectionBackground#3B426480
- editor.lineHighlightBackground#262B3D40
- editor.rangeHighlightBackground#262B3D60
- editor.selectionBackground#3B4264
- editor.wordHighlightBackground#3B426440
- editor.wordHighlightStrongBackground#3B426460
- editorBracketMatch.background#373F5960
- editorBracketMatch.border#485375
- editorCursor.foreground#ffffff
- editorError.foreground#E04D69
- editorGroup.border#262B3D
- editorGroupHeader.noTabsBackground#1D212E
- editorGroupHeader.tabsBackground#1D212E
- editorGutter.addedBackground#E99FBF
- editorGutter.background#1E222F
- editorGutter.deletedBackground#E04D69
- editorGutter.modifiedBackground#CA708A
- editorHint.foreground#65759B
- editorHoverWidget.background#262B3D
- editorHoverWidget.border#373F59
- editorIndentGuide.activeBackground#485375
- editorIndentGuide.background#373F59
- editorInfo.foreground#8ABCD5
- editorLineNumber.activeForeground#c5c8c6
- editorLineNumber.foreground#485375
- editorOverviewRuler.border#1D212E
- editorSuggestWidget.background#262B3D
- editorSuggestWidget.border#373F59
- editorSuggestWidget.foreground#c5c8c6
- editorSuggestWidget.highlightForeground#8ABCD5
- editorSuggestWidget.selectedBackground#373F59
- editorWarning.foreground#CA708A
- editorWhitespace.foreground#373F59
- editorWidget.background#262B3D
- editorWidget.border#373F59
- gitDecoration.addedResourceForeground#E99FBF
- gitDecoration.conflictingResourceForeground#C4B4C6
- gitDecoration.deletedResourceForeground#E04D69
- gitDecoration.ignoredResourceForeground#485375
- gitDecoration.modifiedResourceForeground#CA708A
- gitDecoration.renamedResourceForeground#8ABCD5
- gitDecoration.stageDeletedResourceForeground#E04D69
- gitDecoration.stageModifiedResourceForeground#CA708A
- gitDecoration.untrackedResourceForeground#E99FBF
- input.background#262B3D
- input.border#373F59
- input.foreground#c5c8c6
- input.placeholderForeground#485375
- inputOption.activeBackground#8ABCD530
- inputOption.activeBorder#8ABCD5
- inputValidation.errorBackground#E04D6930
- inputValidation.errorBorder#E04D69
- inputValidation.infoBackground#8ABCD530
- inputValidation.infoBorder#8ABCD5
- inputValidation.warningBackground#CA708A30
- inputValidation.warningBorder#CA708A
- list.activeSelectionBackground#373F59
- list.activeSelectionForeground#c5c8c6
- list.errorForeground#E04D69
- list.focusBackground#373F59
- list.focusForeground#c5c8c6
- list.highlightForeground#8ABCD5
- list.hoverBackground#262B3D
- list.hoverForeground#c5c8c6
- list.inactiveSelectionBackground#262B3D
- list.inactiveSelectionForeground#c5c8c6
- list.warningForeground#CA708A
- menu.background#262B3D
- menu.foreground#c5c8c6
- menu.selectionBackground#373F59
- menu.selectionForeground#c5c8c6
- menu.separatorBackground#373F59
- minimap.background#1D212E
- minimap.findMatchHighlight#65759B40
- minimap.selectionHighlight#3B4264
- minimapGutter.addedBackground#E99FBF
- minimapGutter.deletedBackground#E04D69
- minimapGutter.modifiedBackground#CA708A
- notificationCenter.border#373F59
- notificationLink.foreground#8ABCD5
- notifications.background#262B3D
- notifications.foreground#c5c8c6
- panel.background#1D212E
- panel.border#262B3D
- panelTitle.activeBorder#8ABCD5
- panelTitle.activeForeground#c5c8c6
- panelTitle.inactiveForeground#485375
- peekView.border#373F59
- peekViewEditor.background#262B3D
- peekViewEditor.matchHighlightBackground#65759B40
- peekViewResult.background#262B3D
- peekViewResult.fileForeground#c5c8c6
- peekViewResult.lineForeground#485375
- peekViewResult.matchHighlightBackground#65759B40
- peekViewResult.selectionBackground#373F59
- peekViewResult.selectionForeground#c5c8c6
- peekViewTitle.background#262B3D
- peekViewTitleDescription.foreground#485375
- peekViewTitleLabel.foreground#c5c8c6
- progressBar.background#8ABCD5
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#373F5980
- scrollbarSlider.background#373F5940
- scrollbarSlider.hoverBackground#373F5960
- settings.checkboxBackground#262B3D
- settings.checkboxBorder#373F59
- settings.dropdownBackground#262B3D
- settings.dropdownBorder#373F59
- settings.headerForeground#c5c8c6
- settings.modifiedItemIndicator#CA708A
- settings.numberInputBackground#262B3D
- settings.numberInputBorder#373F59
- settings.textInputBackground#262B3D
- settings.textInputBorder#373F59
- sideBar.background#1D212E
- sideBar.border#262B3D
- sideBar.foreground#c5c8c6
- sideBarSectionHeader.background#262B3D
- sideBarSectionHeader.border#373F59
- sideBarSectionHeader.foreground#c5c8c6
- sideBarTitle.foreground#c5c8c6
- statusBar.background#1D212E
- statusBar.border#262B3D
- statusBar.debuggingBackground#E04D69
- statusBar.debuggingForeground#1D212E
- statusBar.foreground#c5c8c6
- statusBar.noFolderBackground#262B3D
- statusBar.noFolderForeground#c5c8c6
- statusBarItem.activeBackground#373F59
- statusBarItem.hoverBackground#262B3D
- statusBarItem.prominentBackground#262B3D
- statusBarItem.prominentHoverBackground#373F59
- symbolIcon.arrayForeground#CA708A
- symbolIcon.booleanForeground#E04D69
- symbolIcon.classForeground#8ABCD5
- symbolIcon.colorForeground#65759B
- symbolIcon.constantForeground#CA708A
- symbolIcon.constructorForeground#c5c8c6
- symbolIcon.enumeratorForeground#CA708A
- symbolIcon.enumeratorMemberForeground#CA708A
- symbolIcon.eventForeground#E04D69
- symbolIcon.fieldForeground#65759B
- symbolIcon.fileForeground#c5c8c6
- symbolIcon.folderForeground#c5c8c6
- symbolIcon.functionForeground#c5c8c6
- symbolIcon.interfaceForeground#8ABCD5
- symbolIcon.keyForeground#CA708A
- symbolIcon.keywordForeground#E04D69
- symbolIcon.methodForeground#c5c8c6
- symbolIcon.moduleForeground#8ABCD5
- symbolIcon.namespaceForeground#8ABCD5
- symbolIcon.nullForeground#485375
- symbolIcon.numberForeground#E99FBF
- symbolIcon.objectForeground#8ABCD5
- symbolIcon.operatorForeground#c5c8c6
- symbolIcon.packageForeground#CA708A
- symbolIcon.propertyForeground#65759B
- symbolIcon.referenceForeground#8ABCD5
- symbolIcon.snippetForeground#E04D69
- symbolIcon.stringForeground#CA708A
- symbolIcon.structForeground#8ABCD5
- symbolIcon.textForeground#c5c8c6
- symbolIcon.typeParameterForeground#8ABCD5
- symbolIcon.unitForeground#CA708A
- symbolIcon.variableForeground#65759B
- tab.activeBackground#1D212E
- tab.activeBorder#8ABCD5
- tab.activeBorderTop#8ABCD5
- tab.activeForeground#c5c8c6
- tab.border#262B3D
- tab.hoverBackground#262B3D
- tab.hoverBorder#485375
- tab.inactiveBackground#1D212E
- tab.inactiveForeground#485375
- terminal.ansiBlack#1D212E
- terminal.ansiBlue#8ABCD5
- terminal.ansiBrightBlack#485375
- terminal.ansiBrightBlue#8ABCD5
- terminal.ansiBrightCyan#65759B
- terminal.ansiBrightGreen#E99FBF
- terminal.ansiBrightMagenta#C4B4C6
- terminal.ansiBrightRed#E04D69
- terminal.ansiBrightWhite#c5c8c6
- terminal.ansiBrightYellow#CA708A
- terminal.ansiCyan#65759B
- terminal.ansiGreen#E99FBF
- terminal.ansiMagenta#C4B4C6
- terminal.ansiRed#E04D69
- terminal.ansiWhite#c5c8c6
- terminal.ansiYellow#CA708A
- terminal.background#1D212E
- terminal.foreground#c5c8c6
- terminalCursor.foreground#ffffff
- titleBar.activeBackground#1D212E
- titleBar.activeForeground#c5c8c6
- titleBar.border#262B3D
- titleBar.inactiveBackground#1D212E
- titleBar.inactiveForeground#485375
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #485375 | — |
| keyword, keyword.control | #E04D69 | — |
| keyword.operator | #c5c8c6 | — |
| keyword.other.special-method | #8ABCD5 | — |
| keyword.other.unit | #CA708A | — |
| storage, storage.type, storage.modifier | #E04D69 | — |
| constant | #CA708A | — |
| constant.character.escape | #65759B | — |
| constant.numeric | #E99FBF | — |
| constant.other.color | #65759B | — |
| constant.other.symbol | #8ABCD5 | — |
| variable | #65759B | — |
| variable.interpolation | #C93856 | — |
| variable.parameter.function | #c5c8c6 | — |
| invalid.illegal | #1D212E | — |
| string | #CA708A | — |
| string.regexp | #65759B | — |
| string.regexp.source.ruby.embedded | #CA708A | — |
| string.other.link | #E04D69 | — |
| punctuation.definition.comment | #485375 | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #c5c8c6 | — |
| punctuation.definition.heading, punctuation.definition.identity | #8ABCD5 | — |
| punctuation.definition.bold | #8ABCD5 | bold |
| punctuation.definition.italic | #C4B4C6 | italic |
| punctuation.section.embedded | #C93856 | — |
| support.class | #8ABCD5 | — |
| support.function | #65759B | — |
| support.function.any-method | #8ABCD5 | — |
| entity.name.function | #c5c8c6 | — |
| entity.name.type, entity.name.type.class | #8ABCD5 | underline |
| entity.name.class | #8ABCD5 | — |
| entity.other.inherited-class | #E99FBF | — |
| entity.name.section | #8ABCD5 | — |
| entity.name.tag | #E04D69 | underline |
| entity.other.attribute-name | #CA708A | — |
| entity.other.attribute-name.id | #8ABCD5 | — |
| meta.class | #8ABCD5 | — |
| meta.link | #CA708A | — |
| meta.require | #8ABCD5 | — |
| meta.selector | #C4B4C6 | — |
| meta.separator | #c5c8c6 | — |
| none | #c5c8c6 | — |
| markup.bold | #CA708A | bold |
| markup.changed | #C4B4C6 | — |
| markup.deleted | #E04D69 | — |
| markup.italic | #C4B4C6 | italic |
| markup.heading punctuation.definition.heading | #8ABCD5 | — |
| markup.heading, entity.name.section.markdown | #8ABCD5 | bold |
| markup.inserted | #E99FBF | — |
| markup.list | #E04D69 | — |
| markup.quote | #CA708A | — |
| markup.raw.inline | #E99FBF | — |
| markup.heading.markdown, entity.name.section.markdown | #E99FBF | — |
| source.gfm markup.heading | #E99FBF | — |
| markup.heading.markdown, entity.name.section.markdown | #E99FBF | — |
| markup.bold.markdown | #CA708A | bold |
| markup.italic.markdown | #C4B4C6 | italic |
| markup.strikethrough.markdown | #485375 | strikethrough |
| string.other.link.title.markdown, string.other.link.description.markdown | #8ABCD5 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #65759B | — |
| markup.fenced_code.block.markdown, markup.raw.block.markdown | #CA708A | — |
| markup.quote.markdown | #485375 | italic |
| punctuation.definition.list.begin.markdown | #E04D69 | — |
| support.type.property-name.json | #8ABCD5 | — |
| constant.language.json | #E04D69 | — |
| entity.name.tag.yaml | #8ABCD5 | — |
| support.type.property-name.css | #8ABCD5 | — |
| support.constant.property-value.css | #CA708A | — |
| entity.name.tag.css | #E04D69 | underline |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css | #CA708A | — |
| entity.name.tag.html | #E04D69 | underline |
| entity.other.attribute-name.html | #CA708A | — |
| entity.other.attribute-name.id.html | #8ABCD5 | — |
| entity.name.type.class.js, entity.name.type.class.ts, entity.name.type.tsx | #8ABCD5 | — |
| entity.name.function.js, entity.name.function.ts | #c5c8c6 | — |
| meta.decorator, punctuation.decorator | #C4B4C6 | — |
| entity.name.function.decorator.python | #C4B4C6 | — |
| constant.other.symbol.ruby | #65759B | — |
| support.function.package.go | #8ABCD5 | — |
| meta.diff, meta.diff.header | #485375 | — |
| markup.deleted | #E04D69 | — |
| markup.inserted | #E99FBF | — |
| markup.changed | #CA708A | — |
| variable.css | #65759B | — |
| support.constant.color.css | #65759B | — |
| entity.name.type.rust | #8ABCD5 | — |
| support.macro.rust | #8ABCD5 | — |
| entity.name.type.swift, support.type.swift | #8ABCD5 | — |
| keyword.control.import, keyword.control.export | #E04D69 | — |
| string.regexp | #65759B | — |