Anthropic Mist
Publisher: sourav khanThemes in package: 1
A clean, warm, Claude-inspired light theme for focused coding.
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.activeBorder#c96442
- activityBar.background#f5f3ec
- activityBar.border#ece9dd
- activityBar.foreground#3d3929
- activityBar.inactiveForeground#9a9482
- activityBarBadge.background#c96442
- activityBarBadge.foreground#faf9f5
- badge.background#c96442
- badge.foreground#faf9f5
- breadcrumb.background#faf9f5
- breadcrumb.focusForeground#c96442
- breadcrumb.foreground#6b6657
- button.background#c96442
- button.foreground#faf9f5
- button.hoverBackground#d97757
- diffEditor.insertedTextBackground#7a845022
- diffEditor.removedTextBackground#c9644222
- dropdown.background#f3f1e8
- dropdown.border#e0dccd
- editor.background#faf9f5
- editor.findMatchBackground#d9775744
- editor.findMatchHighlightBackground#d9775722
- editor.foreground#3d3929
- editor.lineHighlightBackground#f3f1e8
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#e8e6dc
- editor.selectionHighlightBackground#efece1
- editor.wordHighlightBackground#efece1
- editor.wordHighlightStrongBackground#e8e6dc
- editorBracketMatch.background#e8e6dc
- editorBracketMatch.border#c96442
- editorCursor.foreground#c96442
- editorGroup.border#ece9dd
- editorGroupHeader.tabsBackground#f5f3ec
- editorGroupHeader.tabsBorder#ece9dd
- editorGutter.addedBackground#7a8450
- editorGutter.background#faf9f5
- editorGutter.deletedBackground#c96442
- editorGutter.modifiedBackground#b88a3e
- editorHoverWidget.background#f3f1e8
- editorHoverWidget.border#e0dccd
- editorIndentGuide.activeBackground1#c96442
- editorIndentGuide.background1#ece9dd
- editorLineNumber.activeForeground#3d3929
- editorLineNumber.foreground#b8b09a
- editorRuler.foreground#ece9dd
- editorSuggestWidget.background#f3f1e8
- editorSuggestWidget.border#e0dccd
- editorSuggestWidget.highlightForeground#c96442
- editorSuggestWidget.selectedBackground#e8e6dc
- editorWhitespace.foreground#e0dccd
- editorWidget.background#f3f1e8
- editorWidget.border#e0dccd
- focusBorder#c96442
- gitDecoration.deletedResourceForeground#c96442
- gitDecoration.ignoredResourceForeground#b8b09a
- gitDecoration.modifiedResourceForeground#b88a3e
- gitDecoration.untrackedResourceForeground#7a8450
- input.background#f3f1e8
- input.border#e0dccd
- input.foreground#3d3929
- inputOption.activeBorder#c96442
- list.activeSelectionBackground#e8e6dc
- list.activeSelectionForeground#3d3929
- list.focusBackground#e8e6dc
- list.highlightForeground#c96442
- list.hoverBackground#efece1
- list.inactiveSelectionBackground#efece1
- minimap.selectionHighlight#c96442
- panel.background#faf9f5
- panel.border#ece9dd
- panelTitle.activeBorder#c96442
- panelTitle.activeForeground#c96442
- panelTitle.inactiveForeground#6b6657
- quickInput.background#f3f1e8
- scrollbarSlider.activeBackground#3d392966
- scrollbarSlider.background#3d392922
- scrollbarSlider.hoverBackground#3d392944
- sideBar.background#f5f3ec
- sideBar.border#ece9dd
- sideBar.foreground#3d3929
- sideBarSectionHeader.background#ece9dd
- sideBarSectionHeader.foreground#3d3929
- sideBarTitle.foreground#6b6657
- statusBar.background#ece9dd
- statusBar.border#e0dccd
- statusBar.debuggingBackground#c96442
- statusBar.debuggingForeground#faf9f5
- statusBar.foreground#3d3929
- statusBar.noFolderBackground#ece9dd
- statusBarItem.hoverBackground#e0dccd
- statusBarItem.remoteBackground#c96442
- statusBarItem.remoteForeground#faf9f5
- tab.activeBackground#faf9f5
- tab.activeBorderTop#c96442
- tab.activeForeground#3d3929
- tab.border#ece9dd
- tab.hoverBackground#efece1
- tab.inactiveBackground#f5f3ec
- tab.inactiveForeground#6b6657
- terminal.ansiBlack#3d3929
- terminal.ansiBlue#5b7a99
- terminal.ansiBrightBlack#9a9482
- terminal.ansiBrightBlue#7090b0
- terminal.ansiBrightCyan#80a0a0
- terminal.ansiBrightGreen#8fa05f
- terminal.ansiBrightMagenta#b380a0
- terminal.ansiBrightRed#d97757
- terminal.ansiBrightWhite#3d3929
- terminal.ansiBrightYellow#d4a04c
- terminal.ansiCyan#6a8a8a
- terminal.ansiGreen#7a8450
- terminal.ansiMagenta#9a6a8c
- terminal.ansiRed#c96442
- terminal.ansiWhite#6b6657
- terminal.ansiYellow#b88a3e
- terminal.background#faf9f5
- terminal.foreground#3d3929
- terminal.selectionBackground#e8e6dc
- terminalCursor.foreground#c96442
- titleBar.activeBackground#f5f3ec
- titleBar.activeForeground#3d3929
- titleBar.border#ece9dd
- titleBar.inactiveBackground#f5f3ec
- titleBar.inactiveForeground#9a9482
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9a9482 | italic |
| string, string.quoted, string.template | #7a8450 | — |
| constant.numeric, constant.language | #b88a3e | — |
| keyword, keyword.control, storage.type, storage.modifier | #c96442 | — |
| entity.name.function, support.function, meta.function-call | #9a6a8c | — |
| entity.name.type, entity.name.class, support.class, support.type | #5b7a99 | — |
| variable, variable.other, variable.parameter | #3d3929 | — |
| variable.language, variable.language.this, variable.language.self | #9a6a8c | italic |
| entity.other.attribute-name | #b88a3e | — |
| entity.name.tag, punctuation.definition.tag | #c96442 | — |
| markup.heading, markup.bold | #c96442 | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.fenced_code | #7a8450 | — |
| markup.underline.link, markup.link | #5b7a99 | — |
| punctuation, meta.brace | #6b6657 | — |
| invalid, invalid.illegal | #c96442 | — |