HVAKR Themes
Publisher: flowcircuitsThemes in package: 2
Light and dark color themes from HVAKR — built on the Blueprint.js palette with warm orange accents.
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#fd491a
- activityBar.background#111418
- activityBar.foreground#ffffffe6
- activityBar.inactiveForeground#ffffff66
- activityBarBadge.background#fd491a
- activityBarBadge.foreground#ffffff
- badge.background#fd491a
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ffffffe6
- breadcrumb.focusForeground#ffffffe6
- breadcrumb.foreground#8f99a8
- breadcrumbPicker.background#1c2127
- button.background#fd491a
- button.foreground#ffffff
- button.hoverBackground#e43102
- button.secondaryBackground#2f343c
- button.secondaryForeground#ffffffe6
- button.secondaryHoverBackground#383e47
- checkbox.background#1c2127
- checkbox.border#2f343c
- checkbox.foreground#ffffffe6
- checkbox.selectBackground#8abbff
- commandCenter.activeBackground#252a31
- commandCenter.activeForeground#ffffffe6
- commandCenter.background#1c2127
- commandCenter.border#2f343c
- commandCenter.foreground#ffffffe6
- debugToolBar.background#1c2127
- descriptionForeground#ffffffcc
- diffEditor.insertedLineBackground#32a46711
- diffEditor.insertedTextBackground#32a46722
- diffEditor.removedLineBackground#e76a6e11
- diffEditor.removedTextBackground#e76a6e22
- dropdown.background#1c2127
- dropdown.border#2f343c
- dropdown.foreground#ffffffe6
- dropdown.listBackground#1c2127
- editor.background#111418
- editor.findMatchBackground#866103aa
- editor.findMatchHighlightBackground#86610355
- editor.foldBackground#1c212788
- editor.foreground#ffffffe6
- editor.hoverHighlightBackground#8abbff1a
- editor.inactiveSelectionBackground#8abbff1a
- editor.lineHighlightBackground#1c2127
- editor.rangeHighlightBackground#e4310233
- editor.selectionBackground#8abbff33
- editor.wordHighlightBackground#8abbff1a
- editor.wordHighlightStrongBackground#8abbff33
- editorBracketHighlight.foreground1#8abbff
- editorBracketHighlight.foreground2#fd491a
- editorBracketHighlight.foreground3#bdadff
- editorBracketHighlight.foreground4#72ca9b
- editorBracketHighlight.foreground5#fbd065
- editorBracketHighlight.foreground6#fa999c
- editorBracketMatch.background#8abbff1a
- editorBracketMatch.border#8abbff66
- editorCursor.foreground#fd491a
- editorError.foreground#e76a6e
- editorGroup.border#2f343c
- editorGroupHeader.tabsBackground#1c2127
- editorGroupHeader.tabsBorder#2f343c
- editorGutter.addedBackground#32a467
- editorGutter.deletedBackground#e76a6e
- editorGutter.modifiedBackground#4c90f0
- editorHint.foreground#32a467
- editorHoverWidget.background#1c2127
- editorHoverWidget.border#2f343c
- editorIndentGuide.activeBackground#404854
- editorIndentGuide.background#2f343c
- editorInfo.foreground#4c90f0
- editorLineNumber.activeForeground#8f99a8
- editorLineNumber.foreground#404854
- editorLink.activeForeground#8abbff
- editorOverviewRuler.addedForeground#32a46788
- editorOverviewRuler.deletedForeground#e76a6e88
- editorOverviewRuler.modifiedForeground#4c90f088
- editorRuler.foreground#2f343c
- editorSuggestWidget.selectedBackground#8abbff1a
- editorWarning.foreground#f0b726
- editorWhitespace.foreground#383e4766
- editorWidget.background#1c2127
- editorWidget.border#2f343c
- errorForeground#e76a6e
- focusBorder#8abbff
- foreground#ffffffe6
- gitDecoration.addedResourceForeground#32a467
- gitDecoration.conflictingResourceForeground#f0b726
- gitDecoration.deletedResourceForeground#e76a6e
- gitDecoration.ignoredResourceForeground#404854
- gitDecoration.modifiedResourceForeground#4c90f0
- gitDecoration.untrackedResourceForeground#32a467
- icon.foreground#8f99a8
- input.background#1c2127
- input.border#2f343c
- input.foreground#ffffffe6
- input.placeholderForeground#ffffff99
- inputOption.activeBackground#8abbff22
- inputOption.activeBorder#8abbff
- inputOption.activeForeground#8abbff
- inputValidation.errorBackground#1c2127
- inputValidation.errorBorder#e76a6e
- inputValidation.warningBackground#1c2127
- inputValidation.warningBorder#f0b726
- list.activeSelectionBackground#8abbff22
- list.activeSelectionForeground#ffffffe6
- list.errorForeground#e76a6e
- list.focusOutline#8abbff
- list.highlightForeground#8abbff
- list.hoverBackground#252a31
- list.inactiveSelectionBackground#252a31
- list.warningForeground#f0b726
- listFilterWidget.background#252a31
- merge.currentHeaderBackground#32a46744
- merge.incomingHeaderBackground#4c90f044
- minimap.selectionHighlight#8abbff44
- notificationCenterHeader.background#252a31
- notifications.background#1c2127
- notifications.border#2f343c
- notifications.foreground#ffffffe6
- panel.background#1c2127
- panel.border#2f343c
- panelTitle.activeBorder#fd491a
- panelTitle.activeForeground#ffffffe6
- panelTitle.inactiveForeground#8f99a8
- peekView.border#8abbff
- peekViewEditor.background#1c2127
- peekViewEditor.matchHighlightBackground#86610366
- peekViewResult.background#1c2127
- peekViewResult.fileForeground#ffffffe6
- peekViewResult.matchHighlightBackground#86610366
- peekViewTitle.background#1c2127
- peekViewTitleDescription.foreground#8f99a8
- peekViewTitleLabel.foreground#ffffffe6
- progressBar.background#fd491a
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#404854aa
- scrollbarSlider.background#40485444
- scrollbarSlider.hoverBackground#40485488
- selection.background#8abbff44
- settings.checkboxBackground#1c2127
- settings.checkboxBorder#2f343c
- settings.dropdownBackground#1c2127
- settings.dropdownBorder#2f343c
- settings.headerForeground#ffffffe6
- settings.modifiedItemIndicator#fd491a
- settings.textInputBackground#1c2127
- settings.textInputBorder#2f343c
- sideBar.background#1c2127
- sideBar.border#2f343c
- sideBar.foreground#ffffffe6
- sideBarSectionHeader.background#252a31
- sideBarSectionHeader.foreground#ffffffe6
- sideBarTitle.foreground#ffffffe6
- statusBar.background#111418
- statusBar.border#1c2127
- statusBar.debuggingBackground#fd491a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffffcc
- statusBar.noFolderBackground#1c2127
- statusBar.noFolderForeground#ffffffcc
- tab.activeBackground#111418
- tab.activeBorderTop#fd491a
- tab.activeForeground#ffffffe6
- tab.border#1c2127
- tab.hoverBackground#252a31
- tab.inactiveBackground#1c2127
- tab.inactiveForeground#8f99a8
- terminal.ansiBlack#111418
- terminal.ansiBlue#4c90f0
- terminal.ansiBrightBlack#738091
- terminal.ansiBrightBlue#8abbff
- terminal.ansiBrightCyan#8abbff
- terminal.ansiBrightGreen#72ca9b
- terminal.ansiBrightMagenta#bdadff
- terminal.ansiBrightRed#fa999c
- terminal.ansiBrightWhite#f6f7f9
- terminal.ansiBrightYellow#fbd065
- terminal.ansiCyan#8abbff
- terminal.ansiGreen#32a467
- terminal.ansiMagenta#9881f3
- terminal.ansiRed#e76a6e
- terminal.ansiWhite#c5cbd3
- terminal.ansiYellow#f0b726
- terminal.background#111418
- terminal.foreground#ffffffe6
- terminal.selectionBackground#8abbff33
- terminalCursor.foreground#fd491a
- textBlockQuote.background#1c2127
- textBlockQuote.border#fd491a
- textLink.activeForeground#4c90f0
- textLink.foreground#8abbff
- textPreformat.foreground#bdadff
- titleBar.activeBackground#111418
- titleBar.activeForeground#ffffffcc
- titleBar.inactiveBackground#111418
- titleBar.inactiveForeground#ffffff66
- toolbar.hoverBackground#2f343c
- tree.indentGuidesStroke#2f343c
- tree.tableColumnsBorder#2f343c
- widget.border#2f343c
- widget.shadow#00000044
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5f6b7c | italic |
| string, string.template, punctuation.definition.string | #72ca9b | — |
| constant.numeric | #8abbff | — |
| constant.language | #8abbff | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage.type, storage.modifier | #bdadff | — |
| keyword.operator, keyword.operator.assignment | #ffffffcc | — |
| entity.name.function, meta.function-call, support.function | #4c90f0 | — |
| variable, variable.other.readwrite, variable.parameter | #ffffffe6 | — |
| variable.other.property, variable.other.object.property, support.variable.property | #ffffffcc | — |
| variable.other.constant | #fbd065 | — |
| entity.name.type, entity.name.class, support.type, support.class | #fa999c | — |
| entity.name.type.parameter | #fa999c | — |
| entity.name.type.interface | #fa999c | — |
| variable.other.enummember | #fbd065 | — |
| meta.decorator, meta.decorator entity.name.function | #fbd065 | — |
| entity.name.tag, punctuation.definition.tag | #fa999c | — |
| support.class.component | #fa999c | — |
| entity.other.attribute-name | #fd491a | — |
| support.type.property-name.css | #4c90f0 | — |
| support.constant.property-value.css, support.constant.color | #72ca9b | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #fbd065 | — |
| variable.scss, variable.sass | #fd491a | — |
| string.regexp | #e76a6e | — |
| constant.character.escape | #4c90f0 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #bdadff | — |
| meta.template.expression | #ffffffe6 | — |
| support.type.property-name.json | #4c90f0 | — |
| heading.1.markdown, heading.2.markdown, heading.3.markdown, markup.heading | #fa999c | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link | #8abbff | — |
| markup.inline.raw | #bdadff | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #ffffffcc | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section, meta.brace | #ffffffcc | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #bdadff | — |
| variable.language.this, variable.language.self | #e76a6e | italic |