Chestnut
Publisher: Hexkey Co.Themes in package: 1
A light theme for VSCode.
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#F1EBE4
- activityBar.border#DFD6CE
- activityBar.foreground#000000
- activityBarBadge.background#7050A5
- activityBarBadge.foreground#f6f2ee
- badge.background#7050A5
- badge.foreground#f6f2ee
- breadcrumb.focusForeground#000000
- button.background#7050A5
- button.foreground#f6f2ee
- button.hoverBackground#7050A5
- button.secondaryBackground#000000
- button.separator#f6f2ee
- chat.requestBubbleBackground#DFD6CEf0
- checkbox.background#fffff1
- checkbox.foreground#7050A5
- commandCenter.activeBackground#f6f2ee
- commandCenter.activeBorder#DFD6CE
- commandCenter.background#F1EBE4
- commandCenter.border#DFD6CE
- commandCenter.inactiveBorder#DFD6CE
- debugConsole.infoForeground#000000
- debugToolBar.background#f6f2ee
- dropdown.background#f6f2ee
- dropdown.border#DFD6CE
- editor.background#f6f2ee
- editor.findMatchBackground#9E7FDC18
- editor.findMatchHighlightBackground#9E7FDC18
- editor.findMatchHighlightBorder#020102
- editor.findRangeHighlightBackground#9E7FDC18
- editor.foreground#000000
- editor.hoverHighlightBackground#E3D6CA53
- editor.lineHighlightBackground#E3D6CA58
- editor.rangeHighlightBackground#E3D6CA9f
- editor.selectionBackground#DED6EB90
- editor.selectionHighlightBorder#DFD6CE
- editor.snippetFinalTabstopHighlightBackground#E3D6CA54
- editor.snippetFinalTabstopHighlightBorder#DFD6CE
- editor.snippetTabstopHighlightBackground#E3D6CA54
- editor.snippetTabstopHighlightBorder#DFD6CE
- editor.wordHighlightBackground#9E7FDC18
- editor.wordHighlightBorder#9E7FDC
- editor.wordHighlightStrongBackground#E3D6CA53
- editor.wordHighlightStrongBorder#DFD6CE
- editorActionList.focusBackground#E8DDD3
- editorBracketHighlight.foreground1#6636C6
- editorBracketHighlight.foreground2#2F3DA3
- editorBracketHighlight.foreground3#40777F
- editorCommentsWidget.replyInputBackground#f6f2ee
- editorGroup.border#DFD6CE
- editorGroup.dropBackground#7050A572
- editorGroupHeader.tabsBackground#F1EBE4
- editorGroupHeader.tabsBorder#DFD6CE
- editorInlayHint.background#DFD6CE4c
- editorInlayHint.foreground#000000c0
- editorLineNumber.activeForeground#000000
- editorLineNumber.foreground#d2d2c2
- editorRuler.foreground#DFD6CE90
- editorStickyScrollHover.background#E3D6CAcf
- editorSuggestWidget.selectedBackground#F1EBE4
- editorUnicodeHighlight.border#7050A5
- editorWidget.background#f6f2ee
- editorWidget.border#DFD6CE
- editorWidget.foreground#000000
- extensionButton.background#7050A5
- extensionButton.foreground#f6f2ee
- extensionButton.hoverBackground#7050A5
- extensionButton.separator#f6f2ee
- focusBorder#7050A5
- git.blame.editorDecorationForeground#6D6054
- gitlens.gutterBackgroundColor#F1EBE400
- gitlens.gutterForegroundColor#000000
- gitlens.trailingLineForegroundColor#00000070
- icon.foreground#000000
- input.background#f6f2ee
- input.border#DFD6CE
- input.foreground#000000
- inputOption.activeBorder#a789e2
- list.activeSelectionBackground#E8DDD3b0
- list.activeSelectionForeground#000000
- list.dropBackground#7050A572
- list.hoverBackground#E8DDD3b0
- list.hoverForeground#000000
- list.inactiveSelectionBackground#E8DDD3b0
- list.inactiveSelectionForeground#000000
- menu.background#f6f2ee
- menu.foreground#000000
- menu.selectionBackground#f6f2ee
- menu.selectionForeground#000000
- notebook.cellBorderColor#DFD6CE
- notebook.cellEditorBackground#f6f2ee
- notebook.editorBackground#F1EBE4
- notebook.focusedCellBorder#7050A5
- notifications.background#f6f2ee
- panel.background#F1EBE4
- panel.border#DFD6CE
- panelInput.border#DFD6CE
- panelSection.dropBackground#7050A572
- panelTitle.activeBorder#7050A5
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#000000
- peekView.border#7050A5
- peekViewEditor.background#f6f2ee
- peekViewEditor.matchHighlightBackground#9E7FDC18
- peekViewEditor.matchHighlightBorder#9E7FDC53
- peekViewResult.background#F1EBE4
- peekViewResult.matchHighlightBackground#E3D6CA
- peekViewResult.selectionBackground#f6f2ee
- peekViewResult.selectionForeground#000000
- peekViewTitle.background#F1EBE4
- pickerGroup.border#DFD6CE
- progressBar.background#7050A5
- quickInput.background#F1EBE4
- quickInput.foreground#000000
- quickInputList.focusBackground#E8DDD3
- quickInputList.focusIconForeground#000000
- quickInputTitle.background#F1EBE4
- scrollbar.shadow#E8DDD3
- scrollbarSlider.activeBackground#E8DDD3B0
- scrollbarSlider.background#E8DDD360
- scrollbarSlider.hoverBackground#E8DDD390
- searchEditor.findMatchBorder#a789e2
- sideBar.background#F1EBE4
- sideBar.border#DFD6CE
- sideBar.dropBackground#7050A572
- sideBar.foreground#000000
- sideBarSectionHeader.background#F1EBE4
- sideBarSectionHeader.border#DFD6CE
- statusBar.background#F1EBE4
- statusBar.border#DFD6CE
- statusBar.debuggingBackground#7050A5
- statusBar.debuggingBorder#7050A5
- statusBar.debuggingForeground#f6f2ee
- statusBar.foreground#000000
- statusBar.noFolderBackground#F1EBE4
- statusBarItem.focusBorder#7050A5
- statusBarItem.hoverBackground#E8DDD3
- statusBarItem.prominentBackground#7050A5
- statusBarItem.prominentForeground#F1EBE4
- tab.activeBorder#f6f2ee
- tab.activeBorderTop#7050A5
- tab.activeModifiedBorder#7050A5
- tab.border#DFD6CE
- tab.hoverBackground#f6f2ee
- tab.inactiveBackground#F1EBE4
- tab.inactiveModifiedBorder#7050A5
- tab.lastPinnedBorder#DFD6CE
- terminal.background#F1EBE4
- terminal.dropBackground#7050A572
- terminal.findMatchHighlightBorder#a789e2be
- terminal.selectionBackground#7150a5a6
- terminalStickyScroll.background#F1EBE4
- terminalStickyScrollHover.background#E3D6CA
- textLink.foreground#7050A5
- textSeparator.foreground#DFD6CE
- titleBar.activeBackground#F1EBE4
- titleBar.border#DFD6CE
- titleBar.inactiveBackground#F1EBE4
- toolbar.hoverBackground#E8DDD3
- tree.inactiveIndentGuidesStroke#DFD6CE
- tree.indentGuidesStroke#DFD6CE
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #494949 | — |
| string, punctuation.definition.string, string.quoted.single.python | #266939 | |
| constant.character.escape, support.other.escape.special | #c54029 | bold |
| constant.numeric, constant.language.json.comments | #2F3DA3 | — |
| constant.language.boolean.yaml, constant.language.null.yaml | #2F3DA3 | — |
| entity.name.tag.yaml | #40777F | — |
| entity.name.type.enum, variable.other.enummember | #40777F | |
| entity.name.namespace | — | |
| entity.name.type, support.type, storage.type | #40777F | |
| storage.type.struct | #40777F | |
| entity.name.type.class, support.class | #40777F | |
| entity.name.type.interface | #40777F | |
| entity.name.function, support.function, entity.name.function.member | — | |
| entity.name.function.macro | #6636C6 | — |
| variable.other.readwrite, entity.name.variable, variable.other.constant, support.constant | — | — |
| variable.parameter | — | — |
| variable.parameter, variable.other.parameter | — | — |
| variable.other.event | — | — |
| keyword.function, keyword.control, keyword.var, keyword.type, keyword.package, keyword.interface | #2F3DA3 | — |
| punctuation.definition.decorator.python, entity.name.function.decorator.python, meta.function.decorator.python | #6636C6 | — |
| constant.language.python, keyword.control.flow.python, keyword.control.import.python, keyword.operator.logical.python, storage.type.class.python, storage.type.function.async.python, storage.type.function.lambda.python, storage.type.function.python | #2F3DA3 | — |
| keyword.control.flow.python | — | bold |
| constant.language.boolean.false.js, constant.language.boolean.false.jsx, constant.language.boolean.false.ts, constant.language.boolean.false.tsx, constant.language.boolean.true.js, constant.language.boolean.true.jsx, constant.language.boolean.true.ts, constant.language.boolean.true.tsx, constant.language.null.js, constant.language.null.jsx, constant.language.null.ts, constant.language.null.tsx, constant.language.undefined.js, constant.language.undefined.jsx, constant.language.undefined.ts, constant.language.undefined.tsx, keyword.control.as.js, keyword.control.as.jsx, keyword.control.as.ts, keyword.control.as.tsx, keyword.control.conditional.js, keyword.control.conditional.jsx, keyword.control.conditional.ts, keyword.control.conditional.tsx, keyword.control.export.js, keyword.control.export.jsx, keyword.control.export.ts, keyword.control.export.tsx, keyword.control.flow.js, keyword.control.flow.jsx, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.from.js, keyword.control.from.jsx, keyword.control.from.ts, keyword.control.from.tsx, keyword.control.import.js, keyword.control.import.jsx, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.loop.js, keyword.control.loop.jsx, keyword.control.loop.ts, keyword.control.loop.tsx, keyword.control.switch.js, keyword.control.switch.jsx, keyword.control.switch.ts, keyword.control.switch.tsx, keyword.control.trycatch.js, keyword.control.trycatch.jsx, keyword.control.trycatch.ts, keyword.control.trycatch.tsx, keyword.operator.expression.delete.js, keyword.operator.expression.delete.jsx, keyword.operator.expression.delete.ts, keyword.operator.expression.delete.tsx, keyword.operator.expression.in.js, keyword.operator.expression.in.jsx, keyword.operator.expression.in.ts, keyword.operator.expression.in.tsx, keyword.operator.expression.instanceof.js, keyword.operator.expression.instanceof.jsx, keyword.operator.expression.instanceof.ts, keyword.operator.expression.instanceof.tsx, keyword.operator.expression.is.js, keyword.operator.expression.is.jsx, keyword.operator.expression.is.ts, keyword.operator.expression.is.tsx, keyword.operator.expression.keyof.js, keyword.operator.expression.keyof.jsx, keyword.operator.expression.keyof.ts, keyword.operator.expression.keyof.tsx, keyword.operator.expression.of.js, keyword.operator.expression.of.jsx, keyword.operator.expression.of.ts, keyword.operator.expression.of.tsx, keyword.operator.expression.typeof.js, keyword.operator.expression.typeof.jsx, keyword.operator.expression.typeof.ts, keyword.operator.expression.typeof.tsx, keyword.operator.new.js, keyword.operator.new.jsx, keyword.operator.new.ts, keyword.operator.new.tsx, storage.modifier.async.js, storage.modifier.async.jsx, storage.modifier.async.ts, storage.modifier.async.tsx, storage.modifier.js, storage.modifier.jsx, storage.modifier.ts, storage.modifier.tsx, storage.type.class.js, storage.type.class.jsx, storage.type.class.ts, storage.type.class.tsx, storage.type.enum.js, storage.type.enum.jsx, storage.type.enum.ts, storage.type.enum.tsx, storage.type.function.js, storage.type.function.jsx, storage.type.function.ts, storage.type.function.tsx, storage.type.interface.js, storage.type.interface.jsx, storage.type.interface.ts, storage.type.interface.tsx, storage.type.js, storage.type.jsx, storage.type.namespace.js, storage.type.namespace.jsx, storage.type.namespace.ts, storage.type.namespace.tsx, storage.type.ts, storage.type.tsx, storage.type.type.js, storage.type.type.jsx, storage.type.type.ts, storage.type.type.tsx, variable.language.super.js, variable.language.super.jsx, variable.language.super.ts, variable.language.super.tsx, variable.language.this.js, variable.language.this.jsx, variable.language.this.ts, variable.language.this.tsx | #2F3DA3 | — |
| variable.language.this.js, variable.language.this.jsx, variable.language.this.ts, variable.language.this.tsx | — | underline |
| variable.language.super.js, variable.language.super.jsx, variable.language.super.ts, variable.language.super.tsx | — | underline |
| keyword.control.as.js, keyword.control.as.jsx, keyword.control.as.ts, keyword.control.as.tsx, keyword.control.conditional.js, keyword.control.conditional.jsx, keyword.control.conditional.ts, keyword.control.conditional.tsx, keyword.control.export.js, keyword.control.export.jsx, keyword.control.export.ts, keyword.control.export.tsx, keyword.control.flow.js, keyword.control.flow.jsx, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.from.js, keyword.control.from.jsx, keyword.control.from.ts, keyword.control.from.tsx, keyword.control.import.js, keyword.control.import.jsx, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.loop.js, keyword.control.loop.jsx, keyword.control.loop.ts, keyword.control.loop.tsx, keyword.control.switch.js, keyword.control.switch.jsx, keyword.control.switch.ts, keyword.control.switch.tsx, keyword.control.trycatch.js, keyword.control.trycatch.jsx, keyword.control.trycatch.ts, keyword.control.trycatch.tsx | — | bold |
| keyword.other.debugger.js, keyword.other.debugger.jsx, keyword.other.debugger.ts, keyword.other.debugger.tsx | #2F3DA3 | bold |
| markup.heading | #2F3DA3 | bold |
| markup.fenced_code.block | #40777F | — |
| markup.underline.link | #2A5DDE | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.strikethrough | — | strikethrough |
| markup.underline | — | underline |
| markup.quote | #276E48 | italic |
| keyword.control.go | — | bold |
| keyword.control.rust | — | bold |
| keyword.other.rust, keyword.other.fn.rust, keyword.other.crate.rust | #2F3DA3 | — |
| storage.type.rust, storage.modifier.mut.rust | #2F3DA3 | — |
| constant.language.bool.rust | #2F3DA3 | — |
| meta.attribute.rust | #6636C6 | — |
| constant.language.boolean.toml, constant.numeric.integer.toml | #2F3DA3 | — |
| entity.name.tag.html | #2F3DA3 | — |