Hearth
Publisher: Ryan FurrerThemes in package: 6
A warm color theme that keeps the interface calm and lights the code with a single ember.
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#00000008
- activityBar.activeBorder#f05a29
- activityBar.activeFocusBorder#f05a2999
- activityBar.background#fafafb
- activityBar.border#0000000d
- activityBar.dropBorder#f05a29
- activityBar.foreground#2d2d33
- activityBar.inactiveForeground#919197
- activityBarBadge.background#f05a29
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBackground#00000008
- activityBarTop.activeBorder#f05a29
- activityBarTop.background#fafafb
- activityBarTop.dropBorder#f05a29
- activityBarTop.foreground#2d2d33
- activityBarTop.inactiveForeground#919197
- badge.background#f0f0f1
- badge.foreground#16161a
- breadcrumb.activeSelectionForeground#b23c00
- breadcrumb.focusForeground#2d2d33
- breadcrumb.foreground#919197
- button.background#f05a29
- button.foreground#ffffff
- button.hoverBackground#d94e22
- button.secondaryBackground#f0f0f1
- button.secondaryForeground#16161a
- button.secondaryHoverBackground#e6e6e8
- commandCenter.activeBackground#f0f0f1
- commandCenter.activeBorder#f05a2966
- commandCenter.activeForeground#2d2d33
- commandCenter.background#f8f8f9
- commandCenter.border#0000001a
- commandCenter.debuggingBackground#f05a2933
- commandCenter.foreground#747479
- commandCenter.inactiveBorder#0000000d
- commandCenter.inactiveForeground#919197
- descriptionForeground#747479
- diffEditor.insertedTextBackground#89552a1a
- diffEditor.removedTextBackground#c0362a1a
- dropdown.background#ffffff
- dropdown.border#00000024
- dropdown.foreground#2d2d33
- editor.background#ffffff
- editor.findMatchBackground#f05a2947
- editor.findMatchHighlightBackground#f05a2921
- editor.foreground#2d2d33
- editor.inactiveSelectionBackground#f05a290f
- editor.lineHighlightBackground#00000005
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#f05a2926
- editor.selectionHighlightBackground#f05a2914
- editor.wordHighlightBackground#0000000a
- editor.wordHighlightStrongBackground#f05a291f
- editorBracketHighlight.foreground1#2d2d33
- editorBracketHighlight.foreground2#b23c00
- editorBracketHighlight.foreground3#89552a
- editorBracketHighlight.foreground4#007161
- editorBracketHighlight.foreground5#9f2e00
- editorBracketHighlight.foreground6#5d5d63
- editorBracketHighlight.unexpectedBracket.foreground#c0362a
- editorBracketMatch.background#f05a2914
- editorBracketMatch.border#f05a2966
- editorCursor.foreground#f05a29
- editorError.foreground#c0362a
- editorGroup.border#00000012
- editorGroupHeader.noTabsBackground#f8f8f9
- editorGroupHeader.tabsBackground#f8f8f9
- editorGutter.addedBackground#89552a
- editorGutter.background#ffffff
- editorGutter.deletedBackground#c0362a
- editorGutter.modifiedBackground#b23c00
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#0000001a
- editorIndentGuide.activeBackground1#00000026
- editorIndentGuide.background1#00000010
- editorInfo.foreground#747479
- editorLineNumber.activeForeground#5d5d63
- editorLineNumber.foreground#c4c4c9
- editorLink.activeForeground#b23c00
- editorRuler.foreground#0000000d
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#0000001a
- editorSuggestWidget.foreground#2d2d33
- editorSuggestWidget.highlightForeground#b23c00
- editorSuggestWidget.selectedBackground#f0f0f1
- editorWarning.foreground#b23c00
- editorWhitespace.foreground#00000012
- editorWidget.background#ffffff
- editorWidget.border#0000001a
- errorForeground#c0362a
- focusBorder#f05a2966
- foreground#2d2d33
- gitDecoration.addedResourceForeground#6f4420
- gitDecoration.deletedResourceForeground#c0362a
- gitDecoration.ignoredResourceForeground#b0b0b6
- gitDecoration.modifiedResourceForeground#89552a
- gitDecoration.untrackedResourceForeground#89552a
- icon.foreground#747479
- input.background#f8f8f9
- input.border#00000024
- input.foreground#2d2d33
- input.placeholderForeground#919197
- inputOption.activeBackground#f05a291f
- inputOption.activeBorder#f05a2999
- inputOption.activeForeground#16161a
- inputValidation.errorBackground#fbe9e7
- inputValidation.errorBorder#c0362a
- list.activeSelectionBackground#f0f0f1
- list.activeSelectionForeground#16161a
- list.errorForeground#c0362a
- list.focusBackground#f0f0f1
- list.highlightForeground#b23c00
- list.hoverBackground#00000008
- list.inactiveSelectionBackground#f4f4f5
- list.warningForeground#b23c00
- menu.background#ffffff
- menu.border#0000001a
- menu.foreground#2d2d33
- menu.selectionBackground#f0f0f1
- menu.selectionForeground#16161a
- menu.separatorBackground#00000012
- minimap.findMatchHighlight#f05a2999
- minimap.selectionHighlight#f05a2966
- notificationCenterHeader.background#fafafb
- notifications.background#ffffff
- notifications.border#0000001a
- panel.background#ffffff
- panel.border#0000000d
- panelTitle.activeBorder#f05a29
- panelTitle.activeForeground#16161a
- panelTitle.inactiveForeground#919197
- peekView.border#f05a2966
- peekViewEditor.background#f8f8f9
- peekViewResult.background#fafafb
- peekViewTitle.background#fafafb
- progressBar.background#f05a29
- scrollbar.shadow#00000014
- scrollbarSlider.activeBackground#00000033
- scrollbarSlider.background#00000014
- scrollbarSlider.hoverBackground#00000024
- selection.background#f05a2933
- sideBar.background#fafafb
- sideBar.border#0000000d
- sideBar.foreground#48484e
- sideBarActivityBarTop.border#0000000d
- sideBarSectionHeader.background#fafafb
- sideBarSectionHeader.border#0000000d
- sideBarSectionHeader.foreground#747479
- sideBarTitle.foreground#747479
- statusBar.background#f8f8f9
- statusBar.border#0000000d
- statusBar.debuggingBackground#f05a29
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#747479
- statusBar.noFolderBackground#f8f8f9
- statusBarItem.hoverBackground#0000000a
- statusBarItem.remoteBackground#f05a29
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#ffffff
- tab.activeBorder#f05a29
- tab.activeBorderTop#00000000
- tab.activeForeground#16161a
- tab.activeModifiedBorder#00000000
- tab.border#0000000d
- tab.hoverBackground#f0f0f1
- tab.inactiveBackground#f8f8f9
- tab.inactiveForeground#747479
- tab.inactiveModifiedBorder#89552a
- tab.unfocusedActiveBorder#f05a2966
- tab.unfocusedActiveBorderTop#00000000
- tab.unfocusedActiveModifiedBorder#00000000
- tab.unfocusedInactiveModifiedBorder#89552a80
- terminal.ansiBlack#2d2d33
- terminal.ansiBlue#007da3
- terminal.ansiBrightBlack#747479
- terminal.ansiBrightBlue#006a8c
- terminal.ansiBrightCyan#007161
- terminal.ansiBrightGreen#386f3b
- terminal.ansiBrightMagenta#853d95
- terminal.ansiBrightRed#9c3d39
- terminal.ansiBrightWhite#16161a
- terminal.ansiBrightYellow#715e33
- terminal.ansiCyan#008472
- terminal.ansiGreen#438246
- terminal.ansiMagenta#9c48ae
- terminal.ansiRed#b74844
- terminal.ansiWhite#5d5d63
- terminal.ansiYellow#856e3d
- terminal.background#ffffff
- terminal.foreground#2d2d33
- terminalCursor.foreground#f05a29
- textLink.activeForeground#9f2e00
- textLink.foreground#b23c00
- titleBar.activeBackground#f8f8f9
- titleBar.activeForeground#2d2d33
- titleBar.border#0000000d
- titleBar.inactiveBackground#f8f8f9
- titleBar.inactiveForeground#919197
- tree.indentGuidesStroke#00000014
- widget.shadow#00000014
- window.activeBorder#0000001a
- window.inactiveBorder#0000000d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #717178 | italic |
| string, string.quoted, string.template, punctuation.definition.string, meta.attribute-selector string | #89552a | — |
| string.regexp, constant.character.escape, constant.other.placeholder | #9f2e00 | — |
| constant.numeric, constant.language, constant.language.boolean, constant.character, constant.other, variable.other.constant, support.constant | #9f2e00 | — |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.control.flow, keyword.control.import, keyword.control.from | #b23c00 | — |
| variable.language, variable.language.this, keyword.other.self | #b23c00 | italic |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, punctuation, punctuation.separator, punctuation.terminator, punctuation.definition.parameters, meta.brace.round, meta.brace.square, punctuation.section, punctuation.accessor | #5d5d63 | — |
| variable, variable.other, variable.other.readwrite, variable.parameter, meta.definition.variable, support.variable | #2d2d33 | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name, support.type.property-name.json | #48484e | — |
| entity.name.function, support.function, meta.function-call.generic, meta.function-call, entity.name.function.member, variable.function | #008472 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.other.inherited-class, support.type, support.class, entity.name.type.class | #007161 | italic |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #9f2e00 | italic |
| entity.name.tag, meta.tag, support.class.component | #b23c00 | — |
| entity.other.attribute-name, meta.attribute.class, meta.attribute.id | #89552a | italic |
| punctuation.definition.tag, meta.tag punctuation.definition.tag | #5d5d63 | — |
| support.type.property-name.css, meta.property-name.css | #48484e | — |
| support.constant.property-value.css, meta.property-value.css, constant.numeric.css | #89552a | — |
| entity.other.attribute-name.class.css, entity.name.tag.css | #b23c00 | — |
| entity.other.attribute-name.id.css | #9f2e00 | — |
| markup.heading, markup.heading entity.name, entity.name.section.markdown | #16161a | bold |
| markup.bold, punctuation.definition.bold | #16161a | bold |
| markup.italic, punctuation.definition.italic | #2d2d33 | italic |
| markup.inline.raw, markup.raw.block, markup.fenced_code | #89552a | — |
| markup.underline.link, markup.link, string.other.link | #b23c00 | underline |
| markup.quote | #747479 | italic |
| markup.list punctuation.definition.list, punctuation.definition.list.begin.markdown | #b23c00 | — |
| markup.inserted, meta.diff.header.to-file | #6f4420 | — |
| markup.deleted, meta.diff.header.from-file | #c0362a | — |
| invalid, invalid.illegal | #c0362a | — |
| invalid.deprecated | #c0362a | strikethrough |