HearthCode Theme
Publisher: HearthCodeThemes in package: 4
HearthCode Theme: two flagship low-glare directions for VS Code: warm-neutral Ember and dry editorial Moss, each in dark and light.
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#d4d1c4
- activityBar.border#c3c0b5
- activityBar.foreground#342d28
- activityBar.inactiveForeground#7f7a71
- activityBarBadge.background#b87911
- activityBarBadge.foreground#191815
- badge.background#b87911
- badge.foreground#191815
- button.background#b87911
- button.foreground#191815
- button.hoverBackground#bb7e16
- button.secondaryBackground#bdb9ad
- button.secondaryForeground#342d28
- dropdown.background#d2cfc3
- dropdown.border#bdb9ad
- dropdown.foreground#342d28
- editor.background#e7e5d8
- editor.findMatchBackground#b8791136
- editor.findMatchHighlightBackground#b879111a
- editor.foreground#342d28
- editor.lineHighlightBackground#cecabe
- editor.selectionBackground#b8791126
- editor.selectionHighlightBackground#b8791113
- editor.wordHighlightBackground#b8791118
- editorBracketHighlight.foreground1#83640f
- editorBracketHighlight.foreground2#855a70
- editorBracketHighlight.foreground3#237296
- editorBracketMatch.background#83640f14
- editorBracketMatch.border#83640f3d
- editorCursor.background#e7e5d8
- editorCursor.foreground#486a59
- editorError.foreground#83640f
- editorGroupHeader.tabsBackground#d4d1c4
- editorGroupHeader.tabsBorder#c3c0b5
- editorIndentGuide.activeBackground1#8b7d63
- editorIndentGuide.background1#c8c5b9
- editorInfo.foreground#237296
- editorLineNumber.activeForeground#7c5f34
- editorLineNumber.foreground#a7a399
- editorWarning.foreground#b17818
- editorWhitespace.foreground#c8c5b9
- focusBorder#94650feb
- gitDecoration.addedResourceForeground#397625
- gitDecoration.conflictingResourceForeground#83640f
- gitDecoration.deletedResourceForeground#83640f
- gitDecoration.ignoredResourceForeground#7f7a71
- gitDecoration.modifiedResourceForeground#b17818
- gitDecoration.untrackedResourceForeground#397625
- input.background#d2cfc3
- input.border#bdb9ad
- input.foreground#342d28
- input.placeholderForeground#7f7a71
- inputOption.activeBackground#b8791111
- inputOption.activeBorder#b87911
- list.activeSelectionBackground#bebaae
- list.activeSelectionForeground#2c2722
- list.focusBackground#bebaae
- list.highlightForeground#b87911
- list.hoverBackground#cac7bb
- list.hoverForeground#342d28
- list.inactiveSelectionBackground#c7c4b8
- notificationLink.foreground#b87911
- notifications.background#d2cfc3
- notifications.border#bdb9ad
- notifications.foreground#342d28
- panel.background#d4d1c4
- panel.border#c3c0b5
- panelTitle.activeBorder#b87911
- panelTitle.activeForeground#342d28
- panelTitle.inactiveForeground#645e57
- progressBar.background#b87911
- scrollbarSlider.activeBackground#b49d7baa
- scrollbarSlider.background#d2c2a566
- scrollbarSlider.hoverBackground#d2c2a599
- selection.background#b8791126
- sideBar.background#d4d1c4
- sideBar.border#c3c0b5
- sideBar.foreground#47413b
- sideBarSectionHeader.background#c7c4b8
- sideBarSectionHeader.border#c3c0b5
- sideBarSectionHeader.foreground#645e57
- sideBarTitle.foreground#645e57
- statusBar.background#bb7c12
- statusBar.border#c3c0b5
- statusBar.debuggingBackground#7f4313
- statusBar.debuggingForeground#f6efe5
- statusBar.foreground#191815
- statusBar.noFolderBackground#8a562d
- statusBar.noFolderForeground#f6efe5
- statusBarItem.activeBackground#b8791133
- statusBarItem.hoverBackground#b8791126
- tab.activeBackground#e7e5d8
- tab.activeBorder#b87911
- tab.activeForeground#342d28
- tab.border#c3c0b5
- tab.hoverBackground#cac7bb
- tab.inactiveBackground#d4d1c4
- tab.inactiveForeground#645e57
- tab.unfocusedActiveForeground#47413b
- terminal.ansiBlack#3a342e
- terminal.ansiBlue#517d76
- terminal.ansiBrightBlack#8c7c69
- terminal.ansiBrightBlue#658d85
- terminal.ansiBrightCyan#70946f
- terminal.ansiBrightGreen#79914c
- terminal.ansiBrightMagenta#b9758b
- terminal.ansiBrightRed#c9675c
- terminal.ansiBrightWhite#2d241e
- terminal.ansiBrightYellow#ab8034
- terminal.ansiCyan#608763
- terminal.ansiGreen#718246
- terminal.ansiMagenta#a26179
- terminal.ansiRed#ba5146
- terminal.ansiWhite#43382e
- terminal.ansiYellow#9d7124
- terminal.background#e7e5d8
- terminal.foreground#342d28
- terminalCursor.foreground#486a59
- titleBar.activeBackground#d4d1c4
- titleBar.activeForeground#342d28
- titleBar.border#c3c0b5
- titleBar.inactiveBackground#d4d1c4
- titleBar.inactiveForeground#645e57
- widget.shadow#00000033
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7f7669 | italic |
| keyword, storage.type, storage.modifier, keyword.control | #8d6b07 | bold |
| keyword.operator, keyword.operator.assignment | #5f5c56 | |
| meta.function-call entity.name.function, meta.function-call.js entity.name.function.js, meta.function-call.ts entity.name.function.ts, meta.function-call.py entity.name.function.py, meta.function-call.python entity.name.function.python, meta.function-call.go entity.name.function.go, meta.function-call.rust entity.name.function.rust | #3e752b | — |
| meta.method-call entity.name.function, meta.method-call.js entity.name.function.js, meta.method-call.ts entity.name.function.ts, meta.method-call.py entity.name.function.py, meta.method-call.python entity.name.function.python, meta.method-call.go entity.name.function.go, meta.method-call.rust entity.name.function.rust | #227866 | — |
| entity.name.function, support.function, meta.function-call.generic | #3e752b | — |
| entity.name.function.member, entity.name.function.member.python, entity.name.function.member.go, entity.name.function.member.rust | #227866 | — |
| variable.other.property, variable.other.member, meta.property-name, support.type.property-name | #46703f | — |
| string, string.quoted, string.template, string.regexp | #756826 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined | #2d6fab | — |
| entity.name.type, entity.name.class, storage.type.java, storage.type.primitive.java, entity.name.struct.rust, entity.name.type.class, support.type, support.type.builtin, support.class | #237296 | italic |
| variable, variable.other.readwrite, variable.other.constant | #46423e | — |
| meta.object-literal.key | #80441b | — |
| entity.other.attribute-name | #0067c5 | — |
| entity.name.tag, punctuation.definition.tag | #87852c | — |
| meta.decorator, punctuation.decorator | #8c4c02 | italic |
| punctuation, meta.brace | #885871 | — |
| constant.other.color, support.constant | #2d6fab | — |
| markup.heading | #7a4500 | bold |
| markup.bold | #a2251d | bold |
| markup.italic | #914b00 | italic |
| markup.inline.raw, markup.fenced_code | #007301 | — |
| markup.underline.link | #007301 | — |
| invalid.deprecated | #b53616 | strikethrough |
| invalid.illegal | #b53616 | underline |