Midnight Macchiato
Publisher: chakanevaibhavThemes in package: 2
A dark theme inspired by One Monokai and Cappuccino, designed for long coding sessions with clear separation.
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.background#151211
- activityBar.border#151211
- activityBar.dropBorder#b48c78
- activityBar.foreground#d4d0cb
- activityBar.inactiveForeground#8e8a77
- activityBarBadge.background#b48c78
- activityBarBadge.foreground#151211
- badge.background#b48c78
- badge.foreground#151211
- breadcrumb.activeSelectionForeground#f8f8f2
- breadcrumb.focusForeground#d4d0cb
- breadcrumb.foreground#8e8a77
- breadcrumbPicker.background#1f1a19
- button.background#b48c78
- button.foreground#151211
- button.hoverBackground#cdae9d
- debugExceptionWidget.background#1f1a19
- debugExceptionWidget.border#f92672
- descriptionForeground#a69e96
- diffEditor.insertedTextBackground#a6e22e22
- diffEditor.removedTextBackground#f9267222
- dropdown.background#1f1a19
- dropdown.border#5c4f4b
- dropdown.foreground#d4d0cb
- dropdown.listBackground#1f1a19
- editor.background#282322
- editor.findMatchBackground#b48c7888
- editor.findMatchHighlightBackground#b48c7844
- editor.findRangeHighlightBackground#5c4f4b88
- editor.foreground#f8f8f2
- editor.hoverHighlightBackground#5c4f4b88
- editor.inactiveSelectionBackground#5c4f4b88
- editor.lineHighlightBackground#332b2a
- editor.lineHighlightBorder#332b2a
- editor.selectionBackground#5c4f4b
- editor.selectionHighlightBackground#5c4f4b88
- editor.wordHighlightBackground#5c4f4b88
- editor.wordHighlightStrongBackground#b48c7888
- editorBracketMatch.background#5c4f4b
- editorBracketMatch.border#5c4f4b
- editorCodeLens.foreground#8e8a77
- editorCursor.background#282322
- editorCursor.foreground#f8f8f2
- editorError.foreground#f92672
- editorGroup.border#151211
- editorGroup.dropBackground#b48c7844
- editorGroupHeader.noTabsBackground#282322
- editorGroupHeader.tabsBackground#1f1a19
- editorGroupHeader.tabsBorder#151211
- editorGutter.addedBackground#a6e22e
- editorGutter.background#282322
- editorGutter.deletedBackground#f92672
- editorGutter.modifiedBackground#66d9ef
- editorHoverWidget.background#1f1a19
- editorHoverWidget.border#151211
- editorIndentGuide.activeBackground#8e8a77
- editorIndentGuide.background#453a37
- editorInfo.foreground#66d9ef
- editorLineNumber.activeForeground#b48c78
- editorLineNumber.foreground#8e8a77
- editorLink.activeForeground#66d9ef
- editorMarkerNavigation.background#1f1a19
- editorMarkerNavigationError.background#f92672
- editorMarkerNavigationInfo.background#66d9ef
- editorMarkerNavigationWarning.background#fd971f
- editorOverviewRuler.addedForeground#a6e22e
- editorOverviewRuler.border#151211
- editorOverviewRuler.deletedForeground#f92672
- editorOverviewRuler.errorForeground#f92672
- editorOverviewRuler.findMatchForeground#b48c78
- editorOverviewRuler.infoForeground#66d9ef
- editorOverviewRuler.modifiedForeground#66d9ef
- editorOverviewRuler.rangeHighlightForeground#5c4f4b
- editorOverviewRuler.selectionHighlightForeground#5c4f4b
- editorOverviewRuler.warningForeground#fd971f
- editorOverviewRuler.wordHighlightForeground#5c4f4b
- editorOverviewRuler.wordHighlightStrongForeground#b48c78
- editorRuler.foreground#453a37
- editorSuggestWidget.background#1f1a19
- editorSuggestWidget.border#151211
- editorSuggestWidget.foreground#d4d0cb
- editorSuggestWidget.highlightForeground#b48c78
- editorSuggestWidget.selectedBackground#453a37
- editorWarning.foreground#fd971f
- editorWhitespace.foreground#453a37
- editorWidget.background#1f1a19
- editorWidget.border#151211
- errorForeground#f92672
- focusBorder#b48c78
- foreground#d4d0cb
- gitDecoration.conflictingResourceForeground#fd971f
- gitDecoration.deletedResourceForeground#f92672
- gitDecoration.ignoredResourceForeground#8e8a77
- gitDecoration.modifiedResourceForeground#66d9ef
- gitDecoration.untrackedResourceForeground#a6e22e
- input.background#151211
- input.border#5c4f4b
- input.foreground#f8f8f2
- input.placeholderForeground#8e8a77
- inputOption.activeBorder#b48c78
- inputValidation.errorBackground#f92672
- inputValidation.errorBorder#f92672
- inputValidation.infoBackground#66d9ef
- inputValidation.infoBorder#66d9ef
- inputValidation.warningBackground#fd971f
- inputValidation.warningBorder#fd971f
- list.activeSelectionBackground#453a37
- list.activeSelectionForeground#f8f8f2
- list.dropBackground#453a37
- list.errorForeground#f92672
- list.focusBackground#453a37
- list.focusForeground#f8f8f2
- list.highlightForeground#b48c78
- list.hoverBackground#332b2a
- list.hoverForeground#f8f8f2
- list.inactiveSelectionBackground#332b2a
- list.inactiveSelectionForeground#d4d0cb
- list.invalidItemForeground#f92672
- list.warningForeground#fd971f
- merge.border#151211
- merge.currentContentBackground#66d9ef22
- merge.currentHeaderBackground#66d9ef44
- merge.incomingContentBackground#a6e22e22
- merge.incomingHeaderBackground#a6e22e44
- panel.background#1f1a19
- panel.border#b48c78
- panelTitle.activeBorder#b48c78
- panelTitle.activeForeground#f8f8f2
- panelTitle.inactiveForeground#8e8a77
- peekView.border#66d9ef
- peekViewEditor.background#1f1a19
- peekViewEditor.matchHighlightBackground#b48c7844
- peekViewEditorGutter.background#1f1a19
- peekViewResult.background#151211
- peekViewResult.fileForeground#f8f8f2
- peekViewResult.lineForeground#f8f8f2
- peekViewResult.matchHighlightBackground#b48c7844
- peekViewResult.selectionBackground#453a37
- peekViewResult.selectionForeground#f8f8f2
- peekViewTitle.background#1f1a19
- peekViewTitleDescription.foreground#8e8a77
- peekViewTitleLabel.foreground#f8f8f2
- progressBar.background#b48c78
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#b48c7844
- scrollbarSlider.background#d4d0cb22
- scrollbarSlider.hoverBackground#d4d0cb44
- selection.background#5c4f4b
- sideBar.background#1f1a19
- sideBar.border#151211
- sideBar.dropBackground#453a37
- sideBar.foreground#d4d0cb
- sideBarSectionHeader.background#1f1a19
- sideBarSectionHeader.border#151211
- sideBarSectionHeader.foreground#d4d0cb
- sideBarTitle.foreground#f8f8f2
- statusBar.background#151211
- statusBar.border#151211
- statusBar.debuggingBackground#fd971f
- statusBar.debuggingBorder#fd971f
- statusBar.debuggingForeground#151211
- statusBar.foreground#d4d0cb
- statusBar.noFolderBackground#151211
- statusBar.noFolderBorder#151211
- statusBar.noFolderForeground#d4d0cb
- statusBarItem.activeBackground#b48c7844
- statusBarItem.hoverBackground#b48c7844
- statusBarItem.prominentBackground#151211
- statusBarItem.prominentHoverBackground#b48c7844
- tab.activeBackground#282322
- tab.activeBorder#b48c78
- tab.activeBorderTop#b48c78
- tab.activeForeground#f8f8f2
- tab.border#151211
- tab.inactiveBackground#1f1a19
- tab.inactiveForeground#8e8a77
- tab.unfocusedActiveBorder#151211
- tab.unfocusedActiveBorderTop#151211
- tab.unfocusedActiveForeground#d4d0cb
- tab.unfocusedInactiveForeground#8e8a77
- terminal.ansiBlack#110E0D
- terminal.ansiBlue#66d9ef
- terminal.ansiBrightBlack#8e8a77
- terminal.ansiBrightBlue#66d9ef
- terminal.ansiBrightCyan#66d9ef
- terminal.ansiBrightGreen#a6e22e
- terminal.ansiBrightMagenta#ae81ff
- terminal.ansiBrightRed#f92672
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#e6db74
- terminal.ansiCyan#66d9ef
- terminal.ansiGreen#a6e22e
- terminal.ansiMagenta#ae81ff
- terminal.ansiRed#f92672
- terminal.ansiWhite#f8f8f2
- terminal.ansiYellow#fd971f
- terminal.background#110E0D
- terminal.foreground#d4d0cb
- textBlockQuote.background#1f1a19
- textBlockQuote.border#b48c78
- textCodeBlock.background#1f1a19
- textLink.activeForeground#b48c78
- textLink.foreground#66d9ef
- textPreformat.foreground#f8f8f2
- textSeparator.foreground#5c4f4b
- titleBar.activeBackground#151211
- titleBar.activeForeground#d4d0cb
- titleBar.border#151211
- titleBar.inactiveBackground#151211
- titleBar.inactiveForeground#8e8a77
- widget.shadow#00000088
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8e8a77 | italic |
| string | #e6db74 | — |
| constant.numeric | #ae81ff | — |
| constant.language | #ae81ff | — |
| constant.character, constant.other | #ae81ff | — |
| variable | #f8f8f2 | — |
| keyword | #f92672 | — |
| storage | #f92672 | — |
| storage.type | #66d9ef | italic |
| entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution | #a6e22e | underline |
| entity.other.inherited-class | #a6e22e | italic underline |
| entity.name.function | #a6e22e | — |
| variable.parameter | #fd971f | italic |
| entity.name.tag | #f92672 | — |
| entity.other.attribute-name | #a6e22e | — |
| support.function | #66d9ef | — |
| support.constant | #66d9ef | — |
| support.type, support.class | #66d9ef | italic |
| support.other.variable | — | — |
| invalid | #f8f8f0 | — |
| invalid.deprecated | #f8f8f0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #d4d0cb | — |
| meta.diff, meta.diff.header | #75715e | — |
| markup.deleted | #f92672 | — |
| markup.inserted | #a6e22e | — |
| markup.changed | #e6db74 | — |