Pure Monochrome
Publisher: username918r818Themes in package: 1
Monochrome dark theme for VS Code.
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#101010
- activityBar.background#101010
- activityBar.border#191919
- activityBar.foreground#b1b1b1
- activityBar.inactiveForeground#444444
- activityBarBadge.background#a2a2a2
- badge.background#262626
- badge.foreground#b1b1b1
- button.background#252525
- button.hoverBackground#2b2b2b
- checkbox.border#191919
- debugIcon.breakpointCurrentStackframeForeground#a9a9a9
- debugIcon.breakpointDisabledForeground#a9a9a9
- debugIcon.breakpointForeground#a9a9a9
- debugIcon.breakpointStackframeForeground#a9a9a9
- debugIcon.breakpointUnverifiedForeground#a9a9a9
- debugIcon.continueForeground#a9a9a9
- debugIcon.disconnectForeground#a9a9a9
- debugIcon.pauseForeground#a9a9a9
- debugIcon.restartForeground#a9a9a9
- debugIcon.startForeground#a9a9a9
- debugIcon.stepBackForeground#a9a9a9
- debugIcon.stepIntoForeground#a9a9a9
- debugIcon.stepOutForeground#a9a9a9
- debugIcon.stepOverForeground#a9a9a9
- debugIcon.stopForeground#a9a9a9
- debugToolBar.background#101010
- dropdown.background#101010
- dropdown.foreground#a9a9a9
- editor.background#101010
- editor.findMatchBackground#101010
- editor.findMatchBorder#7e7e7e
- editor.findMatchHighlightBackground#101010
- editor.findMatchHighlightBorder#444444
- editor.foldBackground#101010
- editor.foreground#eaeaea
- editor.hoverHighlightBackground#1d1d1d
- editor.lineHighlightBackground#151515
- editor.selectionBackground#1d1d1d
- editorBracketMatch.background#101010
- editorBracketMatch.border#444444
- editorCursor.foreground#eaeaea
- editorError.foreground#5f5f5f
- editorGroup.border#191919
- editorGroupHeader.tabsBackground#101010
- editorGroupHeader.tabsBorder#191919
- editorHoverWidget.statusBarBackground#101010
- editorIndentGuide.activeBackground#454545
- editorIndentGuide.background#222222
- editorInfo.foreground#5f5f5f
- editorLightBulb.foreground#a9a9a9
- editorLineNumber.activeForeground#494949
- editorLineNumber.foreground#262626
- editorLink.activeForeground#b1b1b1
- editorOverviewRuler.border#191919
- editorRuler.foreground#222222
- editorSuggestWidget.foreground#a2a2a2
- editorSuggestWidget.highlightForeground#b1b1b1
- editorWarning.foreground#5f5f5f
- editorWhitespace.foreground#262626
- editorWidget.background#101010
- focusBorder#101010
- git.blame.editorDecorationForeground#555
- gitDecoration.addedResourceForeground#b1b1b1
- gitDecoration.conflictingResourceForeground#d2d2d2
- gitDecoration.deletedResourceForeground#d2d2d2
- gitDecoration.ignoredResourceForeground#555
- gitDecoration.modifiedResourceForeground#d2d2d2
- gitDecoration.renamedResourceForeground#d2d2d2
- gitDecoration.stageDeletedResourceForeground#b1b1b1
- gitDecoration.stageModifiedResourceForeground#b1b1b1
- gitDecoration.submoduleResourceForeground#929292
- gitDecoration.untrackedResourceForeground#d2d2d2
- icon.foreground#404040
- input.background#101010
- input.border#101010
- input.foreground#a9a9a9
- list.activeSelectionBackground#191919
- list.activeSelectionForeground#b1b1b1
- list.errorForeground#ff6342
- list.filterMatchBackground#262626
- list.filterMatchBorder#101010
- list.focusBackground#191919
- list.highlightForeground#939393
- list.hoverBackground#101010
- list.inactiveSelectionBackground#191919
- list.inactiveSelectionForeground#b1b1b1
- list.warningForeground#ffb654
- listFilterWidget.background#101010
- listFilterWidget.noMatchesOutline#ff6342
- listFilterWidget.outline#444444
- menu.background#101010
- menu.foreground#a9a9a9
- menubar.selectionBackground#191919
- panel.border#191919
- panelTitle.activeBorder#101010
- panelTitle.activeForeground#b1b1b1
- panelTitle.inactiveForeground#444444
- peekView.border#404040
- peekViewEditor.background#101010
- peekViewEditor.matchHighlightBackground#101010
- peekViewEditor.matchHighlightBorder#444444
- peekViewEditorGutter.background#101010
- peekViewResult.background#151515
- peekViewResult.fileForeground#939393
- peekViewResult.lineForeground#444444
- peekViewResult.matchHighlightBackground#1d1d1d
- peekViewResult.selectionBackground#101010
- peekViewResult.selectionForeground#b1b1b1
- pickerGroup.foreground#979797
- sash.hoverBorder#1d1d1d
- scrollbar.shadow#101010
- scrollbarSlider.activeBackground#ebebeb0f
- scrollbarSlider.background#ebebeb0f
- scrollbarSlider.hoverBackground#ebebeb0f
- settings.checkboxBorder#191919
- settings.dropdownBorder#191919
- settings.modifiedItemIndicator#404040
- settings.textInputBorder#191919
- sideBar.background#101010
- sideBar.border#191919
- sideBar.foreground#a2a2a2
- sideBarSectionHeader.background#101010
- sideBarSectionHeader.border#191919
- statusBar.background#101010
- statusBar.border#191919
- statusBar.debuggingBackground#101010
- statusBar.debuggingBorder#191919
- statusBar.debuggingForeground#a9a9a9
- statusBar.foreground#a9a9a9
- statusBar.noFolderBackground#101010
- statusBar.noFolderBorder#191919
- statusBar.noFolderForeground#a9a9a9
- statusBarItem.activeBackground#101010
- statusBarItem.hoverBackground#101010
- symbolIcon.arrayForeground#a9a9a9
- symbolIcon.booleanForeground#a9a9a9
- symbolIcon.classForeground#a9a9a9
- symbolIcon.colorForeground#a9a9a9
- symbolIcon.constantForeground#a9a9a9
- symbolIcon.constructorForeground#a9a9a9
- symbolIcon.enumeratorForeground#a9a9a9
- symbolIcon.enumeratorMemberForeground#a9a9a9
- symbolIcon.eventForeground#a9a9a9
- symbolIcon.fieldForeground#a9a9a9
- symbolIcon.fileForeground#a9a9a9
- symbolIcon.folderForeground#a9a9a9
- symbolIcon.functionForeground#a9a9a9
- symbolIcon.interfaceForeground#a9a9a9
- symbolIcon.keyForeground#a9a9a9
- symbolIcon.keywordForeground#a9a9a9
- symbolIcon.methodForeground#a9a9a9
- symbolIcon.moduleForeground#a9a9a9
- symbolIcon.namespaceForeground#a9a9a9
- symbolIcon.nullForeground#a9a9a9
- symbolIcon.numberForeground#a9a9a9
- symbolIcon.objectForeground#a9a9a9
- symbolIcon.operatorForeground#a9a9a9
- symbolIcon.packageForeground#a9a9a9
- symbolIcon.propertyForeground#a9a9a9
- symbolIcon.referenceForeground#a9a9a9
- symbolIcon.snippetForeground#a9a9a9
- symbolIcon.stringForeground#a9a9a9
- symbolIcon.structForeground#a9a9a9
- symbolIcon.textForeground#a9a9a9
- symbolIcon.typeParameterForeground#a9a9a9
- symbolIcon.unitForeground#a9a9a9
- symbolIcon.variableForeground#a9a9a9
- tab.activeForeground#b1b1b1
- tab.border#101010
- tab.inactiveBackground#101010
- tab.inactiveForeground#444444
- terminal.ansiBlack#101010
- terminal.ansiBlue#3c3c3c
- terminal.ansiBrightBlack#262626
- terminal.ansiBrightBlue#3c3c3c
- terminal.ansiBrightCyan#686868
- terminal.ansiBrightGreen#525252
- terminal.ansiBrightMagenta#939393
- terminal.ansiBrightRed#7e7e7e
- terminal.ansiBrightWhite#ebebeb
- terminal.ansiBrightYellow#a9a9a9
- terminal.ansiCyan#686868
- terminal.ansiGreen#525252
- terminal.ansiMagenta#939393
- terminal.ansiRed#7e7e7e
- terminal.ansiWhite#bfbfbf
- terminal.ansiYellow#a9a9a9
- terminal.background#101010
- terminal.foreground#939393
- terminalCursor.background#101010
- terminalCursor.foreground#eaeaea
- textLink.activeForeground#ebebeb
- textLink.foreground#ebebeb
- textPreformat.foreground#a9a9a9
- titleBar.activeBackground#101010
- titleBar.activeForeground#a9a9a9
- titleBar.border#191919
- titleBar.inactiveBackground#101010
- tree.indentGuidesStroke#212121
- window.activeBorder#191919
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable.parameter.function | #eaeaea | — |
| comment, punctuation.definition.comment | #6a6a6a | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #eaeaea | — |
| none | #eaeaea | — |
| keyword.operator | #eaeaea | — |
| keyword | #dadada | — |
| variable | #a4a4a4 | — |
| entity.name.function, meta.require, support.function.any-method | #a2a2a2 | — |
| support.class, entity.name.class, entity.name.type.class | #939393 | — |
| meta.class | #a9a9a9 | — |
| keyword.other.special-method | #a2a2a2 | — |
| storage | #dadada | — |
| support.function | #7E7E7E | — |
| string, constant.other.symbol, entity.other.inherited-class | #a9a9a9 | — |
| constant.numeric | #a9a9a9 | — |
| none | #a9a9a9 | — |
| none | #a9a9a9 | — |
| constant | #a9a9a9 | — |
| entity.name.tag | #a4a4a4 | — |
| entity.other.attribute-name | #a9a9a9 | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #a2a2a2 | — |
| meta.selector | #dadada | — |
| none | #a9a9a9 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #a2a2a2 | |
| keyword.other.unit | #a9a9a9 | — |
| markup.bold, punctuation.definition.bold | #939393 | bold |
| markup.italic, punctuation.definition.italic | #dadada | italic |
| markup.raw.inline | #a9a9a9 | — |
| string.other.link, punctuation.definition.string.end.markdown | #a4a4a4 | — |
| meta.link | #a9a9a9 | — |
| markup.list | #a4a4a4 | — |
| markup.quote | #a9a9a9 | — |
| meta.separator | #eaeaea | — |
| markup.inserted | #a9a9a9 | — |
| markup.deleted | #a4a4a4 | — |
| markup.changed | #dadada | — |
| constant.other.color | #7E7E7E | — |
| string.regexp | #7E7E7E | — |
| constant.character.escape | #7E7E7E | — |
| punctuation.section.embedded, variable.interpolation | #dadada | — |
| invalid.illegal | #a9a9a9 | — |
| invalid.broken | #101010 | — |
| invalid.deprecated | #a9a9a9 | — |
| invalid.unimplemented | #a9a9a9 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...