Monochrome (fork by dkamyshov)
Publisher: dkamyshovThemes in package: 6
Monochromatic theme collection, for those who seeks.
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.activeBorder#0a1219
- activityBar.background#0a1219
- activityBar.border#1a2228
- activityBar.foreground#f1f5f9
- activityBar.inactiveForeground#6b7177
- activityBarBadge.background#a2a8ad
- badge.background#333b41
- badge.foreground#f1f5f9
- button.background#30373e
- button.hoverBackground#3b4249
- checkbox.border#1a2228
- dart.closingLabels#2a3138
- debugIcon.breakpointCurrentStackframeForeground#f0f4f8
- debugIcon.breakpointDisabledForeground#f0f4f8
- debugIcon.breakpointForeground#f0f4f8
- debugIcon.breakpointStackframeForeground#f0f4f8
- debugIcon.breakpointUnverifiedForeground#f0f4f8
- debugIcon.continueForeground#f0f4f8
- debugIcon.disconnectForeground#f0f4f8
- debugIcon.pauseForeground#f0f4f8
- debugIcon.restartForeground#f0f4f8
- debugIcon.startForeground#f0f4f8
- debugIcon.stepBackForeground#f0f4f8
- debugIcon.stepIntoForeground#f0f4f8
- debugIcon.stepOutForeground#f0f4f8
- debugIcon.stepOverForeground#f0f4f8
- debugIcon.stopForeground#f0f4f8
- debugToolBar.background#0a1219
- dropdown.background#0a1219
- dropdown.foreground#f0f4f8
- editor.background#0a1219
- editor.findMatchBackground#0a1219
- editor.findMatchBorder#d5d9de
- editor.findMatchHighlightBackground#0a1219
- editor.findMatchHighlightBorder#6b7177
- editor.foldBackground#0a1219
- editor.foreground#f1f5f9
- editor.hoverHighlightBackground#222930
- editor.lineHighlightBackground#141c23
- editor.selectionBackground#222930
- editorBracketMatch.background#0a1219
- editorBracketMatch.border#6b7177
- editorCursor.foreground#f1f5f9
- editorError.foreground#ff6545
- editorGroup.border#1a2228
- editorGroupHeader.tabsBackground#0a1219
- editorGroupHeader.tabsBorder#1a2228
- editorHoverWidget.statusBarBackground#0a1219
- editorIndentGuide.activeBackground#6b7177
- editorIndentGuide.background#2a3238
- editorInfo.foreground#9ca1a6
- editorLightBulb.foreground#f0f4f8
- editorLineNumber.activeForeground#73797e
- editorLineNumber.foreground#333b41
- editorLink.activeForeground#f1f5f9
- editorOverviewRuler.border#1a2228
- editorRuler.foreground#2a3238
- editorSuggestWidget.foreground#a2a8ad
- editorSuggestWidget.highlightForeground#f1f5f9
- editorWarning.foreground#ffb957
- editorWhitespace.foreground#333b41
- editorWidget.background#0a1219
- focusBorder#0a1219
- gitDecoration.addedResourceForeground#f1f5f9
- gitDecoration.conflictingResourceForeground#FF0000
- gitDecoration.deletedResourceForeground#F27983
- gitDecoration.ignoredResourceForeground#484F5E
- gitDecoration.modifiedResourceForeground#77A8D9
- gitDecoration.submoduleResourceForeground#D4BFFF
- gitDecoration.untrackedResourceForeground#A6CC70
- icon.foreground#63696f
- input.background#0a1219
- input.border#0a1219
- input.foreground#f0f4f8
- list.activeSelectionBackground#0a1219
- list.activeSelectionForeground#f1f5f9
- list.errorForeground#ff6545
- list.filterMatchBackground#333b41
- list.filterMatchBorder#0a1219
- list.focusBackground#1a2228
- list.highlightForeground#f1f5f9
- list.hoverBackground#0a1219
- list.inactiveSelectionBackground#0a1219
- list.inactiveSelectionForeground#f1f5f9
- list.warningForeground#ffb957
- listFilterWidget.background#0a1219
- listFilterWidget.noMatchesOutline#ff6545
- listFilterWidget.outline#6b7177
- menu.background#0a1219
- menu.foreground#f0f4f8
- menubar.selectionBackground#0a1219
- panel.border#1a2228
- panelTitle.activeBorder#0a1219
- panelTitle.activeForeground#f1f5f9
- panelTitle.inactiveForeground#6b7177
- peekView.border#63696f
- peekViewEditor.background#0a1219
- peekViewEditor.matchHighlightBackground#0a1219
- peekViewEditor.matchHighlightBorder#6b7177
- peekViewEditorGutter.background#0a1219
- peekViewResult.background#141b22
- peekViewResult.fileForeground#f1f5f9
- peekViewResult.lineForeground#6b7177
- peekViewResult.matchHighlightBackground#222930
- peekViewResult.selectionBackground#0a1219
- peekViewResult.selectionForeground#f1f5f9
- pickerGroup.foreground#f1f5f9
- scrollbar.shadow#0a1219
- scrollbarSlider.activeBackground#f1f5f91a
- scrollbarSlider.background#f1f5f91a
- scrollbarSlider.hoverBackground#f1f5f91a
- settings.checkboxBorder#1a2228
- settings.dropdownBorder#1a2228
- settings.modifiedItemIndicator#63696f
- settings.textInputBorder#1a2228
- sideBar.background#0a1219
- sideBar.border#1a2228
- sideBar.foreground#a2a8ad
- sideBarSectionHeader.background#0a1219
- sideBarSectionHeader.border#1a2228
- statusBar.background#0a1219
- statusBar.border#1a2228
- statusBar.debuggingBackground#0a1219
- statusBar.debuggingBorder#1a2228
- statusBar.debuggingForeground#f0f4f8
- statusBar.foreground#f0f4f8
- statusBar.noFolderBackground#0a1219
- statusBar.noFolderBorder#1a2228
- statusBar.noFolderForeground#f0f4f8
- statusBarItem.activeBackground#0a1219
- statusBarItem.hoverBackground#0a1219
- symbolIcon.arrayForeground#f0f4f8
- symbolIcon.booleanForeground#f0f4f8
- symbolIcon.classForeground#f0f4f8
- symbolIcon.colorForeground#f0f4f8
- symbolIcon.constantForeground#f0f4f8
- symbolIcon.constructorForeground#f0f4f8
- symbolIcon.enumeratorForeground#f0f4f8
- symbolIcon.enumeratorMemberForeground#f0f4f8
- symbolIcon.eventForeground#f0f4f8
- symbolIcon.fieldForeground#f0f4f8
- symbolIcon.fileForeground#f0f4f8
- symbolIcon.folderForeground#f0f4f8
- symbolIcon.functionForeground#f0f4f8
- symbolIcon.interfaceForeground#f0f4f8
- symbolIcon.keyForeground#f0f4f8
- symbolIcon.keywordForeground#f0f4f8
- symbolIcon.methodForeground#f0f4f8
- symbolIcon.moduleForeground#f0f4f8
- symbolIcon.namespaceForeground#f0f4f8
- symbolIcon.nullForeground#f0f4f8
- symbolIcon.numberForeground#f0f4f8
- symbolIcon.objectForeground#f0f4f8
- symbolIcon.operatorForeground#f0f4f8
- symbolIcon.packageForeground#f0f4f8
- symbolIcon.propertyForeground#f0f4f8
- symbolIcon.referenceForeground#f0f4f8
- symbolIcon.snippetForeground#f0f4f8
- symbolIcon.stringForeground#f0f4f8
- symbolIcon.structForeground#f0f4f8
- symbolIcon.textForeground#f0f4f8
- symbolIcon.typeParameterForeground#f0f4f8
- symbolIcon.unitForeground#f0f4f8
- symbolIcon.variableForeground#f0f4f8
- tab.activeForeground#f1f5f9
- tab.border#0a1219
- tab.inactiveBackground#0a1219
- tab.inactiveForeground#6b7177
- terminal.ansiBlack#0a1219
- terminal.ansiBlue#5b6167
- terminal.ansiBrightBlack#323a40
- terminal.ansiBrightBlue#5b6167
- terminal.ansiBrightCyan#acb1b6
- terminal.ansiBrightGreen#83898f
- terminal.ansiBrightMagenta#f1f5f9
- terminal.ansiBrightRed#d4d9dd
- terminal.ansiBrightWhite#f1f5f9
- terminal.ansiBrightYellow#f1f5f9
- terminal.ansiCyan#acb1b6
- terminal.ansiGreen#83898f
- terminal.ansiMagenta#f1f5f9
- terminal.ansiRed#d4d9dd
- terminal.ansiWhite#f1f5f9
- terminal.ansiYellow#f1f5f9
- terminal.background#0a1219
- terminal.foreground#f1f5f9
- terminalCursor.background#0a1219
- terminalCursor.foreground#f1f5f9
- textLink.activeForeground#f1f5f9
- textLink.foreground#f1f5f9
- textPreformat.foreground#f0f4f8
- titleBar.activeBackground#0a1219
- titleBar.activeForeground#f0f4f8
- titleBar.border#1a2228
- titleBar.inactiveBackground#0a1219
- tree.indentGuidesStroke#2a3138
- window.activeBorder#1a2228
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable.parameter.function | #f1f5f9 | — |
| comment, punctuation.definition.comment | #535a60 | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #f1f5f9 | — |
| none | #f1f5f9 | — |
| keyword.operator | #f1f5f9 | — |
| keyword | #b4b9bd | — |
| variable | #bcc0c5 | — |
| entity.name.function, meta.require, support.function.any-method | #a2a8ad | — |
| support.class, entity.name.class, entity.name.type.class | #f1f5f9 | — |
| meta.class | #f1f5f9 | — |
| keyword.other.special-method | #a2a8ad | — |
| storage | #b4b9bd | — |
| support.function | #d5d9de | — |
| string, constant.other.symbol, entity.other.inherited-class | #e5e9ed | — |
| constant.numeric | #f0f4f8 | — |
| none | #f0f4f8 | — |
| none | #f0f4f8 | — |
| constant | #f0f4f8 | — |
| entity.name.tag | #bcc0c5 | — |
| entity.other.attribute-name | #f0f4f8 | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #a2a8ad | — |
| meta.selector | #b4b9bd | — |
| none | #f0f4f8 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #a2a8ad | |
| keyword.other.unit | #f0f4f8 | — |
| markup.bold, punctuation.definition.bold | #f1f5f9 | bold |
| markup.italic, punctuation.definition.italic | #b4b9bd | italic |
| markup.raw.inline | #e5e9ed | — |
| string.other.link, punctuation.definition.string.end.markdown | #bcc0c5 | — |
| meta.link | #f0f4f8 | — |
| markup.list | #bcc0c5 | — |
| markup.quote | #f0f4f8 | — |
| meta.separator | #f1f5f9 | — |
| markup.inserted | #e5e9ed | — |
| markup.deleted | #bcc0c5 | — |
| markup.changed | #b4b9bd | — |
| constant.other.color | #d5d9de | — |
| string.regexp | #d5d9de | — |
| constant.character.escape | #d5d9de | — |
| punctuation.section.embedded, variable.interpolation | #b4b9bd | — |
| invalid.illegal | #f1f5f9 | — |
| invalid.broken | #0a1219 | — |
| invalid.deprecated | #f1f5f9 | — |
| invalid.unimplemented | #f1f5f9 | — |