Haru Theme
Publisher: oldfarmer96Themes in package: 1
A theme inspired by concentration, not attention
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#22262D
- activityBar.foreground#c5c9c7
- activityBarBadge.background#658594
- activityBarBadge.foreground#c5c9c7
- badge.background#22262D
- banner.background#14171d
- button.background#22262D
- button.foreground#c5c9c7
- button.hoverBackground#393B42
- button.secondaryBackground#393B42
- button.secondaryForeground#c5c9c7
- button.secondaryHoverBackground#4F5157
- checkbox.border#393B42
- debugToolBar.background#22262D
- descriptionForeground#c5c9c7
- diffEditor.insertedTextBackground#2B332880
- dropdown.background#22262D
- dropdown.border#393B42
- editor.background#14171d
- editor.findMatchBackground#8BA4B0CC
- editor.findMatchBorder#C4B28A
- editor.findMatchForeground#14171d
- editor.findMatchHighlightBackground#65859466
- editor.findMatchHighlightBorder#8BA4B099
- editor.findMatchHighlightForeground#c5c9c7f3
- editor.findRangeHighlightBackground#393B4299
- editor.foreground#c5c9c7
- editor.hoverHighlightBackground#22262Dfe
- editor.inactiveSelectionBackground#393B42fe
- editor.lineHighlightBackground#22262D
- editor.rangeHighlightBackground#393B42fe
- editor.selectionBackground#393B42
- editor.selectionHighlightBackground#393B42fe
- editor.selectionHighlightBorder#393B42
- editor.wordHighlightBackground#393B424D
- editor.wordHighlightBorder#393B42
- editor.wordHighlightStrongBackground#393B424D
- editor.wordHighlightStrongBorder#393B42
- editorBracketHighlight.foreground1#8992A7
- editorBracketHighlight.foreground2#B6927B
- editorBracketHighlight.foreground3#8BA4B0
- editorBracketHighlight.foreground4#A292A3
- editorBracketHighlight.foreground5#C4B28A
- editorBracketHighlight.foreground6#8EA4A2
- editorBracketHighlight.unexpectedBracket.foreground#C4746E
- editorBracketMatch.background#393B42
- editorBracketMatch.border#393B42
- editorBracketPairGuide.activeBackground1#8992A7
- editorBracketPairGuide.activeBackground2#B6927B
- editorBracketPairGuide.activeBackground3#8BA4B0
- editorBracketPairGuide.activeBackground4#A292A3
- editorBracketPairGuide.activeBackground5#C4B28A
- editorBracketPairGuide.activeBackground6#8EA4A2
- editorCursor.background#14171d
- editorCursor.foreground#c5c9c7
- editorError.foreground#E82424
- editorGroup.border#22262D
- editorGroup.dropBackground#14171d
- editorGroupHeader.border#393B42
- editorGroupHeader.tabsBackground#14171d
- editorGutter.addedBackground#76946A
- editorGutter.deletedBackground#C34043
- editorGutter.modifiedBackground#DCA561
- editorHoverWidget.background#22262D
- editorHoverWidget.border#22262D
- editorHoverWidget.highlightForeground#658594
- editorIndentGuide.activeBackground1#393B42
- editorIndentGuide.background1#22262D
- editorInlayHint.background#14171d
- editorInlayHint.foreground#9E9B93
- editorLineNumber.activeForeground#c5c9c7
- editorLineNumber.foreground#5C6066
- editorMarkerNavigation.background#22262D
- editorOverviewRuler.border#14171d
- editorRuler.foreground#22262D
- editorSuggestWidget.background#393B42
- editorSuggestWidget.border#393B42
- editorSuggestWidget.selectedBackground#2D4F67
- editorWarning.foreground#FF9E3B
- editorWhitespace.foreground#14171d
- editorWidget.background#14171d
- focusBorder#393B42
- foreground#c5c9c7
- gitDecoration.ignoredResourceForeground#5C6066
- input.background#22262D
- list.activeSelectionBackground#22262D
- list.activeSelectionForeground#c5c9c7
- list.focusBackground#22262D
- list.focusForeground#c5c9c7
- list.highlightForeground#8BA4B0
- list.hoverBackground#22262D
- list.hoverForeground#c5c9c7
- list.inactiveSelectionBackground#22262D
- list.inactiveSelectionForeground#c5c9c7
- list.warningForeground#FF9E3B
- menu.background#22262D
- menu.border#393B42
- menu.foreground#c5c9c7
- menu.selectionBackground#393B42
- menu.selectionForeground#c5c9c7
- menu.separatorBackground#4F5157
- menubar.selectionBackground#22262D
- menubar.selectionForeground#c5c9c7
- minimapGutter.addedBackground#76946A
- minimapGutter.deletedBackground#C34043
- minimapGutter.modifiedBackground#DCA561
- panel.background#14171d
- panel.border#393B42
- panelSectionHeader.background#14171d
- peekView.border#22262D
- peekViewEditor.background#22262D
- peekViewEditor.matchHighlightBackground#2D4F67
- peekViewResult.background#22262D
- scrollbar.shadow#22262D
- scrollbarSlider.activeBackground#4F515788
- scrollbarSlider.background#4F515788
- scrollbarSlider.hoverBackground#4F515788
- settings.focusedRowBackground#22262D
- settings.headerForeground#c5c9c7
- sideBar.background#14171d
- sideBar.border#393B42
- sideBar.foreground#c5c9c7
- sideBarSectionHeader.background#14171d
- sideBarSectionHeader.foreground#c5c9c7
- sideBarTitle.foreground#bbbbbb
- statusBar.background#14171d
- statusBar.debuggingBackground#E82424
- statusBar.debuggingBorder#8992A7
- statusBar.debuggingForeground#c5c9c7
- statusBar.foreground#c5c9c7
- statusBar.noFolderBackground#14171d
- statusBarItem.hoverBackground#22262D
- statusBarItem.remoteBackground#2D4F67
- statusBarItem.remoteForeground#c5c9c7
- tab.activeBackground#14171d
- tab.activeBorder#14171d
- tab.activeBorderTop#c5c9c7
- tab.activeForeground#c5c9c7
- tab.border#393B42
- tab.hoverBackground#14171d
- tab.inactiveBackground#14171d
- tab.lastPinnedBorder#14171d
- tab.unfocusedHoverBackground#14171d
- terminal.ansiBlack#22262D
- terminal.ansiBlue#8BA4B0
- terminal.ansiBrightBlack#9E9B93
- terminal.ansiBrightBlue#7FB4CA
- terminal.ansiBrightCyan#7AA89F
- terminal.ansiBrightGreen#87A987
- terminal.ansiBrightMagenta#938AA9
- terminal.ansiBrightRed#E46876
- terminal.ansiBrightWhite#c5c9c7
- terminal.ansiBrightYellow#E6C384
- terminal.ansiCyan#8EA4A2
- terminal.ansiGreen#8A9A7B
- terminal.ansiMagenta#A292A3
- terminal.ansiRed#C4746E
- terminal.ansiWhite#c5c9c7
- terminal.ansiYellow#C4B28A
- terminal.background#14171d
- terminal.border#22262D
- terminal.foreground#c5c9c7
- terminal.selectionBackground#393B42
- textBlockQuote.background#14171d
- textBlockQuote.border#22262D
- textLink.foreground#6A9589
- textPreformat.foreground#FF9E3B
- titleBar.activeBackground#14171d
- titleBar.activeForeground#c5c9c7
- titleBar.inactiveBackground#14171d
- titleBar.inactiveForeground#c5c9c7
- toolbar.hoverBackground#14171d
- walkThrough.embeddedEditorBackground#14171d
- window.activeBorder#22262D
- window.inactiveBorder#22262D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #75797F | italic |
| variable, string constant.other.placeholder | #c5c9c7 | — |
| invalid, invalid.illegal | #E82424 | — |
| keyword, storage.type, storage.modifier | #8992A7 | — |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop | #8992A7 | bold |
| keyword.control.trycatch | #C4746E | bold |
| keyword.other.definition.ini | #B6927B | — |
| constant.other.color, meta.tag, keyword.other.template, keyword.other.substitution, keyword.other, keyword.other.unit | #B6927B | — |
| keyword.operator | #C4B28A | — |
| punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, meta.brace, keyword.operator.type.annotation, keyword.operator.namespace | #9E9B93 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #C4B28A | — |
| entity.name.function, meta.function-call, variable.function, support.function | #8BA4B0 | — |
| keyword.other.special-method | #949FB5 | — |
| meta.block variable.other | #c5c9c7 | — |
| entity.name.function.macro | #C4746E | — |
| variable.other.enummember | #B6927B | — |
| support.other.variable | #c5c9c7 | — |
| string.other.link | #949FB5 | — |
| constant.numeric | #A292A3 | — |
| constant.language, constant.language.boolean | #B6927B | — |
| constant.character, constant.escape, support.constant | #949FB5 | — |
| string, punctuation.definition.string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, markup.inline.raw.string | #8A9A7B | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, support.type.sys-types | #8EA4A2 | — |
| entity.name.type.module, entity.name.namespace | #C4B28A | — |
| entity.name.import.go | #8A9A7B | — |
| keyword.blade | #8992A7 | — |
| variable.other.property | #C4B28A | — |
| keyword.control.import, keyword.import, meta.import | #9E9B93 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #8EA4A2 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #C4746E | — |
| variable.language | #C4746E | italic |
| entity.name.method.js | #949FB5 | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #949FB5 | — |
| entity.other.attribute-name | #8992A7 | — |
| entity.other.attribute-name.class | #C4B28A | — |
| source.sass keyword.control | #949FB5 | — |
| markup.inserted | #76946A | — |
| markup.deleted | #C34043 | — |
| markup.changed | #DCA561 | — |
| string.regexp | #B98D7B | — |
| constant.character.escape | #949FB5 | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #8992A7 | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #C4746E | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #A292A3 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C4B28A | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #B6927B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C4746E | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #B6927B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8BA4B0 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #A292A3 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8992A7 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8A9A7B | — |
| meta.tag JSXNested, meta.jsx.children, text.html, text.log | #c5c9c7 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #c5c9c7 | — |
| text.html.markdown markup.inline.raw.markdown | #8992A7 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #8992A7 | — |
| markdown.heading, entity.name.section.markdown, markup.heading.markdown, markup.heading | markup.heading entity.name, punctuation.definition.heading.markdown | #8BA4B0 | — |
| markup.italic | #C4746E | italic |
| markup.bold, markup.bold string | — | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #C4746E | bold |
| markup.underline | #949FB5 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #5C6066 | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #B6927B | — |
| string.other.link.description.title.markdown | #8992A7 | — |
| constant.other.reference.link.markdown | #C4B28A | — |
| markup.raw.block | #8992A7 | — |
| markup.raw.block.fenced.markdown | #5C6066 | — |
| punctuation.definition.fenced.markdown | #5C6066 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #c5c9c7 | — |
| variable.language.fenced.markdown | #5C6066 | — |
| meta.separator | #9E9B93 | bold |
| markup.table | #c5c9c7 | — |
| variable.parameter | #9E9B93 | — |
| markup.changed.git_gutter | #DCA561 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #8992A7 | italic |
| variable.language.fenced.markdown | #5C6066 | — |