Chocolat Noir
Publisher: Marchelo02Themes in package: 1
A warm dark theme for Visual Studio Code, inspired by the Chocolat Noir Neovim palette.
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.activeBackground#17171c
- activityBar.activeBorder#d3a84f
- activityBar.background#17171c
- activityBar.border#242027
- activityBar.foreground#eee8df
- activityBar.inactiveForeground#625e66
- activityBarBadge.background#b94652
- activityBarBadge.foreground#eee8df
- activityBarTop.foreground#eee8df
- activityBarTop.inactiveForeground#625e66
- badge.background#b94652
- badge.foreground#eee8df
- breadcrumb.activeSelectionForeground#d3a84f
- breadcrumb.background#0d0f12
- breadcrumb.focusForeground#eee8df
- breadcrumb.foreground#625e66
- button.background#b94652
- button.foreground#eee8df
- button.hoverBackground#c6535f
- button.secondaryBackground#353139
- button.secondaryForeground#eee8df
- button.secondaryHoverBackground#454049
- checkbox.background#17171c
- checkbox.border#625e66
- checkbox.foreground#d3a84f
- descriptionForeground#928c93
- diffEditor.insertedLineBackground#a3cc0014
- diffEditor.insertedTextBackground#a3cc0026
- diffEditor.removedLineBackground#b946521a
- diffEditor.removedTextBackground#b9465233
- disabledForeground#625e66
- dropdown.background#17171c
- dropdown.border#353139
- dropdown.foreground#eee8df
- editor.background#0d0f12
- editor.findMatchBackground#d3a84f
- editor.findMatchForeground#0d0f12
- editor.findMatchHighlightBackground#d3a84f59
- editor.findRangeHighlightBackground#35313980
- editor.foreground#eee8df
- editor.hoverHighlightBackground#242027
- editor.inactiveSelectionBackground#35313980
- editor.lineHighlightBackground#17171c
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#353139
- editor.selectionHighlightBackground#625e664d
- editor.wordHighlightBackground#a07ac326
- editor.wordHighlightStrongBackground#b9465233
- editorBracketHighlight.foreground1#bd5a43
- editorBracketHighlight.foreground2#a3cc00
- editorBracketHighlight.foreground3#63a6ad
- editorBracketHighlight.foreground4#c09bd7
- editorBracketHighlight.foreground5#d3a84f
- editorBracketHighlight.foreground6#b94652
- editorBracketMatch.background#353139
- editorBracketMatch.border#d3a84f
- editorCodeLens.foreground#625e66
- editorCursor.background#0d0f12
- editorCursor.foreground#eee8df
- editorError.foreground#ee4f52
- editorGhostText.foreground#625e66
- editorGroup.border#242027
- editorGroupHeader.noTabsBackground#17171c
- editorGroupHeader.tabsBackground#0d0f12
- editorGroupHeader.tabsBorder#242027
- editorGutter.addedBackground#a3cc00
- editorGutter.background#0d0f12
- editorGutter.deletedBackground#b94652
- editorGutter.modifiedBackground#d3a84f
- editorHint.foreground#63a6ad
- editorHoverWidget.background#17171c
- editorHoverWidget.border#a07ac3
- editorHoverWidget.foreground#eee8df
- editorIndentGuide.activeBackground1#625e66
- editorIndentGuide.background1#242027
- editorInfo.foreground#a07ac3
- editorLineNumber.activeForeground#bd5a43
- editorLineNumber.foreground#625e66
- editorLink.activeForeground#63a6ad
- editorOverviewRuler.addedForeground#a3cc00
- editorOverviewRuler.border#242027
- editorOverviewRuler.deletedForeground#b94652
- editorOverviewRuler.modifiedForeground#d3a84f
- editorRuler.foreground#242027
- editorSuggestWidget.background#17171c
- editorSuggestWidget.border#a07ac3
- editorSuggestWidget.foreground#eee8df
- editorSuggestWidget.highlightForeground#d3a84f
- editorSuggestWidget.selectedBackground#353139
- editorWarning.foreground#d3a84f
- editorWhitespace.foreground#353139
- editorWidget.background#17171c
- editorWidget.border#a07ac3
- editorWidget.foreground#eee8df
- errorForeground#ee4f52
- focusBorder#a07ac380
- foreground#eee8df
- gitDecoration.addedResourceForeground#a3cc00
- gitDecoration.conflictingResourceForeground#ee4f52
- gitDecoration.deletedResourceForeground#b94652
- gitDecoration.ignoredResourceForeground#625e66
- gitDecoration.modifiedResourceForeground#d3a84f
- gitDecoration.renamedResourceForeground#63a6ad
- gitDecoration.untrackedResourceForeground#bd5a43
- icon.foreground#928c93
- input.background#0d0f12
- input.border#353139
- input.foreground#eee8df
- input.placeholderForeground#625e66
- inputOption.activeBackground#353139
- inputOption.activeBorder#d3a84f
- inputOption.activeForeground#d3a84f
- inputValidation.errorBackground#2b171b
- inputValidation.errorBorder#ee4f52
- inputValidation.infoBackground#132326
- inputValidation.infoBorder#63a6ad
- inputValidation.warningBackground#292316
- inputValidation.warningBorder#d3a84f
- list.activeSelectionBackground#353139
- list.activeSelectionForeground#eee8df
- list.errorForeground#ee4f52
- list.focusBackground#353139
- list.focusForeground#d3a84f
- list.highlightForeground#d3a84f
- list.hoverBackground#242027
- list.hoverForeground#eee8df
- list.inactiveSelectionBackground#242027
- list.inactiveSelectionForeground#eee8df
- list.warningForeground#d3a84f
- menu.background#17171c
- menu.border#353139
- menu.foreground#eee8df
- menu.selectionBackground#353139
- menu.selectionForeground#d3a84f
- menu.separatorBackground#353139
- menubar.selectionBackground#353139
- menubar.selectionForeground#eee8df
- minimap.background#0d0f12
- minimap.errorHighlight#ee4f52
- minimap.findMatchHighlight#d3a84f
- minimap.selectionHighlight#353139
- minimap.warningHighlight#d3a84f
- notificationCenter.border#353139
- notificationCenterHeader.background#211e24
- notificationCenterHeader.foreground#eee8df
- notificationLink.foreground#63a6ad
- notifications.background#17171c
- notifications.border#353139
- notifications.foreground#eee8df
- panel.background#17171c
- panel.border#353139
- panelInput.border#353139
- panelTitle.activeBorder#d3a84f
- panelTitle.activeForeground#eee8df
- panelTitle.inactiveForeground#625e66
- peekView.border#a07ac3
- peekViewEditor.background#0d0f12
- peekViewEditor.matchHighlightBackground#d3a84f59
- peekViewResult.background#17171c
- peekViewResult.fileForeground#eee8df
- peekViewResult.lineForeground#928c93
- peekViewResult.matchHighlightBackground#353139
- peekViewResult.selectionBackground#353139
- peekViewResult.selectionForeground#d3a84f
- peekViewTitle.background#211e24
- peekViewTitleDescription.foreground#928c93
- peekViewTitleLabel.foreground#eee8df
- pickerGroup.border#353139
- pickerGroup.foreground#a07ac3
- progressBar.background#d3a84f
- quickInput.background#17171c
- quickInput.foreground#eee8df
- quickInputList.focusBackground#353139
- quickInputList.focusForeground#d3a84f
- quickInputList.focusIconForeground#d3a84f
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#928c9380
- scrollbarSlider.background#625e664d
- scrollbarSlider.hoverBackground#928c9366
- selection.background#353139
- settings.checkboxBackground#17171c
- settings.checkboxBorder#353139
- settings.checkboxForeground#d3a84f
- settings.dropdownBackground#17171c
- settings.dropdownBorder#353139
- settings.dropdownForeground#eee8df
- settings.headerForeground#eee8df
- settings.modifiedItemIndicator#d3a84f
- sideBar.background#17171c
- sideBar.border#242027
- sideBar.foreground#928c93
- sideBarActivityBarTop.border#242027
- sideBarSectionHeader.background#211e24
- sideBarSectionHeader.border#242027
- sideBarSectionHeader.foreground#eee8df
- sideBarTitle.foreground#eee8df
- statusBar.background#211e24
- statusBar.border#242027
- statusBar.debuggingBackground#d3a84f
- statusBar.debuggingForeground#0d0f12
- statusBar.foreground#eee8df
- statusBar.noFolderBackground#211e24
- statusBar.noFolderForeground#eee8df
- statusBarItem.activeBackground#00000026
- statusBarItem.errorBackground#ee4f52
- statusBarItem.errorForeground#0d0f12
- statusBarItem.hoverBackground#ffffff1a
- statusBarItem.prominentBackground#353139
- statusBarItem.prominentForeground#eee8df
- statusBarItem.warningBackground#d3a84f
- statusBarItem.warningForeground#0d0f12
- tab.activeBackground#353139
- tab.activeBorder#b94652
- tab.activeBorderTop#00000000
- tab.activeForeground#fff4e6
- tab.activeModifiedBorder#d3a84f
- tab.border#b94652
- tab.hoverBackground#2c282f
- tab.hoverForeground#eee8df
- tab.inactiveBackground#211e24
- tab.inactiveForeground#928c93
- tab.inactiveModifiedBorder#625e66
- tab.unfocusedActiveForeground#fff4e6b3
- tab.unfocusedInactiveForeground#625e66
- terminal.ansiBlack#0d0f12
- terminal.ansiBlue#a07ac3
- terminal.ansiBrightBlack#625e66
- terminal.ansiBrightBlue#a07ac3
- terminal.ansiBrightCyan#63a6ad
- terminal.ansiBrightGreen#a3cc00
- terminal.ansiBrightMagenta#c09bd7
- terminal.ansiBrightRed#ee4f52
- terminal.ansiBrightWhite#eee8df
- terminal.ansiBrightYellow#d3a84f
- terminal.ansiCyan#63a6ad
- terminal.ansiGreen#a3cc00
- terminal.ansiMagenta#c09bd7
- terminal.ansiRed#ee4f52
- terminal.ansiWhite#eee8df
- terminal.ansiYellow#d3a84f
- terminal.background#0d0f12
- terminal.foreground#eee8df
- terminal.selectionBackground#353139
- terminalCursor.background#0d0f12
- terminalCursor.foreground#eee8df
- textBlockQuote.background#17171c
- textBlockQuote.border#a07ac3
- textCodeBlock.background#17171c
- textLink.activeForeground#d3a84f
- textLink.foreground#63a6ad
- textPreformat.foreground#a3cc00
- titleBar.activeBackground#17171c
- titleBar.activeForeground#eee8df
- titleBar.border#242027
- titleBar.inactiveBackground#17171c
- titleBar.inactiveForeground#625e66
- tree.inactiveIndentGuidesStroke#242027
- tree.indentGuidesStroke#353139
- welcomePage.background#0d0f12
- welcomePage.progress.background#353139
- welcomePage.progress.foreground#d3a84f
- welcomePage.tileBackground#17171c
- welcomePage.tileHoverBackground#242027
- widget.border#353139
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #928c93 | italic |
| string, string.quoted, string.template, markup.inline.raw | #a3cc00 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined | #bd5a43 | — |
| keyword, storage.modifier, storage.type, keyword.control, keyword.operator.new | #c09bd7 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #ee4f52 | italic |
| entity.name.function, support.function, meta.function-call, variable.function | #d3a84f | — |
| entity.name.type, entity.name.class, support.type, support.class, storage.type.class | #a07ac3 | — |
| variable.other.property, support.variable.property, meta.object-literal.key, variable.other.constant | #63a6ad | — |
| variable.parameter, variable.other.readwrite, variable.other.object | #eee8df | — |
| keyword.operator, punctuation.separator, punctuation.terminator | #a3cc00 | — |
| punctuation.section, punctuation.definition.template-expression, punctuation.definition.annotation | #bd5a43 | — |
| punctuation.definition.tag, entity.name.tag, meta.tag punctuation.definition.tag, meta.tag entity.name.tag | #bd5a43 | — |
| entity.other.attribute-name, meta.attribute | #63a6ad | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #c09bd7 | — |
| support.type.property-name.css, meta.property-name.css | #63a6ad | — |
| keyword.other.unit.css, constant.numeric.css, support.constant.property-value.css | #bd5a43 | — |
| support.type.property-name.json, string.json support.type.property-name.json, meta.structure.dictionary.json string.quoted.double.json | #63a6ad | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #bd5a43 | bold |
| markup.underline.link, string.other.link, meta.link.inline.markdown | #63a6ad | — |
| markup.bold | #d3a84f | bold |
| markup.italic | #c09bd7 | italic |
| invalid, invalid.illegal, invalid.deprecated | #ee4f52 | underline |