Forest Mist Theme
Publisher: TheMistProjectThemes in package: 2
A calming nature-inspired dark theme with forest and mist colors designed to reduce eye strain and improve focus
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.activeBackground#56785615
- activityBar.activeBorder#567856
- activityBar.background#1c212c
- activityBar.foreground#e8eaec
- activityBar.inactiveForeground#7a8088
- activityBarBadge.background#567856
- activityBarBadge.foreground#e8eaec
- badge.background#567856
- badge.foreground#e8eaec
- breadcrumb.activeSelectionForeground#7bb8d3
- breadcrumb.background#2a2f3e
- breadcrumb.focusForeground#e8eaec
- breadcrumb.foreground#aeb4bc
- breadcrumbPicker.background#252a35
- button.background#567856
- button.foreground#e8eaec
- button.hoverBackground#6b9052
- button.secondaryBackground#7a6b4f
- button.secondaryForeground#e8eaec
- button.secondaryHoverBackground#8f7559
- diffEditor.insertedTextBackground#56785615
- diffEditor.removedTextBackground#b8743a15
- dropdown.background#252a35
- dropdown.border#567856
- dropdown.foreground#e8eaec
- editor.background#2a2f3e
- editor.findMatchBackground#7fa87f30
- editor.findMatchHighlightBackground#7fa87f15
- editor.findRangeHighlightBackground#56785610
- editor.foldBackground#56785610
- editor.foreground#e8eaec
- editor.hoverHighlightBackground#56785610
- editor.lineHighlightBorder#56785615
- editor.rangeHighlightBackground#56785610
- editor.selectionBackground#56785625
- editor.selectionHighlightBackground#56785615
- editor.wordHighlightBackground#7bb8d315
- editor.wordHighlightStrongBackground#7bb8d325
- editorBracketHighlight.foreground1#7bb8d3
- editorBracketHighlight.foreground2#7fa87f
- editorBracketHighlight.foreground3#a0b4d0
- editorBracketHighlight.foreground4#b8743a
- editorBracketHighlight.foreground5#567856
- editorBracketHighlight.foreground6#7a6b4f
- editorBracketHighlight.unexpectedBracket.foreground#b8743a
- editorError.foreground#b8743a
- editorGroup.border#56785625
- editorGroup.dropBackground#56785615
- editorGroupHeader.tabsBackground#1c212c
- editorGutter.addedBackground#567856
- editorGutter.deletedBackground#b8743a
- editorGutter.modifiedBackground#7fa87f
- editorHoverWidget.background#252a35
- editorHoverWidget.border#567856
- editorInfo.foreground#7bb8d3
- editorLineNumber.activeForeground#aeb4bc
- editorLineNumber.foreground#7a8088
- editorLink.activeForeground#7bb8d3
- editorOverviewRuler.addedForeground#567856
- editorOverviewRuler.border#1c212c
- editorOverviewRuler.deletedForeground#b8743a
- editorOverviewRuler.errorForeground#b8743a
- editorOverviewRuler.infoForeground#7bb8d3
- editorOverviewRuler.modifiedForeground#7fa87f
- editorOverviewRuler.selectionHighlightForeground#567856
- editorOverviewRuler.warningForeground#7fa87f
- editorOverviewRuler.wordHighlightForeground#7bb8d3
- editorOverviewRuler.wordHighlightStrongForeground#7bb8d3
- editorSuggestWidget.background#252a35
- editorSuggestWidget.foreground#e8eaec
- editorSuggestWidget.selectedBackground#56785625
- editorWarning.foreground#7fa87f
- editorWidget.background#252a35
- editorWidget.border#567856
- errorForeground#b8743a
- focusBorder#567856
- foreground#e8eaec
- gitDecoration.conflictingResourceForeground#a0b4d0
- gitDecoration.deletedResourceForeground#b8743a
- gitDecoration.ignoredResourceForeground#7a8088
- gitDecoration.modifiedResourceForeground#7fa87f
- gitDecoration.untrackedResourceForeground#7bb8d3
- input.background#252a35
- input.border#567856
- input.foreground#e8eaec
- input.placeholderForeground#7a8088
- inputOption.activeBorder#7bb8d3
- inputValidation.errorBorder#b8743a
- inputValidation.infoBorder#7bb8d3
- inputValidation.warningBorder#7fa87f
- list.activeSelectionBackground#56785625
- list.activeSelectionForeground#e8eaec
- list.dropBackground#56785615
- list.errorForeground#b8743a
- list.focusBackground#56785615
- list.highlightForeground#7bb8d3
- list.hoverBackground#56785610
- list.inactiveSelectionBackground#56785615
- list.warningForeground#7fa87f
- panel.background#252a35
- panel.border#56785625
- panelTitle.activeBorder#567856
- panelTitle.activeForeground#e8eaec
- panelTitle.inactiveForeground#aeb4bc
- progressBar.background#567856
- selection.background#56785630
- settings.checkboxBackground#252a35
- settings.checkboxBorder#567856
- settings.checkboxForeground#e8eaec
- settings.dropdownBackground#252a35
- settings.dropdownBorder#567856
- settings.dropdownForeground#e8eaec
- settings.headerForeground#e8eaec
- settings.modifiedItemIndicator#567856
- settings.numberInputBackground#252a35
- settings.numberInputBorder#567856
- settings.numberInputForeground#e8eaec
- settings.textInputBackground#252a35
- settings.textInputBorder#567856
- settings.textInputForeground#e8eaec
- sideBar.background#252a35
- sideBarSectionHeader.background#1c212c
- sideBarSectionHeader.border#56785625
- sideBarTitle.foreground#e8eaec
- statusBar.background#1c212c
- statusBar.debuggingBackground#7fa87f
- statusBar.debuggingForeground#1c212c
- statusBar.foreground#e8eaec
- statusBar.noFolderBackground#7a6b4f
- statusBar.noFolderForeground#e8eaec
- statusBarItem.prominentBackground#567856
- statusBarItem.prominentHoverBackground#6b9052
- statusBarItem.remoteBackground#7bb8d3
- statusBarItem.remoteForeground#e8eaec
- tab.activeBackground#2a2f3e
- tab.activeBorderTop#567856
- tab.activeForeground#e8eaec
- tab.border#1c212c
- tab.inactiveBackground#1c212c
- tab.inactiveForeground#aeb4bc
- terminal.ansiBlack#1c212c
- terminal.ansiBlue#7bb8d3
- terminal.ansiBrightBlack#7a8088
- terminal.ansiBrightBlue#529bd2
- terminal.ansiBrightCyan#90c058
- terminal.ansiBrightGreen#6b9052
- terminal.ansiBrightMagenta#b5c9dd
- terminal.ansiBrightRed#c2691e
- terminal.ansiBrightWhite#f5f5f5
- terminal.ansiBrightYellow#90c058
- terminal.ansiCyan#7fa87f
- terminal.ansiGreen#567856
- terminal.ansiMagenta#a0b4d0
- terminal.ansiRed#b8743a
- terminal.ansiWhite#e8eaec
- terminal.ansiYellow#7fa87f
- terminal.background#2a2f3e
- terminal.foreground#e8eaec
- titleBar.activeBackground#1c212c
- titleBar.activeForeground#e8eaec
- titleBar.inactiveBackground#1c212c
- titleBar.inactiveForeground#7a8088
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| header | #7bb8d3 | — |
| comment, punctuation.definition.comment | #7a8088 | italic |
| comment keyword.codetag.notation, comment.block.documentation keyword | #a0b4d0 | — |
| string | #7fa87f | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #7fa87f | — |
| constant, variable.other.constant | #b8743a | — |
| constant.numeric | #b8743a | — |
| keyword, storage.type, storage.modifier | #567856 | |
| entity.name.function, meta.function-call | #7bb8d3 | — |
| variable.parameter | #a0b4d0 | italic |
| entity.name.type.class, entity.name.class | #7bb8d3 | — |
| entity.name.type, storage.type | #a0b4d0 | italic |
| variable | #e8eaec | — |
| variable.language | #7a6b4f | italic |
| entity.name.tag | #567856 | — |
| entity.other.attribute-name | #7bb8d3 | italic |
| meta.selector | #7bb8d3 | — |
| support.type.property-name | #a0b4d0 | — |
| keyword.operator | #7a6b4f | — |
| punctuation | #aeb4bc | — |
| string.regexp | #b8743a | — |
| markup.heading | #7bb8d3 | bold |
| markup.bold | #e8eaec | bold |
| markup.italic | #e8eaec | italic |
| markup.underline.link | #7bb8d3 | — |
| markup.inline.raw | #7fa87f | — |
| invalid | #b8743a | underline |
| invalid.deprecated | #7a8088 | strikethrough |