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#0b0808
- activityBar.border#0b0808
- activityBar.dropBorder#9b725b
- activityBar.foreground#c4bfb8
- activityBar.inactiveForeground#7a7663
- activityBarBadge.background#9b725b
- activityBarBadge.foreground#0b0808
- badge.background#9b725b
- badge.foreground#0b0808
- breadcrumb.activeSelectionForeground#f8f8f2
- breadcrumb.focusForeground#c4bfb8
- breadcrumb.foreground#7a7663
- breadcrumbPicker.background#120e0e
- button.background#9b725b
- button.foreground#0b0808
- button.hoverBackground#b48c78
- debugExceptionWidget.background#120e0e
- debugExceptionWidget.border#f92672
- descriptionForeground#8f867c
- diffEditor.insertedTextBackground#a6e22e22
- diffEditor.removedTextBackground#f9267222
- dropdown.background#120e0e
- dropdown.border#4a3c38
- dropdown.foreground#c4bfb8
- dropdown.listBackground#120e0e
- editor.background#1a1615
- editor.findMatchBackground#9b725b88
- editor.findMatchHighlightBackground#9b725b44
- editor.findRangeHighlightBackground#4a3c3888
- editor.foreground#f8f8f2
- editor.hoverHighlightBackground#4a3c3888
- editor.inactiveSelectionBackground#4a3c3888
- editor.lineHighlightBackground#281e1d
- editor.lineHighlightBorder#281e1d
- editor.selectionBackground#4a3c38
- editor.selectionHighlightBackground#4a3c3888
- editor.wordHighlightBackground#4a3c3888
- editor.wordHighlightStrongBackground#9b725b88
- editorBracketMatch.background#4a3c38
- editorBracketMatch.border#4a3c38
- editorCodeLens.foreground#7a7663
- editorCursor.background#1a1615
- editorCursor.foreground#f8f8f2
- editorError.foreground#f92672
- editorGroup.border#0b0808
- editorGroup.dropBackground#9b725b44
- editorGroupHeader.noTabsBackground#1a1615
- editorGroupHeader.tabsBackground#120e0e
- editorGroupHeader.tabsBorder#0b0808
- editorGutter.addedBackground#a6e22e
- editorGutter.background#1a1615
- editorGutter.deletedBackground#f92672
- editorGutter.modifiedBackground#66d9ef
- editorHoverWidget.background#120e0e
- editorHoverWidget.border#0b0808
- editorIndentGuide.activeBackground#7a7663
- editorIndentGuide.background#362a27
- editorInfo.foreground#66d9ef
- editorLineNumber.activeForeground#9b725b
- editorLineNumber.foreground#7a7663
- editorLink.activeForeground#66d9ef
- editorMarkerNavigation.background#120e0e
- editorMarkerNavigationError.background#f92672
- editorMarkerNavigationInfo.background#66d9ef
- editorMarkerNavigationWarning.background#fd971f
- editorOverviewRuler.addedForeground#a6e22e
- editorOverviewRuler.border#0b0808
- editorOverviewRuler.deletedForeground#f92672
- editorOverviewRuler.errorForeground#f92672
- editorOverviewRuler.findMatchForeground#9b725b
- editorOverviewRuler.infoForeground#66d9ef
- editorOverviewRuler.modifiedForeground#66d9ef
- editorOverviewRuler.rangeHighlightForeground#4a3c38
- editorOverviewRuler.selectionHighlightForeground#4a3c38
- editorOverviewRuler.warningForeground#fd971f
- editorOverviewRuler.wordHighlightForeground#4a3c38
- editorOverviewRuler.wordHighlightStrongForeground#9b725b
- editorRuler.foreground#362a27
- editorSuggestWidget.background#120e0e
- editorSuggestWidget.border#0b0808
- editorSuggestWidget.foreground#c4bfb8
- editorSuggestWidget.highlightForeground#9b725b
- editorSuggestWidget.selectedBackground#362a27
- editorWarning.foreground#fd971f
- editorWhitespace.foreground#362a27
- editorWidget.background#120e0e
- editorWidget.border#0b0808
- errorForeground#f92672
- focusBorder#9b725b
- foreground#c4bfb8
- gitDecoration.conflictingResourceForeground#fd971f
- gitDecoration.deletedResourceForeground#f92672
- gitDecoration.ignoredResourceForeground#7a7663
- gitDecoration.modifiedResourceForeground#66d9ef
- gitDecoration.untrackedResourceForeground#a6e22e
- input.background#0b0808
- input.border#4a3c38
- input.foreground#f8f8f2
- input.placeholderForeground#7a7663
- inputOption.activeBorder#9b725b
- inputValidation.errorBackground#f92672
- inputValidation.errorBorder#f92672
- inputValidation.infoBackground#66d9ef
- inputValidation.infoBorder#66d9ef
- inputValidation.warningBackground#fd971f
- inputValidation.warningBorder#fd971f
- list.activeSelectionBackground#362a27
- list.activeSelectionForeground#f8f8f2
- list.dropBackground#362a27
- list.errorForeground#f92672
- list.focusBackground#362a27
- list.focusForeground#f8f8f2
- list.highlightForeground#9b725b
- list.hoverBackground#281e1d
- list.hoverForeground#f8f8f2
- list.inactiveSelectionBackground#281e1d
- list.inactiveSelectionForeground#c4bfb8
- list.invalidItemForeground#f92672
- list.warningForeground#fd971f
- merge.border#0b0808
- merge.currentContentBackground#66d9ef22
- merge.currentHeaderBackground#66d9ef44
- merge.incomingContentBackground#a6e22e22
- merge.incomingHeaderBackground#a6e22e44
- panel.background#120e0e
- panel.border#9b725b
- panelTitle.activeBorder#9b725b
- panelTitle.activeForeground#f8f8f2
- panelTitle.inactiveForeground#8f867c
- peekView.border#66d9ef
- peekViewEditor.background#120e0e
- peekViewEditor.matchHighlightBackground#9b725b44
- peekViewEditorGutter.background#120e0e
- peekViewResult.background#0b0808
- peekViewResult.fileForeground#f8f8f2
- peekViewResult.lineForeground#f8f8f2
- peekViewResult.matchHighlightBackground#9b725b44
- peekViewResult.selectionBackground#362a27
- peekViewResult.selectionForeground#f8f8f2
- peekViewTitle.background#120e0e
- peekViewTitleDescription.foreground#7a7663
- peekViewTitleLabel.foreground#f8f8f2
- progressBar.background#9b725b
- scrollbar.shadow#00000088
- scrollbarSlider.activeBackground#9b725b44
- scrollbarSlider.background#c4bfb822
- scrollbarSlider.hoverBackground#c4bfb844
- selection.background#4a3c38
- sideBar.background#120e0e
- sideBar.border#0b0808
- sideBar.dropBackground#362a27
- sideBar.foreground#c4bfb8
- sideBarSectionHeader.background#120e0e
- sideBarSectionHeader.border#0b0808
- sideBarSectionHeader.foreground#c4bfb8
- sideBarTitle.foreground#f8f8f2
- statusBar.background#0b0808
- statusBar.border#0b0808
- statusBar.debuggingBackground#fd971f
- statusBar.debuggingBorder#fd971f
- statusBar.debuggingForeground#0b0808
- statusBar.foreground#c4bfb8
- statusBar.noFolderBackground#0b0808
- statusBar.noFolderBorder#0b0808
- statusBar.noFolderForeground#c4bfb8
- statusBarItem.activeBackground#9b725b44
- statusBarItem.hoverBackground#9b725b44
- statusBarItem.prominentBackground#0b0808
- statusBarItem.prominentHoverBackground#9b725b44
- tab.activeBackground#1a1615
- tab.activeBorder#9b725b
- tab.activeBorderTop#9b725b
- tab.activeForeground#f8f8f2
- tab.border#0b0808
- tab.inactiveBackground#120e0e
- tab.inactiveForeground#7a7663
- tab.unfocusedActiveBorder#0b0808
- tab.unfocusedActiveBorderTop#0b0808
- tab.unfocusedActiveForeground#c4bfb8
- tab.unfocusedInactiveForeground#7a7663
- terminal.ansiBlack#050404
- terminal.ansiBlue#66d9ef
- terminal.ansiBrightBlack#7a7663
- 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#050404
- terminal.foreground#c4bfb8
- textBlockQuote.background#120e0e
- textBlockQuote.border#9b725b
- textCodeBlock.background#120e0e
- textLink.activeForeground#9b725b
- textLink.foreground#66d9ef
- textPreformat.foreground#f8f8f2
- textSeparator.foreground#4a3c38
- titleBar.activeBackground#0b0808
- titleBar.activeForeground#c4bfb8
- titleBar.border#0b0808
- titleBar.inactiveBackground#0b0808
- titleBar.inactiveForeground#7a7663
- widget.shadow#000000aa
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7a7663 | 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 | #c4bfb8 | — |
| meta.diff, meta.diff.header | #7a7663 | — |
| markup.deleted | #f92672 | — |
| markup.inserted | #a6e22e | — |
| markup.changed | #e6db74 | — |