PewPew's grey matter
Publisher: PewPewThemes in package: 1
Don't make me blind, pls
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#00000000
- activityBar.activeBorder#ffffff00
- activityBar.activeFocusBorder#ffffff
- activityBar.background#191919
- activityBar.border#00000000
- activityBar.dropBorder#000000
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#ffffff66
- activityBarBadge.background#ffffff
- activityBarBadge.foreground#000000
- badge.background#f5f5f5
- badge.foreground#000000
- banner.background#c0c0c0
- banner.foreground#000000
- banner.iconForeground#000000
- breadcrumb.activeSelectionForeground#dadada
- breadcrumb.background#ffffff
- breadcrumb.focusForeground#000000b4
- breadcrumb.foreground#000000
- breadcrumbPicker.background#f5f5f5
- button.background#5a5a5a
- button.border#ff000000
- button.foreground#ffffff
- button.hoverBackground#242424
- button.secondaryBackground#727272
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#3b3b3b
- debugConsole.errorForeground#640000
- debugConsole.infoForeground#0033a1
- debugConsole.sourceForeground#000000
- debugConsole.warningForeground#534b00
- debugConsoleInputIcon.foreground#000000
- debugExceptionWidget.background#fdd5d5
- debugExceptionWidget.border#990000
- debugIcon.breakpointCurrentStackframeForeground#c70000
- debugIcon.breakpointDisabledForeground#ff8181
- debugIcon.breakpointForeground#c70000
- debugIcon.breakpointStackframeForeground#c70000
- debugIcon.breakpointUnverifiedForeground#c70000
- debugIcon.continueForeground#328601
- debugIcon.disconnectForeground#ff0000
- debugIcon.pauseForeground#0051ff
- debugIcon.restartForeground#328601
- debugIcon.startForeground#00d624
- debugIcon.stepBackForeground#ff0000
- debugIcon.stepIntoForeground#0059ff
- debugIcon.stepOutForeground#0059ff
- debugIcon.stepOverForeground#0059ff
- debugIcon.stopForeground#ff0000
- debugToolBar.background#e7e7e7
- debugToolBar.border#000000
- debugView.exceptionLabelBackground#680000
- debugView.exceptionLabelForeground#ffffff
- debugView.stateLabelBackground#680000
- debugView.stateLabelForeground#ffffff
- debugView.valueChangedHighlight#ffe17d
- diffEditor.border#000000
- diffEditor.diagonalFill#ffdcdc
- diffEditor.insertedTextBackground#c9ffb957
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#ff00001a
- diffEditor.removedTextBorder#ff000000
- editor.background#f8f8f8
- editor.findMatchBackground#b7ff88
- editor.findMatchBorder#78fa21
- editor.findMatchHighlightBackground#e1ffcc
- editor.findMatchHighlightBorder#e0ffcc
- editor.findRangeHighlightBackground#b4b4b44d
- editor.findRangeHighlightBorder#ffffff00
- editor.focusedStackFrameHighlightBackground#ff0000
- editor.foldBackground#add6ff4d
- editor.foreground#000000
- editor.hoverHighlightBackground#feffefd3
- editor.inactiveSelectionBackground#e5ebf1
- editor.inlineValuesBackground#ff0000
- editor.inlineValuesForeground#ff0000
- editor.lineHighlightBackground#ffffff0a
- editor.lineHighlightBorder#eeeeee
- editor.linkedEditingBackground#704848
- editor.rangeHighlightBackground#fdff0033
- editor.rangeHighlightBorder#ffffff00
- editor.selectionBackground#dfdfdf
- editor.selectionForeground#000000
- editor.selectionHighlightBackground#add6ff80
- editor.selectionHighlightBorder#495f77
- editor.snippetFinalTabstopHighlightBackground#ff0000
- editor.snippetFinalTabstopHighlightBorder#ff0000
- editor.snippetTabstopHighlightBackground#ff0000
- editor.snippetTabstopHighlightBorder#ff0000
- editor.stackFrameHighlightBackground#ff0000
- editor.symbolHighlightBackground#e0e0e0
- editor.symbolHighlightBorder#00000000
- editor.wordHighlightBackground#e4e4e4d7
- editor.wordHighlightBorder#000000
- editor.wordHighlightStrongBackground#fffc5ca9
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#e4e4e4d7
- editorBracketMatch.border#000000
- editorCodeLens.foreground#999999
- editorCursor.background#000000
- editorCursor.foreground#000000
- editorError.background#b73a3400
- editorError.border#ffffff00
- editorError.foreground#e51400
- editorGhostText.background#000000
- editorGhostText.border#00000000
- editorGhostText.foreground#ffffff
- editorGroup.border#000000
- editorGroup.dropBackground#70707079
- editorGroup.emptyBackground#464646
- editorGroup.focusedEmptyBorder#000000
- editorGroupHeader.border#000000
- editorGroupHeader.noTabsBackground#5858582f
- editorGroupHeader.tabsBackground#a5a5a5
- editorGroupHeader.tabsBorder#ffffff
- editorGutter.addedBackground#00ac1f
- editorGutter.background#ffffff
- editorGutter.commentRangeForeground#ff0000
- editorGutter.deletedBackground#d40000
- editorGutter.foldingControlForeground#424242
- editorGutter.modifiedBackground#007fd3
- editorHint.border#ff0000
- editorHint.foreground#ff0000
- editorHoverWidget.background#dadada
- editorHoverWidget.border#000000
- editorHoverWidget.foreground#000000
- editorHoverWidget.highlightForeground#ff0000
- editorHoverWidget.statusBarBackground#cfcfcf
- editorIndentGuide.activeBackground#939393
- editorIndentGuide.background#d3d3d3
- editorInfo.background#4490bf00
- editorInfo.border#4490bf00
- editorInfo.foreground#75beff
- editorInlayHint.background#ff0000
- editorInlayHint.foreground#ff0000
- editorInlayHint.parameterBackground#ff0000
- editorInlayHint.parameterForeground#ff0000
- editorInlayHint.typeBackground#ff0000
- editorInlayHint.typeForeground#ff0000
- editorLightBulb.foreground#b1a502
- editorLightBulbAutoFix.foreground#00a316
- editorLineNumber.activeForeground#880000
- editorLineNumber.foreground#000000
- editorLink.activeForeground#0000ff
- editorMarkerNavigation.background#ffffff
- editorMarkerNavigationError.background#e51400
- editorMarkerNavigationError.headerBackground#ff0000
- editorMarkerNavigationInfo.background#75beff
- editorMarkerNavigationInfo.headerBackground#ff0000
- editorMarkerNavigationWarning.background#e9a700
- editorMarkerNavigationWarning.headerBackground#ff0000
- editorOverviewRuler.addedForeground#ff0000
- editorOverviewRuler.background#25252500
- editorOverviewRuler.border#7f7f7f4d
- editorOverviewRuler.bracketMatchForeground#ff0000
- editorOverviewRuler.commonContentForeground#ff0000
- editorOverviewRuler.currentContentForeground#ff0000
- editorOverviewRuler.deletedForeground#ff0000
- editorOverviewRuler.errorForeground#ff0000
- editorOverviewRuler.findMatchForeground#ff0000
- editorOverviewRuler.incomingContentForeground#ff0000
- editorOverviewRuler.infoForeground#ff0000
- editorOverviewRuler.modifiedForeground#ff0000
- editorOverviewRuler.rangeHighlightForeground#ff0000
- editorOverviewRuler.selectionHighlightForeground#ff0000
- editorOverviewRuler.warningForeground#ff0000
- editorOverviewRuler.wordHighlightForeground#ff0000
- editorOverviewRuler.wordHighlightStrongForeground#ff0000
- editorPane.background#e00c0c44
- editorRuler.foreground#d3d3d3
- editorSuggestWidget.background#f3f3f3
- editorSuggestWidget.border#414141
- editorSuggestWidget.focusHighlightForeground#000000
- editorSuggestWidget.foreground#5e5e5e
- editorSuggestWidget.highlightForeground#000000
- editorSuggestWidget.selectedBackground#d1d1d1
- editorSuggestWidget.selectedForeground#202020
- editorSuggestWidget.selectedIconForeground#000000
- editorSuggestWidgetStatus.foreground#ff0000
- editorUnicodeHighlight.border#ff0000
- editorUnnecessaryCode.border#ff0000
- editorUnnecessaryCode.opacity#ff0000
- editorWarning.background#a9904000
- editorWarning.border#ffffff00
- editorWarning.foreground#e9a700
- editorWhitespace.foreground#33333333
- editorWidget.background#e6e6e6
- editorWidget.border#000000
- editorWidget.foreground#040404
- editorWidget.resizeBorder#000000
- focusBorder#000000
- gitDecoration.addedResourceForeground#145e00
- gitDecoration.conflictingResourceForeground#000766
- gitDecoration.deletedResourceForeground#720000
- gitDecoration.ignoredResourceForeground#757575
- gitDecoration.modifiedResourceForeground#5e3a00
- gitDecoration.renamedResourceForeground#610061
- gitDecoration.stageDeletedResourceForeground#910000
- gitDecoration.stageModifiedResourceForeground#945b00
- gitDecoration.submoduleResourceForeground#007e73
- gitDecoration.untrackedResourceForeground#145e00
- input.background#ffffff
- input.border#00000000
- input.foreground#000000
- input.placeholderForeground#b2b2b2
- inputOption.activeBackground#daefff
- inputOption.activeBorder#9ad6fff1
- inputOption.activeForeground#000000
- inputOption.hoverBackground#e6f3fd
- inputValidation.errorBackground#ff0000
- inputValidation.errorBorder#ff0000
- inputValidation.errorForeground#ff0000
- inputValidation.infoBackground#ff0000
- inputValidation.infoBorder#ff0000
- inputValidation.infoForeground#ff0000
- inputValidation.warningBackground#ff0000
- inputValidation.warningBorder#ff0000
- inputValidation.warningForeground#ff0000
- list.activeSelectionBackground#c2c2c2
- list.activeSelectionForeground#000000
- list.deemphasizedForeground#000000
- list.dropBackground#7499be
- list.errorForeground#1ea51e
- list.filterMatchBackground#858585
- list.filterMatchBorder#ff000000
- list.focusBackground#e6e6e6
- list.focusForeground#000000
- list.focusHighlightForeground#000000
- list.focusOutline#00000000
- list.highlightForeground#000000
- list.hoverBackground#bdbdbd
- list.hoverForeground#000000
- list.inactiveFocusBackground#ff000000
- list.inactiveFocusOutline#0060c000
- list.inactiveSelectionBackground#9b9b9b70
- list.inactiveSelectionForeground#000000
- list.invalidItemForeground#9e0000
- list.warningForeground#9e0000
- listFilterWidget.background#fff669
- listFilterWidget.noMatchesOutline#ff0000
- listFilterWidget.outline#000000
- menu.background#d4d4d4
- menu.border#000000
- menu.foreground#000000
- menu.selectionBackground#929292
- menu.selectionBorder#ffffff00
- menu.selectionForeground#ffffff
- menu.separatorBackground#000000
- menubar.selectionBackground#a5a5a5
- menubar.selectionBorder#ff000000
- menubar.selectionForeground#000000
- merge.border#00000000
- merge.commonContentBackground#e5e5e5
- merge.commonHeaderBackground#bfbfbf
- merge.currentContentBackground#dbf4ef
- merge.currentHeaderBackground#a4e3d6
- merge.incomingContentBackground#dbecff
- merge.incomingHeaderBackground#a6cfff
- minimap.background#dadada
- minimap.errorHighlight#ff6767
- minimap.findMatchHighlight#6eff0d
- minimap.foregroundOpacity#000000
- minimap.selectionHighlight#ebebeb
- minimap.selectionOccurrenceHighlight#c91d1d2c
- minimap.warningHighlight#ff0000
- minimapGutter.addedBackground#00b822
- minimapGutter.deletedBackground#ff0000
- minimapGutter.modifiedBackground#0099ff
- minimapSlider.activeBackground#55555531
- minimapSlider.background#b3b3b34d
- minimapSlider.hoverBackground#85858531
- notificationCenter.border#000000
- notificationCenterHeader.background#b8b8b8
- notificationCenterHeader.foreground#000000
- notificationLink.foreground#0039d4
- notifications.background#dbdbdb
- notifications.border#000000
- notifications.foreground#000000
- notificationsErrorIcon.foreground#a70f00
- notificationsInfoIcon.foreground#005cad
- notificationsWarningIcon.foreground#ffe297
- notificationToast.border#000000
- panel.background#cecece
- panel.border#000000
- panel.dropBorder#000000
- panelInput.border#ff0000
- panelSection.border#ff0000
- panelSection.dropBackground#ff0000
- panelSectionHeader.background#ff0000
- panelSectionHeader.border#ff0000
- panelSectionHeader.foreground#ff0000
- panelTitle.activeBorder#000000
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#000000
- peekView.border#000000
- peekViewEditor.background#ffffff
- peekViewEditor.matchHighlightBackground#e2fddb
- peekViewEditor.matchHighlightBorder#b4b4b400
- peekViewEditorGutter.background#e0e0e0
- peekViewResult.background#e0e0e0
- peekViewResult.fileForeground#000000
- peekViewResult.lineForeground#303030
- peekViewResult.matchHighlightBackground#e1ffc5
- peekViewResult.selectionBackground#aaaaaa
- peekViewResult.selectionForeground#070707
- peekViewTitle.background#ffffff
- peekViewTitleDescription.foreground#000000e6
- peekViewTitleLabel.foreground#000000
- pickerGroup.border#ffffff00
- pickerGroup.foreground#000000
- progressBar.background#c70000
- scrollbar.shadow#d1d1d1
- scrollbarSlider.activeBackground#3a3a3a18
- scrollbarSlider.background#00000027
- scrollbarSlider.hoverBackground#1b1b1b27
- searchEditor.findMatchBackground#ff0000
- searchEditor.findMatchBorder#ff0000
- searchEditor.textInputBorder#ff0000
- selection.background#daefff
- sideBar.background#dadada
- sideBar.border#000000
- sideBar.dropBackground#c0c0c0
- sideBar.foreground#000000
- sideBarSectionHeader.background#c0c0c0
- sideBarSectionHeader.border#000000
- sideBarSectionHeader.foreground#000000
- sideBarTitle.foreground#000000
- sideBySideEditor.horizontalBorder#ff0000
- sideBySideEditor.verticalBorder#ff0000
- statusBar.background#000000
- statusBar.border#000000
- statusBar.debuggingBackground#ffd87c
- statusBar.debuggingBorder#000000
- statusBar.debuggingForeground#000000
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#b4b4b4
- statusBar.noFolderBorder#000000
- statusBar.noFolderForeground#000000
- statusBarItem.activeBackground#6d6d6d
- statusBarItem.compactHoverBackground#ff0000
- statusBarItem.errorBackground#ffffff
- statusBarItem.errorForeground#6b0000
- statusBarItem.hoverBackground#505050
- statusBarItem.prominentBackground#000000
- statusBarItem.prominentForeground#ffa4a4
- statusBarItem.prominentHoverBackground#c9c9c9
- statusBarItem.remoteBackground#000000
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#000000
- statusBarItem.warningForeground#ffa8a8
- tab.activeBackground#ffffff
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#000000
- tab.activeModifiedBorder#ff0000
- tab.border#000000
- tab.hoverBackground#e6e6e6
- tab.hoverBorder#ffffff00
- tab.hoverForeground#000000
- tab.inactiveBackground#cecece
- tab.inactiveForeground#000000b3
- tab.inactiveModifiedBorder#ff000083
- tab.lastPinnedBorder#7e7e7e
- tab.unfocusedActiveBackground#dddddd
- tab.unfocusedActiveBorder#000000
- tab.unfocusedActiveBorderTop#000000
- tab.unfocusedActiveForeground#000000
- tab.unfocusedActiveModifiedBorder#ff000083
- tab.unfocusedHoverBackground#e6e6e6
- tab.unfocusedHoverBorder#000000
- tab.unfocusedHoverForeground#303030
- tab.unfocusedInactiveModifiedBorder#000000
- terminal.background#222222
- terminal.border#00000000
- terminal.dropBackground#e4e4e4
- terminal.foreground#dfdfdf
- terminal.selectionBackground#acacac48
- terminal.tab.activeBorder#ffffff
- terminalCursor.background#000000
- terminalCursor.foreground#ffffff
- textLink.activeForeground#1e5aff
- textLink.foreground#0039d4
- titleBar.activeBackground#191919
- titleBar.activeForeground#ffffff
- titleBar.border#00000000
- titleBar.inactiveBackground#000000be
- titleBar.inactiveForeground#ececec
- toolbar.activeBackground#ffffff00
- toolbar.hoverBackground#b9b9b9
- toolbar.hoverOutline#ffffff00
- tree.indentGuidesStroke#000000
- tree.tableColumnsBorder#000000
- tree.tableOddRowsBackground#ff000000
- widget.shadow#19191922
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #448C27 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #777777 | — |
| keyword, storage | #4B83CD | — |
| storage.type, support.type | #7A3E9D | — |
| constant.language, support.constant, variable.language | #AB6526 | — |
| variable, support.variable | #7A3E9D | — |
| entity.name.function, support.function | #AA3731 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #7A3E9D | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #AB6526 | — |
| string | #448C27 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #777777 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #91B3E0 | — |
| entity.name.tag | #4B83CD | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91B3E0 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-name, support.type.property-name | #AB6526 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |