monokai-simple
Publisher: mlyzhngThemes in package: 1
a lower contrast edit of monokai charcoal
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#111213
- activityBar.border#b4b4b480
- activityBar.foreground#8f8f8f
- activityBar.inactiveForeground#b4b4b480
- activityBarBadge.background#111213
- activityBarBadge.foreground#8f8f8f
- badge.background#111213
- badge.foreground#8f8f8f
- breadcrumb.foreground#8f8f8f
- button.background#111213
- button.foreground#dbdbdb
- button.hoverBackground#111213
- checkbox.border#b4b4b480
- contrastActiveBorder#111213
- contrastBorder#b4b4b480
- debugExceptionWidget.background#111213
- debugExceptionWidget.border#8f8f8f
- debugToolBar.background#111213
- debugToolBar.border#8f8f8f
- diffEditor.insertedTextBackground#31958a55
- diffEditor.insertedTextBorder#31958a55
- diffEditor.removedTextBackground#892f4688
- diffEditor.removedTextBorder#31958a55
- dropdown.background#111213
- dropdown.border#b4b4b480
- dropdown.foreground#dbdbdb
- editor.background#111213
- editor.findMatchBackground#261d8f
- editor.findMatchBorder#b4b4b480
- editor.findMatchHighlightBackground#eeeeee44
- editor.foreground#dbdbdb
- editor.inactiveSelectionBackground#261d8f
- editor.lineHighlightBorder#b4b4b480
- editor.selectionBackground#261d8f
- editor.selectionForeground#000c18
- editorGroup.border#b4b4b480
- editorGroupHeader.border#111213
- editorGroupHeader.noTabsBackground#111213
- editorGroupHeader.tabsBackground#111213
- editorGroupHeader.tabsBorder#b4b4b480
- editorHint.foreground#43b9d8
- editorHoverWidget.background#111213
- editorHoverWidget.border#b4b4b480
- editorIndentGuide.activeBackground#505050
- editorLineNumber.activeForeground#8f8f8f
- editorLineNumber.foreground#8f8f8f
- editorLink.activeForeground#0298fc
- editorMarkerNavigation.background#060621
- editorMarkerNavigationError.background#ca5b7c
- editorMarkerNavigationWarning.background#787c7b
- editorSuggestWidget.background#111213
- editorSuggestWidget.border#8f8f8f
- editorSuggestWidget.foreground#dbdbdb
- editorSuggestWidget.highlightForeground#2eb2d3
- editorSuggestWidget.selectedBackground#b4b4b480
- editorWidget.background#111213
- editorWidget.border#111213
- focusBorder#b4b4b480
- foreground#dbdbdb
- gitDecoration.addedResourceForeground#a5db11
- gitDecoration.conflictingResourceForeground#25c3df
- gitDecoration.deletedResourceForeground#d8810f
- gitDecoration.ignoredResourceForeground#b4b4b480
- gitDecoration.modifiedResourceForeground#c4166d
- gitDecoration.submoduleResourceForeground#ecdc4d
- gitDecoration.untrackedResourceForeground#7b84ff
- icon.foreground#dbdbdb
- input.background#111213
- input.border#b4b4b480
- input.foreground#dbdbdb
- input.placeholderForeground#b4b4b480
- list.activeSelectionBackground#b3b3b315
- list.focusBackground#b4b4b480
- list.hoverBackground#b3b3b315
- list.inactiveSelectionBackground#55555515
- menu.background#111213
- menu.border#b4b4b480
- merge.border#b4b4b480
- notificationCenter.border#8f8f8f
- notificationCenterHeader.background#111213
- notificationCenterHeader.foreground#dbdbdb
- notifications.background#111213
- notifications.border#b4b4b480
- notifications.foreground#dbdbdb
- panel.background#111213
- panel.border#b4b4b480
- panel.dropBorder#8f8f8f
- panelSection.border#b4b4b480
- panelTitle.activeForeground#8f8f8f
- panelTitle.inactiveForeground#b4b4b480
- peekView.border#b4b4b480
- peekViewTitle.background#111213
- peekViewTitleLabel.foreground#dbdbdb
- quickInput.background#111213
- sideBar.background#111213
- sideBar.border#b4b4b480
- sideBar.dropBackground#b4b4b480
- sideBar.foreground#dbdbdb
- sideBarSectionHeader.background#111213
- sideBarSectionHeader.border#b4b4b480
- sideBarSectionHeader.foreground#8f8f8f
- sideBarTitle.foreground#8f8f8f
- statusBar.background#111213
- statusBar.border#b4b4b480
- statusBar.debuggingBackground#b3b3b315
- statusBar.debuggingForeground#8f8f8f
- statusBar.foreground#8f8f8f
- statusBar.noFolderBackground#111213
- statusBar.noFolderForeground#8f8f8f
- tab.activeBackground#111213
- tab.activeBorder#111213
- tab.activeForeground#dbdbdb
- tab.activeModifiedBorder#b4b4b480
- tab.border#b4b4b480
- tab.hoverBorder#b4b4b480
- tab.inactiveBackground#111213
- tab.inactiveForeground#dbdbdb
- tab.inactiveModifiedBorder#b4b4b480
- tab.unfocusedActiveBorder#111213
- tab.unfocusedActiveForeground#dbdbdb
- tab.unfocusedInactiveForeground#dbdbdb
- terminal.ansiBlack#8f8f8f
- terminal.ansiBlue#5ccaef
- terminal.ansiBrightBlack#8f8f8f
- terminal.ansiBrightBlue#5ccaef
- terminal.ansiBrightCyan#25c3df
- terminal.ansiBrightGreen#a5db11
- terminal.ansiBrightMagenta#f57f00
- terminal.ansiBrightRed#f82a5d
- terminal.ansiBrightWhite#f1f1f1
- terminal.ansiBrightYellow#e7dc60
- terminal.ansiCyan#25c3df
- terminal.ansiGreen#a5db11
- terminal.ansiMagenta#f57f00
- terminal.ansiRed#f82a5d
- terminal.ansiWhite#f1f1f1
- terminal.ansiYellow#e7dc60
- terminal.border#b4b4b480
- titleBar.activeBackground#111213
- titleBar.activeForeground#8f8f8f
- titleBar.border#b4b4b480
- titleBar.inactiveBackground#111213
- titleBar.inactiveForeground#8f8f8f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #757575 | — |
| string | #ecdc4d | — |
| constant.numeric | #7b84ff | — |
| constant.language | #7b84ff | — |
| constant.character, constant.other | #7b84ff | — |
| variable | — | |
| keyword | #c4166d | bold |
| storage | #c4166d | bold |
| storage.type | #25c3df | italic |
| entity.name.class | #a5db11 | underline |
| entity.other.inherited-class | #a5db11 | italic underline |
| entity.name.function | #a5db11 | |
| variable.parameter | #d8810f | italic |
| entity.name.tag | #c4166d | bold |
| entity.other.attribute-name | #a5db11 | |
| support.function | #25c3df | |
| support.constant | #25c3df | |
| support.type, support.class | #25c3df | italic |
| support.other.variable | — | |
| invalid | #F8F8F0 | bold |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json, string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #c4166d | — |
| markup.inserted | #a5db11 | — |
| markup.changed | #ecdc4d | — |
| constant.numeric.line-number.find-in-files - match | #7b84ffA0 | — |
| entity.name.filename.find-in-files | #ecdc4d | — |
| variable.language | #a5db11 | — |
| heading.1.markdown | #a5db11 | bold |
| punctuation.definition.heading.markdown | #a5db11 | — |
| entity.name.section.markdown | #a5db11 | — |
| punctuation.definition.list.begin.markdown | #7b84ff | — |
| meta.image.inline.markdown | #ecdc4d | — |
| markup.bold.markdown | #dbdbdb | bold |
| markup.italic.markdown | #dbdbdb | italic |
| markup.inline.raw.string.markdown | #25c3df | — |
| meta.separator.markdown | #8F8F8F | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #7b84ff | — |
| variable.other.object, punctuation.accessor, meta.brace.round, variable.other.readwrite, punctuation.separator.comma | #dbdbdb | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #d8810f | — |
| token.error-token | #F44747 | — |
| token.debug-token | #6967e6 | — |