Haven Theme
Publisher: Gerson DantasThemes in package: 2
Comfort-focused theme collection for Visual Studio Code.
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.activeBorder#C76B2955
- activityBar.background#FFF9F0
- activityBar.border#DDD3C5
- activityBar.foreground#2B2B2B
- activityBar.inactiveForeground#5C5C5C
- badge.background#C76B29
- badge.foreground#2B2B2B
- button.background#C76B29
- button.foreground#2B2B2B
- button.hoverBackground#E8D7B8FF
- button.secondaryBackground#E8D7B870
- button.secondaryForeground#2B2B2B
- button.secondaryHoverBackground#E8D7B863
- descriptionForeground#5C5C5C
- diffEditor.border#DDD3C5
- diffEditor.insertedLineBackground#F4E8DCFF
- diffEditor.insertedTextBackground#4A9D7433
- diffEditor.removedLineBackground#DDDDDDEE
- diffEditor.removedTextBackground#C76B2933
- disabledForeground#DDD3C5
- dropdown.background#F6F1E8
- dropdown.border#DDD3C5
- dropdown.listBackground#F6F1E8
- editor.background#F6F1E8
- editor.findMatchBackground#E8D7B8
- editor.findMatchHighlightBackground#E8D7B8
- editor.findRangeHighlightBackground#E8D7B8
- editor.foreground#2B2B2B
- editor.inactiveSelectionBackground#E8D7B888
- editor.lineHighlightBackground#E8D7B863
- editor.selectionBackground#C76B291F
- editor.selectionHighlightBackground#E8D7B888
- editor.wordHighlightBackground#D9A44130
- editor.wordHighlightStrongBackground#E8D7B8
- editorBracketHighlight.foreground1#C76B29
- editorBracketHighlight.foreground2#D9A441
- editorBracketHighlight.foreground3#E8D7B8
- editorBracketHighlight.foreground4#DDD3C5
- editorBracketHighlight.foreground5#5C5C5C
- editorBracketHighlight.foreground6#2B2B2B
- editorBracketMatch.background#E8D7B8
- editorBracketMatch.border#C76B2955
- editorBracketPairGuide.activeBackground1#C76B29
- editorBracketPairGuide.activeBackground2#D9A441
- editorBracketPairGuide.activeBackground3#E8D7B8
- editorBracketPairGuide.activeBackground4#DDD3C5
- editorBracketPairGuide.activeBackground5#5C5C5C
- editorBracketPairGuide.activeBackground6#2B2B2B
- editorBracketPairGuide.background1#2B2B2B30
- editorBracketPairGuide.background2#2B2B2B30
- editorBracketPairGuide.background3#2B2B2B30
- editorBracketPairGuide.background4#2B2B2B30
- editorBracketPairGuide.background5#2B2B2B30
- editorBracketPairGuide.background6#2B2B2B30
- editorCursor.foreground#C76B29
- editorError.foreground#B83233FF
- editorGroup.border#C76B29FF
- editorGroup.emptyBackground#F6F1E8
- editorGroupHeader.tabsBackground#FFF9F0
- editorGutter.addedBackground#4A9D74
- editorGutter.background#F6F1E8
- editorGutter.deletedBackground#C23B3B
- editorGutter.modifiedBackground#D9A441
- editorHoverWidget.background#F6F1E8
- editorHoverWidget.border#DDD3C5
- editorHoverWidget.highlightForeground#C76B29
- editorIndentGuide.activeBackground1#C76B2960
- editorIndentGuide.background1#2B2B2B30
- editorInfo.foreground#D9A441FF
- editorLineNumber.activeForeground#2B2B2B
- editorLineNumber.foreground#7A82A6
- editorMarkerNavigation.background#F6F1E8
- editorRuler.foreground#2B2B2B28
- editorSuggestWidget.background#F6F1E8
- editorSuggestWidget.border#DDD3C5
- editorSuggestWidget.highlightForeground#C76B29
- editorSuggestWidget.selectedBackground#E8D7B8
- editorWarning.foreground#C76B29
- editorWhitespace.foreground#2B2B2B40
- editorWidget.background#F6F1E8
- editorWidget.border#DDD3C5
- errorForeground#B83233FF
- focusBorder#C76B2955
- foreground#2B2B2B
- gitDecoration.addedResourceForeground#4A9D74
- gitDecoration.conflictingResourceForeground#C76B29
- gitDecoration.deletedResourceForeground#C23B3B
- gitDecoration.ignoredResourceForeground#7A82A6
- gitDecoration.modifiedResourceForeground#D9A441
- gitDecoration.renamedResourceForeground#C76B29
- gitDecoration.untrackedResourceForeground#4A9D74
- input.background#F6F1E8
- input.border#DDD3C5
- input.foreground#2B2B2B
- input.placeholderForeground#5C5C5C
- inputOption.activeBackground#E8D7B888
- inputOption.activeBorder#C76B2955
- inputValidation.errorBackground#DDDDDDEE
- inputValidation.errorBorder#993A27FF
- inputValidation.infoBackground#FFF9F0EE
- inputValidation.infoBorder#D9A441FF
- inputValidation.warningBackground#C76B2922
- inputValidation.warningBorder#C76B2944
- inputValidation.warningForeground#2B2B2B
- list.activeSelectionBackground#E8D7B870
- list.activeSelectionForeground#2B2B2B
- list.dropBackground#E8D7B842
- list.focusAndSelectionOutline#C76B2955
- list.focusOutline#C76B2955
- list.highlightForeground#C76B29
- list.hoverBackground#E8D7B863
- list.hoverForeground#2B2B2B
- list.inactiveSelectionBackground#E8D7B888
- list.inactiveSelectionForeground#2B2B2B
- minimapSlider.activeBackground#E8D7B8
- minimapSlider.background#E8D7B855
- minimapSlider.hoverBackground#E8D7B888
- notifications.background#F6F1E8
- notifications.border#DDD3C5
- notifications.foreground#2B2B2B
- panel.background#FFF9F0
- panel.border#DDD3C5
- panelInput.border#DDD3C5
- panelTitle.activeBorder#C76B2955
- panelTitle.activeForeground#2B2B2B
- panelTitle.inactiveForeground#5C5C5C
- peekView.border#C76B2955
- peekViewEditor.background#F6F1E8
- peekViewEditor.matchHighlightBackground#E8D7B8
- peekViewResult.background#F6F1E8
- peekViewResult.matchHighlightBackground#E8D7B8
- peekViewTitle.background#FFF9F0
- peekViewTitleDescription.foreground#5C5C5C
- peekViewTitleLabel.foreground#2B2B2B
- pickerGroup.border#C76B2955
- pickerGroup.foreground#C76B29
- progressBar.background#C76B29
- quickInput.background#F6F1E8
- quickInput.foreground#2B2B2B
- quickInputList.focusBackground#E8D7B8
- scrollbarSlider.activeBackground#E8D7B8
- scrollbarSlider.background#E8D7B855
- scrollbarSlider.hoverBackground#E8D7B888
- selection.background#C76B291F
- sideBar.background#FFF9F0
- sideBar.border#DDD3C5
- sideBar.foreground#2B2B2B
- sideBarSectionHeader.background#FFF9F0
- sideBarSectionHeader.border#DDD3C5
- sideBarSectionHeader.foreground#2B2B2B
- sideBarTitle.foreground#2B2B2B
- statusBar.background#F6F1E8
- statusBar.border#DDD3C5
- statusBar.foreground#2B2B2B
- statusBarItem.hoverBackground#E8D7B863
- statusBarItem.prominentBackground#E8D7B870
- statusBarItem.prominentHoverBackground#E8D7B863
- tab.activeBackground#F6F1E8
- tab.activeBorderTop#C76B2955
- tab.activeForeground#2B2B2B
- tab.border#DDD3C5
- tab.hoverBackground#E8D7B863
- tab.inactiveBackground#FFF9F0
- tab.inactiveForeground#5C5C5C
- tab.unfocusedActiveBackground#F6F1E8
- tab.unfocusedActiveForeground#5C5C5C
- tab.unfocusedInactiveBackground#FFF9F0
- tab.unfocusedInactiveForeground#DDD3C5
- terminal.ansiBlack#F6F1E8
- terminal.ansiBlue#C76B29
- terminal.ansiBrightBlack#C76B29FF
- terminal.ansiBrightBlue#C76B29
- terminal.ansiBrightCyan#D9A441
- terminal.ansiBrightGreen#198D0C
- terminal.ansiBrightMagenta#BF185A
- terminal.ansiBrightRed#D74C3D
- terminal.ansiBrightWhite#2B2B2B
- terminal.ansiBrightYellow#9E841A
- terminal.ansiCyan#D9A441
- terminal.ansiGreen#14710A
- terminal.ansiMagenta#5C5C5C
- terminal.ansiRed#CB3A2A
- terminal.ansiWhite#2B2B2B
- terminal.ansiYellow#846E15
- terminal.background#F6F1E8
- terminal.border#DDD3C5
- terminal.foreground#2B2B2B
- terminal.selectionBackground#C76B291F
- terminalCursor.foreground#C76B29
- textLink.activeForeground#2B2B2B
- textLink.foreground#036A96
- titleBar.activeBackground#FFF9F0EE
- titleBar.activeForeground#2B2B2B
- titleBar.border#DDD3C5
- titleBar.inactiveBackground#FFF9F0FF
- titleBar.inactiveForeground#5C5C5C
- tree.indentGuidesStroke#2B2B2B30
- window.activeBorder#C76B2955
- window.inactiveBorder#DDD3C5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #635D97 | — |
| comment.block.documentation, comment.documentation | #A3144D | — |
| string | #846E15 | — |
| constant.character.escape, constant.other.placeholder | #A3144D | — |
| string.regexp | #CB3A2A | — |
| constant.other.symbol, constant.other.key | #A3144D | — |
| constant.other.symbol | #644AC9 | — |
| constant.numeric | #644AC9 | — |
| constant.language.boolean | #A3144D | — |
| constant, support.constant | #644AC9 | — |
| keyword, storage.type, storage.modifier | #A3144D | — |
| keyword.operator, punctuation.separator.key-value | #A3144D | — |
| entity.name.function, support.function, variable.function | #14710A | — |
| entity.name.function.constructor, entity.name.type.class, support.class | #A3144D | — |
| variable.other.property, meta.object-literal.key, support.type.property-name | #036A96 | — |
| entity.other.attribute-name, support.type.property-name.css | #4A9D74FF | — |
| entity.name.type, support.type, support.class | #036A96 | — |
| entity.name.type.interface, support.type.interface | #036A96 | italic |
| entity.other.inherited-class | #036A96 | italic |
| entity.name.type.enum, support.type.enum | #644AC9 | — |
| variable.other.enummember, entity.name.constant.enum | #644AC9 | — |
| variable | #1F1F1F | — |
| variable.other.object, variable.other.property | #1F1F1F | — |
| variable.parameter | #A34D14 | italic |
| variable.language, support.variable, keyword.other.this, keyword.other.self | #644AC9 | italic |
| entity.name.tag | #A3144D | — |
| entity.name.label | #1F1F1F | — |
| meta.preprocessor, keyword.control.directive | #635D97 | — |
| meta.embedded, source.embedded | #1F1F1F | — |
| punctuation | #A3144D | — |
| punctuation.bracket | #1F1F1F | — |
| punctuation.separator, punctuation.terminator | #A3144D | — |
| punctuation.definition.list.begin, markup.list punctuation.definition.list.begin | #036A96 | — |
| punctuation.definition.template-expression, punctuation.accessor | #A3144D | — |
| entity.name.section, markup.heading | #644AC9 | — |
| markup.italic | #846E15 | italic |
| markup.bold | #A34D14 | bold |
| string.other.link.title, markup.underline.link | #A3144D | — |
| markup.underline.link, markup.link | #036A96 | — |
| markup.inline.raw, markup.raw.inline, markup.raw.block | #14710A | — |