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#f1f5f9
- activityBar.background#f1f5f9
- activityBar.border#e1e5ea
- activityBar.foreground#0a1219
- activityBar.inactiveForeground#90969b
- activityBarBadge.background#595f65
- badge.background#c8ccd1
- badge.foreground#0a1219
- button.background#cbd0d4
- button.hoverBackground#c0c5c9
- checkbox.border#e1e5ea
- dart.closingLabels#d1d6da
- debugIcon.breakpointCurrentStackframeForeground#0b131a
- debugIcon.breakpointDisabledForeground#0b131a
- debugIcon.breakpointForeground#0b131a
- debugIcon.breakpointStackframeForeground#0b131a
- debugIcon.breakpointUnverifiedForeground#0b131a
- debugIcon.continueForeground#0b131a
- debugIcon.disconnectForeground#0b131a
- debugIcon.pauseForeground#0b131a
- debugIcon.restartForeground#0b131a
- debugIcon.startForeground#0b131a
- debugIcon.stepBackForeground#0b131a
- debugIcon.stepIntoForeground#0b131a
- debugIcon.stepOutForeground#0b131a
- debugIcon.stepOverForeground#0b131a
- debugIcon.stopForeground#0b131a
- debugToolBar.background#f1f5f9
- dropdown.background#f1f5f9
- dropdown.foreground#0b131a
- editor.background#f1f5f9
- editor.findMatchBackground#f1f5f9
- editor.findMatchBorder#262e34
- editor.findMatchHighlightBackground#f1f5f9
- editor.findMatchHighlightBorder#90969b
- editor.foldBackground#f1f5f9
- editor.foreground#0a1219
- editor.hoverHighlightBackground#d9dee2
- editor.lineHighlightBackground#e7ebef
- editor.selectionBackground#d9dee2
- editorBracketMatch.background#f1f5f9
- editorBracketMatch.border#90969b
- editorCursor.foreground#0a1219
- editorError.foreground#be1f10
- editorGroup.border#e1e5ea
- editorGroupHeader.tabsBackground#f1f5f9
- editorGroupHeader.tabsBorder#e1e5ea
- editorHoverWidget.statusBarBackground#f1f5f9
- editorIndentGuide.activeBackground#90969b
- editorIndentGuide.background#d1d5da
- editorInfo.foreground#5f666c
- editorLightBulb.foreground#0b131a
- editorLineNumber.activeForeground#888e94
- editorLineNumber.foreground#c8ccd1
- editorLink.activeForeground#0a1219
- editorOverviewRuler.border#e1e5ea
- editorRuler.foreground#d1d5da
- editorSuggestWidget.foreground#595f65
- editorSuggestWidget.highlightForeground#0a1219
- editorWarning.foreground#bd7c1b
- editorWhitespace.foreground#c8ccd1
- editorWidget.background#f1f5f9
- focusBorder#f1f5f9
- gitDecoration.addedResourceForeground#0a1219
- gitDecoration.conflictingResourceForeground#FF0000
- gitDecoration.deletedResourceForeground#F27983
- gitDecoration.ignoredResourceForeground#484F5E
- gitDecoration.modifiedResourceForeground#77A8D9
- gitDecoration.submoduleResourceForeground#D4BFFF
- gitDecoration.untrackedResourceForeground#A6CC70
- icon.foreground#989ea3
- input.background#f1f5f9
- input.border#f1f5f9
- input.foreground#0b131a
- list.activeSelectionBackground#f1f5f9
- list.activeSelectionForeground#0a1219
- list.errorForeground#be1f10
- list.filterMatchBackground#c8ccd1
- list.filterMatchBorder#f1f5f9
- list.focusBackground#e1e5ea
- list.highlightForeground#0a1219
- list.hoverBackground#f1f5f9
- list.inactiveSelectionBackground#f1f5f9
- list.inactiveSelectionForeground#0a1219
- list.warningForeground#bd7c1b
- listFilterWidget.background#f1f5f9
- listFilterWidget.noMatchesOutline#be1f10
- listFilterWidget.outline#90969b
- menu.background#f1f5f9
- menu.foreground#0b131a
- menubar.selectionBackground#f1f5f9
- panel.border#e1e5ea
- panelTitle.activeBorder#f1f5f9
- panelTitle.activeForeground#0a1219
- panelTitle.inactiveForeground#90969b
- peekView.border#989ea3
- peekViewEditor.background#f1f5f9
- peekViewEditor.matchHighlightBackground#f1f5f9
- peekViewEditor.matchHighlightBorder#90969b
- peekViewEditorGutter.background#f1f5f9
- peekViewResult.background#e7ecf0
- peekViewResult.fileForeground#0a1219
- peekViewResult.lineForeground#90969b
- peekViewResult.matchHighlightBackground#d9dee2
- peekViewResult.selectionBackground#f1f5f9
- peekViewResult.selectionForeground#0a1219
- pickerGroup.foreground#0a1219
- scrollbar.shadow#f1f5f9
- scrollbarSlider.activeBackground#0a12191a
- scrollbarSlider.background#0a12191a
- scrollbarSlider.hoverBackground#0a12191a
- settings.checkboxBorder#e1e5ea
- settings.dropdownBorder#e1e5ea
- settings.modifiedItemIndicator#989ea3
- settings.textInputBorder#e1e5ea
- sideBar.background#f1f5f9
- sideBar.border#e1e5ea
- sideBar.foreground#595f65
- sideBarSectionHeader.background#f1f5f9
- sideBarSectionHeader.border#e1e5ea
- statusBar.background#f1f5f9
- statusBar.border#e1e5ea
- statusBar.debuggingBackground#f1f5f9
- statusBar.debuggingBorder#e1e5ea
- statusBar.debuggingForeground#0b131a
- statusBar.foreground#0b131a
- statusBar.noFolderBackground#f1f5f9
- statusBar.noFolderBorder#e1e5ea
- statusBar.noFolderForeground#0b131a
- statusBarItem.activeBackground#f1f5f9
- statusBarItem.hoverBackground#f1f5f9
- symbolIcon.arrayForeground#0b131a
- symbolIcon.booleanForeground#0b131a
- symbolIcon.classForeground#0b131a
- symbolIcon.colorForeground#0b131a
- symbolIcon.constantForeground#0b131a
- symbolIcon.constructorForeground#0b131a
- symbolIcon.enumeratorForeground#0b131a
- symbolIcon.enumeratorMemberForeground#0b131a
- symbolIcon.eventForeground#0b131a
- symbolIcon.fieldForeground#0b131a
- symbolIcon.fileForeground#0b131a
- symbolIcon.folderForeground#0b131a
- symbolIcon.functionForeground#0b131a
- symbolIcon.interfaceForeground#0b131a
- symbolIcon.keyForeground#0b131a
- symbolIcon.keywordForeground#0b131a
- symbolIcon.methodForeground#0b131a
- symbolIcon.moduleForeground#0b131a
- symbolIcon.namespaceForeground#0b131a
- symbolIcon.nullForeground#0b131a
- symbolIcon.numberForeground#0b131a
- symbolIcon.objectForeground#0b131a
- symbolIcon.operatorForeground#0b131a
- symbolIcon.packageForeground#0b131a
- symbolIcon.propertyForeground#0b131a
- symbolIcon.referenceForeground#0b131a
- symbolIcon.snippetForeground#0b131a
- symbolIcon.stringForeground#0b131a
- symbolIcon.structForeground#0b131a
- symbolIcon.textForeground#0b131a
- symbolIcon.typeParameterForeground#0b131a
- symbolIcon.unitForeground#0b131a
- symbolIcon.variableForeground#0b131a
- tab.activeForeground#0a1219
- tab.border#f1f5f9
- tab.inactiveBackground#f1f5f9
- tab.inactiveForeground#90969b
- terminal.ansiBlack#f1f5f9
- terminal.ansiBlue#a0a6ab
- terminal.ansiBrightBlack#c9cdd2
- terminal.ansiBrightBlue#a0a6ab
- terminal.ansiBrightCyan#4f565c
- terminal.ansiBrightGreen#787e83
- terminal.ansiBrightMagenta#0a1219
- terminal.ansiBrightRed#272e35
- terminal.ansiBrightWhite#0a1219
- terminal.ansiBrightYellow#0a1219
- terminal.ansiCyan#4f565c
- terminal.ansiGreen#787e83
- terminal.ansiMagenta#0a1219
- terminal.ansiRed#272e35
- terminal.ansiWhite#0a1219
- terminal.ansiYellow#0a1219
- terminal.background#f1f5f9
- terminal.foreground#0a1219
- terminalCursor.background#f1f5f9
- terminalCursor.foreground#0a1219
- textLink.activeForeground#0a1219
- textLink.foreground#0a1219
- textPreformat.foreground#0b131a
- titleBar.activeBackground#f1f5f9
- titleBar.activeForeground#0b131a
- titleBar.border#e1e5ea
- titleBar.inactiveBackground#f1f5f9
- tree.indentGuidesStroke#d1d6da
- window.activeBorder#e1e5ea
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable.parameter.function | #0a1219 | — |
| comment, punctuation.definition.comment | #a8adb2 | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #0a1219 | — |
| none | #0a1219 | — |
| keyword.operator | #0a1219 | — |
| keyword | #474e55 | — |
| variable | #3f474d | — |
| entity.name.function, meta.require, support.function.any-method | #595f65 | — |
| support.class, entity.name.class, entity.name.type.class | #0a1219 | — |
| meta.class | #0a1219 | — |
| keyword.other.special-method | #595f65 | — |
| storage | #474e55 | — |
| support.function | #262e34 | — |
| string, constant.other.symbol, entity.other.inherited-class | #161e25 | — |
| constant.numeric | #0b131a | — |
| none | #0b131a | — |
| none | #0b131a | — |
| constant | #0b131a | — |
| entity.name.tag | #3f474d | — |
| entity.other.attribute-name | #0b131a | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #595f65 | — |
| meta.selector | #474e55 | — |
| none | #0b131a | — |
| markup.heading punctuation.definition.heading, entity.name.section | #595f65 | |
| keyword.other.unit | #0b131a | — |
| markup.bold, punctuation.definition.bold | #0a1219 | bold |
| markup.italic, punctuation.definition.italic | #474e55 | italic |
| markup.raw.inline | #161e25 | — |
| string.other.link, punctuation.definition.string.end.markdown | #3f474d | — |
| meta.link | #0b131a | — |
| markup.list | #3f474d | — |
| markup.quote | #0b131a | — |
| meta.separator | #0a1219 | — |
| markup.inserted | #161e25 | — |
| markup.deleted | #3f474d | — |
| markup.changed | #474e55 | — |
| constant.other.color | #262e34 | — |
| string.regexp | #262e34 | — |
| constant.character.escape | #262e34 | — |
| punctuation.section.embedded, variable.interpolation | #474e55 | — |
| invalid.illegal | #0a1219 | — |
| invalid.broken | #f1f5f9 | — |
| invalid.deprecated | #0a1219 | — |
| invalid.unimplemented | #0a1219 | — |